@zzwing/react-table/src/utils.ts

A react fixed table component

import { PlainObject } from './Table/module'

/**
 * 节流函数
 * 规定时间内如果触发多次,则取消上一次请求,重新setTimeout
 *
 * @export
 * @param {Function} fnc 需要执行的函数
 * @param {Number} t 触发事件
 * @param {Function} beforeHook 每次执行之前的钩子
 * @returns
 */
export function timerFnc(fnc: Function, t: number, beforeHook?: Function): (arg?: any) => void {
  let timer = null
  const time: number = t || 200
  return function call(arg: any) {
    if (timer) {
      window.clearTimeout(timer)
    }
    beforeHook && beforeHook.call(this, arg)
    timer = window.setTimeout(async () => {
      await fnc.call(this, arg)
      timer = null
    }, time)
  }
}

export function addResizeEventListener(
  ele: HTMLElement,
  resizeHandle: () => void
) {
  const obj = document.createElement('object')
  obj.setAttribute(
    'style',
    'position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;'
  )
  obj.onload = () => {
    /* istanbul ignore next */
    obj.contentDocument.defaultView.addEventListener(
      'resize',
      resizeHandle,
      false
    )
  }
  obj.type = 'text/html'
  ele.append(obj)
  obj.data = 'about:blank'
  return obj
}

export function getChainObject(obj: PlainObject, path: string) {
  const keys = path.split('.')
  if(keys.length === 1) {
    return obj[path]
  }
  const len = keys.length
  let tra = obj
  for (let i = 0; i < len; i++) {
    const key = keys[i]
    const tmp = tra[key]
    if (i === len - 1) {
      return tmp
    }
    if (tmp === undefined) {
      return undefined
    }
    tra = tmp
  }
}