/**
 * 表格內(nèi)筒自動(dòng)滾動(dòng)方法
 * 2022年7月7日 17:15:13
 * @param {Object} table el-table的ref對(duì)象
 * @param {Number} speed 表格滾動(dòng)速度
 */

export function tableScroll(table, speed = 30) {
  // 拿到表格中承載數(shù)據(jù)的div元素
  const divData = table.bodyWrapper;

  let timer;

  const startScroll = () => {
    // 拿到元素后，對(duì)元素進(jìn)行定時(shí)增加距離頂部距離，實(shí)現(xiàn)滾動(dòng)效果(此配置為每100毫秒移動(dòng)1像素)
    clearInterval(timer);
    timer = setInterval(() => {
      // 元素自增距離頂部1像素
      divData.scrollTop += 1;
      // 判斷元素是否滾動(dòng)到底部(可視高度+距離頂部=整個(gè)高度)
      if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
        // 重置table距離頂部距離
        divData.scrollTop = 0;
      }
    }, speed);
  };

  startScroll();

  //鼠標(biāo)移入
  divData.onmouseover = () => {
    clearInterval(timer);
  };

  //鼠標(biāo)移出
  divData.onmouseout = () => {
    clearInterval(timer);
    startScroll();
  };

  //窗口發(fā)生改變
  window.onresize = () => {
    return (() => {
      window.screenHeight = document.body.clientHeight;
      document.clientHeight = window.screenHeight;
    })();
  };
}