dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyTable/data.js

@@ -0,0 +1,726 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throttle = exports.debounce = exports.getActions = exports.getTableDivHeigh = exports.refreshHeight = exports.getColumns = exports.handleTableColumns = exports.getRowSelection = undefined;
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+require('antd/lib/popover/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _action = require('./action');
+
+var _action2 = _interopRequireDefault(_action);
+
+var _NHCore = require('../../utils/NHCore');
+
+var _overflowColumn = require('./overflowColumn');
+
+var _overflowColumn2 = _interopRequireDefault(_overflowColumn);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 获取行选中数据的处理
+ */
+var getRowSelection = exports.getRowSelection = function getRowSelection(rowSelection, checkbox, rowSelectionChange, selectedRowKeys) {
+  if (!checkbox) {
+    return undefined;
+  }
+  if (!rowSelection) {
+    rowSelection = {};
+  }
+  if (!rowSelection.type) {
+    rowSelection.type = 'checkbox';
+  }
+  rowSelection.onChange = function (selectedRowKeys, selectedRows) {
+    rowSelectionChange(selectedRowKeys, selectedRows);
+  };
+  rowSelection.selectedRowKeys = selectedRowKeys;
+  return rowSelection;
+};
+
+/**
+ * 处理成列表可以使用的列
+ */
+var handleTableColumns = exports.handleTableColumns = function handleTableColumns(columns, props, className) {
+  if (!columns) {
+    return [];
+  }
+  var _props$adjustMaxWidth = props.adjustMaxWidth,
+      adjustMaxWidth = _props$adjustMaxWidth === undefined ? 200 : _props$adjustMaxWidth; //若超出最大宽度则显示省略号
+
+  var PopoverDom = function PopoverDom(sourceRender, item) {
+    var closeAdjustColumnWidth = props.closeAdjustColumnWidth;
+
+    var res = {},
+        widthToCal = item.width || 0;
+    if (widthToCal >= adjustMaxWidth) {
+      res.render = function () {
+        var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+        var record = arguments[1];
+        var index = arguments[2];
+
+        var Dom = text;
+        if (sourceRender) {
+          Dom = sourceRender(text, record, index);
+        }
+        // Dom 宽度较小的话不需要气泡 个性化除外 只考虑字符和props.children
+        // flag
+        var flag = true;
+        var body_FontSize = (0, _NHCore.getStyle)(document.getElementsByClassName('ant-table')[0], 'fontSize');
+        var body_FontFamily = (0, _NHCore.getStyle)(document.body, 'fontFamily');
+        if (Dom && Dom.props) {
+          var domSize = (0, _NHCore.computeFontSize)(Dom.props.children, body_FontSize, body_FontFamily);
+          domSize.width = domSize.width + 6; //加上边距 避免内容溢出边距
+          domSize.width > widthToCal ? flag = false : '';
+          // Dom.props.children.length > 13 ? flag = false : ''
+        } else {
+          var _domSize = (0, _NHCore.computeFontSize)(Dom, body_FontSize, body_FontFamily);
+          _domSize.width > widthToCal + 6 ? flag = false : '';
+          // Dom.length > 13 ? flag = false : ''
+        }
+        if (closeAdjustColumnWidth || flag) {
+          return _react2.default.createElement(
+            'div',
+            { className: 'textOverFlow' },
+            Dom
+          );
+        } else {
+          return _react2.default.createElement(
+            _popover2.default,
+            {
+              key: 'textOverFlow' + index,
+              id: 'test',
+              placement: 'topLeft',
+              content: _react2.default.createElement(
+                'div',
+                { style: { maxWidth: 200, wordBreak: 'break-all' } },
+                Dom
+              )
+            },
+            _react2.default.createElement(
+              'div',
+              { className: 'textOverFlow' },
+              Dom
+            )
+          );
+        }
+      };
+    } else {
+      res.render = function () {
+        var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+        var record = arguments[1];
+        var index = arguments[2];
+
+        var Dom = text;
+        if (sourceRender) {
+          Dom = sourceRender(text, record, index);
+        }
+        return Dom;
+      };
+    }
+    res.width = item.width || widthToCal;
+    return res;
+  };
+
+  // 给columns增加Popover
+  columns.forEach(function (item, index) {
+    var sourceRender = item.render;
+    //  || ((text) => { return text })
+    var render = void 0,
+        width = void 0;
+    if (item.render && typeof item.render === 'string') {
+      // 如果列是自定义的render 不做溢出处理
+    } else {
+        // let res = PopoverDom(sourceRender, item)
+        // render = res.render;
+        // width = res.width
+        // item.render = render
+      }
+
+    if (!item.minWidth) {
+      item.minWidth = width;
+    }
+    item.onHeaderCell = function (column) {
+      return {
+        width: column.width || column.minWidth || width || 0,
+        minWidth: column.width || column.minWidth || width || 0,
+        id: item.dataIndex + className,
+        index: index
+      };
+    };
+  });
+
+  if (columns[columns.length - 1] && columns[columns.length - 1].title == '操作') {
+    columns[columns.length - 1].fixed = 'right';
+  }
+
+  var newColumns = [];
+  //循环处理数据
+  for (var i = 0; i < columns.length; i++) {
+    var ele = columns[i];
+    var item = deepCopy(columns[i]);
+    //如果该列是隐藏，则不需要使用该列
+    // if (item.hidden === true) {
+    //   continue;
+    // }
+    // if (
+    //   item.sorted !== false &&
+    //   item.title !== '序号' &&
+    //   item.title !== '操作'
+    // ) {
+    //   item.sorter = true;
+    // } else {
+    //   item.sorter = false;
+    // }
+    // 默认添加排序，序号列、操作列、sort为false时不添加排序
+    if (item.sorted !== false && item.title !== '序号' && item.title !== '操作') {
+      item.sorter = true;
+    } else {
+      item.sorter = false;
+    }
+    //dataIndex不能为空
+    if (!item.dataIndex) {
+      alert('dataIndex不能为空');
+      return item;
+    }
+    //dataIndex必须大写
+    item.dataIndex = item.dataIndex.toUpperCase();
+    //如果key不存在就设置dataIndex为key值
+    if (!item.key) {
+      item.key = item.dataIndex;
+    }
+    //列width或者minWidth必须至少设置一个
+    // if (!item.width && !item.minWidth) {
+    //   alert('参数设置有误，width和minWidth必须设置一个！');
+    //   return item1;
+    // }
+    //如果列的最小宽度不存在，则设置width为最小宽度
+    if (!item.minWidth) {
+      item.minWidth = item.width;
+    }
+    //项缓存冻结列的数据，因为当列的宽度总和小于列表宽度的时候不需要是使用冻结列的
+    if (item.fixed && item.fixed === 'left') {
+      item.cacheFixed = 'left';
+    } else if (item.fixed && item.fixed === 'right') {
+      item.cacheFixed = 'right';
+    }
+    delete item.fixed;
+    //如果render是字符串，表示需要根据render的key值去获取function
+    if (item.render !== undefined && item.render !== '' && typeof item.render === 'string') {
+      if (item.render.indexOf('function') != -1) {
+        if (item.render) {
+          item.render = eval('(true&&' + item.render.replace(/[\r\n]/g, '') + ')');
+        } else {
+          delete item.render;
+        }
+      } else {
+        if (props.funcParams && props.funcParams[item.render] !== undefined) {
+          item.render = props.funcParams[item.render];
+        } else {
+          delete item.render;
+        }
+      }
+    }
+    newColumns.push(item);
+  }
+  // console.log(newColumns,'newColumns')
+  return newColumns;
+};
+
+/**
+ * 获取真正展示时候的列的参数
+ * @param {*} columns
+ * @param {*} actions
+ * @param {*} data
+ */
+var getColumns = exports.getColumns = function getColumns(columns, actionColumnsCfg, className, props, pagination) {
+  var closeAdjustColumnWidth = props.closeAdjustColumnWidth;
+  var newColumns = [];
+  var currentPage = 0;
+  var pageSize = props.defaultPageSize || 20;
+  if (pagination) {
+    currentPage = pagination.page - 1 || 0;
+    pageSize = pagination.pageSize || props.defaultPageSize;
+  }
+  var xuhao = [{
+    dataIndex: 'index',
+    title: '序号',
+    minWidth: 70,
+    width: 70,
+    cacheFixed: 'left',
+    render: function render(text, record, index) {
+      return _react2.default.createElement(
+        'div',
+        null,
+        index + 1 + pageSize * currentPage
+      );
+    }
+  }];
+
+  var minWidthCount = 0; //最小宽度列（只有最小宽度这个参数）
+  var minAllWidth = 0; //最小宽度列宽度之和
+  var fieldAllWidth = 0; //除开序号列和操作列的宽度之和
+  var bodyContentMarginBottom = 0; ////内容区table向下扩充的距离，主要为了解决出现横向滚动条的时候会遮住列表内容
+  var xhIndex = columns.findIndex(function (i) {
+    return i.title === '序号';
+  });
+  if (xhIndex === -1) {
+    // 如果不存在序号
+    columns = xuhao.concat(columns);
+  } else {
+    columns[xhIndex].minWidth = 70;
+    columns[xhIndex].width = 70;
+    columns[xhIndex].cacheFixed = 'left';
+  }
+  columns.map(function (item, index) {
+    var newItem = (0, _extends3.default)({}, item);
+    if (!newItem.minWidth) {
+      newItem.minWidth = newItem.width;
+    }
+    newItem.onHeaderCell = function (column) {
+      return {
+        width: column.width || column.minWidth || 0,
+        minWidth: column.width || column.minWidth || 0,
+        id: item.dataIndex + className,
+        index: index
+      };
+    };
+    //如果render是字符串，表示需要根据render的key值去获取function
+    if (newItem.render !== undefined && newItem.render !== '' && typeof newItem.render === 'string') {
+      if (newItem.render.indexOf('function') != -1) {
+        if (newItem.render) {
+          newItem.render = eval('(true&&' + newItem.render.replace(/[\r\n]/g, '') + ')');
+        } else {
+          delete newItem.render;
+        }
+      } else {
+        if (props.funcParams && props.funcParams[newItem.render] !== undefined) {
+          newItem.render = props.funcParams[newItem.render];
+        } else {
+          delete newItem.render;
+        }
+      }
+    }
+    if (!item) {
+      return;
+    }
+    if (item.hidden === true) {
+      // 隐藏列
+      return;
+    }
+    if (item.title !== '序号' && item.dataIndex !== 'ACTION') {
+      fieldAllWidth += parseInt(item.minWidth || item.width, 10);
+    }
+    if (!item.width) {
+      minWidthCount++;
+      minAllWidth += parseInt(item.minWidth, 10);
+    }
+    if (!newItem.width) {
+      // if(isNaN(newItem.width) || newItem.width == undefined){
+      newItem.width = 0;
+    }
+    newColumns.push(newItem);
+  });
+
+  if (actionColumnsCfg !== undefined) {
+    newColumns.push(actionColumnsCfg);
+  }
+  //获取对象的宽度，如果当前对象宽度为0，表明此对象是被隐藏了，此时需要获取他父级的宽度
+  function getWidth(width, obj) {
+    if (width <= 0) {
+      var paddintLeft = (0, _NHCore.getStyle)(obj.parentNode, 'paddingLeft') ? (0, _NHCore.getStyle)(obj.parentNode, 'paddingLeft') : 0;
+      var paddingRight = (0, _NHCore.getStyle)(obj.parentNode, 'paddingRight') ? (0, _NHCore.getStyle)(obj.parentNode, 'paddingRight') : 0;
+      var borderLeft = (0, _NHCore.getStyle)(obj.parentNode, 'borderLeftWidth') ? (0, _NHCore.getStyle)(obj.parentNode, 'borderLeftWidth') : 0;
+      var borderRight = (0, _NHCore.getStyle)(obj.parentNode, 'borderRightWidth') ? (0, _NHCore.getStyle)(obj.parentNode, 'borderRightWidth') : 0;
+      width = obj.parentNode.clientWidth - parseInt(paddintLeft, 10) - parseInt(paddingRight, 10) - parseInt(borderLeft, 10) - parseInt(borderRight, 10);
+      if (obj.className.includes('ant-table-expanded-row')) {
+        //如果为二级列表，则需要减去第一个TD的宽度
+        width = (width - 50) * 0.98;
+      }
+      return getWidth(width, obj.parentNode);
+    }
+    return width;
+  }
+  var width = undefined; //默认列不需要设置宽度
+  if (document.getElementsByClassName(className)[0]) {
+    //存在二级列表时候的+号列50
+    var expandWidth = props.expandedRowRender === undefined ? 0 : 50;
+    //滚动条宽度17
+    var scollWidth = props.autoHeightFlag === true ? 0 : 17;
+    //选择框列63
+    var selectFieldWidth = props.checkbox !== false ? 63 : 0;
+    //列表的宽度
+    var tableWidth = document.getElementsByClassName(className)[0].offsetWidth;
+    tableWidth = getWidth(tableWidth, document.getElementsByClassName(className)[0]);
+    //列的实际宽度
+    var trueWidth = scollWidth + selectFieldWidth + expandWidth;
+    var resizeAllWidth = 0; //拖拽列的宽度之和
+    newColumns.map(function (item, index) {
+      if (item.width) {
+        trueWidth += parseInt(item.width, 10);
+      }
+      resizeAllWidth += parseInt(item.resizeWidth || 0, 10);
+      //
+      // trueWidth += parseInt(item.widthToCalScallWidth || 0, 10);
+      return item;
+    });
+
+    // 不能从真实domu元素中获取到宽度 因为这个时候还没有渲染 只能通过属性
+    // 在渲染后的计算
+    // columns.forEach((col, index) => {
+    //   let thDom = document.getElementById(col.dataIndex) || {};
+    //   let thWidth = thDom.scrollWidth;
+    //   // console.log(thDom, thDom.scrollWidth);
+    //   if (thWidth > 200) thWidth = 200
+    //   if (thWidth === undefined) thWidth = 0
+    //   trueWidth += thWidth
+    // })
+
+    // console.log(trueWidth,tableWidth,'trueWidth')
+    var noWidthLength = newColumns.filter(function (i) {
+      return !i.width && !isNaN(i.width);
+    }).length; //未设置宽度的列数
+    var resizeWidthLength = newColumns.filter(function (i) {
+      return i.resizeWidth;
+    }).length; //拖拽表头宽度的列数
+    //如果列的宽度大于列表的宽度的时候，需要冻结列
+    if (trueWidth > tableWidth && noWidthLength === 0) {
+      newColumns.map(function (item, index) {
+        // item.width = parseInt(item.minWidth, 10);
+        //此时会出现横向滚动条，设置最小宽度列的字段不设置具体的宽度以适应弹性布局，主要是为了解决会出现白色垂直空隙
+        if (item.cacheFixed) {
+          item.fixed = item.cacheFixed;
+        } else {
+          if (!item.render || !item.closeOverflow) {
+            //column存在自定义的方法 或者关闭溢出浮动的显示
+            item.render = handelPopoverDom(item, closeAdjustColumnWidth);
+          }
+        }
+        if (item.fixed && !item.closeOverflow) {
+          var styleObj = { width: item.width ? parseInt(item.width, 10) - 16 : null };
+          item.render = handelPopoverDom(item, closeAdjustColumnWidth, styleObj);
+        }
+        return item;
+      });
+      width = trueWidth;
+      bodyContentMarginBottom = 12;
+    } else if (trueWidth === tableWidth) {
+      //如果列的宽度等于列表的宽度的时候，不需要做任何的处理
+      newColumns.map(function (item, index) {
+        if (item.minWidth) {
+          item.width = parseInt(item.minWidth, 10);
+        }
+        if (!item.render || !item.closeOverflow) {
+          item.render = handelPopoverDom(item, closeAdjustColumnWidth);
+        }
+        if (item.fixed && !item.closeOverflow) {
+          var styleObj = { width: item.width ? parseInt(item.width, 10) - 16 : null };
+          item.render = handelPopoverDom(item, closeAdjustColumnWidth, styleObj);
+        }
+        return item;
+      });
+    } else {
+      //如果列的宽度小于列表的宽度的时候，存在最小宽度列，则把剩余宽度平分到最小宽度列，如果没有，则平分到除了序号和操作列的其他列
+      // let elseWidth = tableWidth - trueWidth + scollWidth; //因为暂时不能准确判断是否会出现滚动条，加上scollWidth使elseWidth等于或稍大与实际值，避免表格刷新时出现列偏移的情况
+      var elseWidth = tableWidth - trueWidth; //因为暂时不能准确判断是否会出现滚动条，加上scollWidth使elseWidth等于或稍大与实际值，避免表格刷新时出现列偏移的情况
+      if (resizeWidthLength > 0) {
+        // 如果有拖拽的列，则拖拽的列宽不变，其他的列平分
+        // elseWidth = tableWidth - trueWidth - resizeAllWidth + scollWidth;
+        elseWidth = tableWidth - trueWidth - resizeAllWidth;
+        fieldAllWidth = fieldAllWidth - resizeAllWidth;
+        minAllWidth = minAllWidth - resizeAllWidth;
+      }
+      if (minWidthCount === 0) {
+        //没有扩展列
+        newColumns.map(function (item, index) {
+          if (item.dataIndex && item.dataIndex !== 'rowId' && item.title !== '序号' && item.dataIndex !== 'ACTION' && !item.resizeWidth) {
+            item.width = parseInt(item.width, 10) + parseInt(elseWidth * parseInt(item.minWidth, 10) / fieldAllWidth, 10);
+          }
+          if (!item.render || !item.closeOverflow) {
+            item.render = handelPopoverDom(item, closeAdjustColumnWidth);
+          }
+          if (item.fixed && !item.closeOverflow) {
+            var styleObj = { width: item.width ? parseInt(item.width, 10) - 16 : null };
+            item.render = handelPopoverDom(item, closeAdjustColumnWidth, styleObj);
+          }
+          return item;
+        });
+      } else {
+        newColumns.map(function (item, index) {
+          if (!item.width && item.minWidth) {
+            //最小宽度列
+            // item.width =
+            //   parseInt(item.minWidth, 10) +
+            //   parseInt((elseWidth * parseInt(item.minWidth, 10)) / minAllWidth, 10);
+            item.width = parseInt(elseWidth * parseInt(item.minWidth, 10) / minAllWidth, 10);
+          }
+          if (!item.render || !item.closeOverflow) {
+            item.render = handelPopoverDom(item, closeAdjustColumnWidth);
+          }
+          if (item.fixed && !item.closeOverflow) {
+            var styleObj = { width: item.width ? parseInt(item.width, 10) - 16 : null };
+            item.render = handelPopoverDom(item, closeAdjustColumnWidth, styleObj);
+          }
+          return item;
+        });
+      }
+    }
+  }
+  return { columns: newColumns, width: width, bodyContentMarginBottom: bodyContentMarginBottom };
+};
+
+/**
+ * 刷新高度设置
+ * @param {*} props
+ * @param {*} state
+ */
+var refreshHeight = exports.refreshHeight = function refreshHeight(props, state, func) {
+  //如果需要自适应高度
+  if (!props.autoHeightFlag && document.getElementsByClassName(state.className)) {
+    var lastHeight = state.height;
+    var height = (0, _NHCore.getSuitHeight)(document.getElementsByClassName(state.className)[0]);
+    var titleHeight = props.titleHeight || props.titleHeight === 0 ? props.titleHeight : 40;
+    //如果不显示头部，则头部的高度为0
+    if (props.showHeader !== true) {
+      titleHeight = 0;
+    }
+    var reduceHeight = 36 + titleHeight;
+    if (props.footerFlag === false) {
+      //如果不显示尾部
+      reduceHeight = 5 + titleHeight;
+    }
+    height = height - reduceHeight;
+    if (!lastHeight || lastHeight !== height) {
+      func && func(height);
+    }
+  }
+};
+
+var getTableDivHeigh = exports.getTableDivHeigh = function getTableDivHeigh(height, autoHeightFlag, className, ele) {
+  var bottomHeight = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 28;
+
+  if (autoHeightFlag) {
+    return '100%';
+  }
+  if (height) {
+    return height;
+  }
+  var tableDivHeight = void 0;
+  if (ele) {
+    tableDivHeight = window.innerHeight - (0, _NHCore.getOffset)(ele).top - bottomHeight;
+  } else {
+    tableDivHeight = (0, _NHCore.getSuitHeight)(document.getElementsByClassName(className)[0] && document.getElementsByClassName(className)[0].parentNode);
+  }
+  return tableDivHeight;
+};
+
+/**
+ * 获取操作列
+ */
+var getActions = exports.getActions = function getActions(actions, data, actionLength) {
+  if (!actions || actions.length <= 0) {
+    return undefined;
+  }
+  //1、过滤掉没有权限的操作列
+  var newActions = [].concat((0, _toConsumableArray3.default)(actions));
+  newActions = actions.filter(function (item) {
+    if (item.authList) {
+      return (0, _NHCore.hasAuthList)(item.authList);
+    }
+    return !item.auth || (0, _NHCore.hasAuth)(item.auth);
+  });
+
+  if (newActions.length <= 0) {
+    return undefined;
+  }
+  //1、计算操作列的宽度
+  var actionWidth = 80;
+  if (data || data.length > 0) {
+    //如果数据为空，则此时默认操作列的宽度为80px
+    // data.map(item => {
+    //   let rowActions = [];
+    //   for (let i = 0; i < newActions.length; i++) {
+    //     if (newActions[i].isShow === undefined || newActions[i].isShow(item)) {
+    //       rowActions.push(newActions[i]);
+    //     }
+    //   }
+    //   let tempWidth = 16;
+    //   if (newActions.length <= actionLength) {
+    //     for (var i = 0; i < newActions.length; i++) {
+    //       tempWidth += newActions[i].title.length * 14 + 17;
+    //     }
+    //     tempWidth -= 17;
+    //   } else {
+    //     for (var i = 0; i < actionLength - 1; i++) {
+    //       tempWidth += newActions[i].title.length * 14 + 17;
+    //     }
+    //     tempWidth += 44;
+    //   }
+
+    //   if (actionWidth < tempWidth) {
+    //     actionWidth = tempWidth;
+    //   }
+    //   return item;
+    // });
+    var tempWidth = 16;
+    var _actionWidth = newActions.map(function (i) {
+      return i.title.length;
+    }).sort(function (b, a) {
+      return a - b;
+    });
+    if (newActions.length <= actionLength) {
+      for (var i = 0; i < newActions.length; i++) {
+        tempWidth += newActions[i].title.length * 14 + 17;
+      }
+      tempWidth -= 17;
+    } else {
+      for (var i = 0; i < actionLength - 1; i++) {
+        tempWidth += _actionWidth[i] * 15 + 17;
+      }
+      tempWidth += 44;
+    }
+
+    if (actionWidth < tempWidth) {
+      actionWidth = tempWidth;
+    }
+  }
+
+  return {
+    title: '操作',
+    width: actionWidth + 'px',
+    // width: 200,
+    minWidth: actionWidth + 'px',
+    cacheFixed: 'right',
+    dataIndex: 'ACTION',
+    key: 'ACTION',
+    closeOverflow: true,
+    render: function render(text, record, index) {
+      return _react2.default.createElement(_action2.default, { action: newActions, record: record, key: index, actionLength: actionLength });
+    }
+  };
+};
+
+var deepCopy = function deepCopy(obj) {
+  if ((typeof obj === 'undefined' ? 'undefined' : (0, _typeof3.default)(obj)) !== 'object') {
+    return obj;
+  }
+  var newobj = {};
+  for (var attr in obj) {
+    newobj[attr] = deepCopy(obj[attr]);
+  }
+  return newobj;
+};
+
+/**
+ * 将列溢出的处理为Popover
+ * @param {*} item
+ * @param {*} closeAdjustColumnWidth
+ * @returns render
+ */
+var handelPopoverDom = function handelPopoverDom(item, closeAdjustColumnWidth) {
+  var styleObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  var render = void 0,
+      widthToCal = item.width || 0;
+  var sourceRender = item.render;
+  render = function render() {
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var record = arguments[1];
+    var index = arguments[2];
+
+    var Dom = text;
+    if (sourceRender) {
+      Dom = sourceRender(text, record, index);
+    }
+    return _react2.default.createElement(_overflowColumn2.default, { text: Dom, style: styleObj });
+    // // Dom 宽度较小的话不需要气泡 个性化除外 只考虑字符和props.children
+    // // flag  处理列溢出时才显示Popover
+    // let flag = true;
+    // let body_FontSize = getStyle(document.getElementsByClassName('ant-table')[0],'fontSize');
+    // let body_FontFamily = getStyle(document.body, 'fontFamily');
+    // if (Dom&&Dom.props) {
+    //     let domSize = computeFontSize(Dom.props.children,body_FontSize,body_FontFamily)
+    //     domSize.width = domSize.width + 16; //加上边距 避免内容溢出边距  左右的padding为16
+    //     domSize.width > widthToCal ? flag = false : '';
+    //     // Dom.props.children.length > 13 ? flag = false : ''
+    // } else {
+    //     let domSize = computeFontSize(Dom,body_FontSize,body_FontFamily);
+    //     domSize.width = domSize.width + 16; //加上边距 避免内容溢出边距  左右的padding为16
+    //     domSize.width > widthToCal ? flag = false : '';
+    // }
+    // if (closeAdjustColumnWidth || flag) {
+    //     return <div className={'textOverFlow'}>{Dom}</div>
+    // } else {
+    //     return <Popover key={'textOverFlow' + index} id='test' placement="topLeft" content={<div style={{ maxWidth: 200, wordBreak: 'break-all' }}>
+    //     {Dom}
+    //     </div>} >
+    //     <div className={'textOverFlow'}>{Dom}</div>
+    //     </Popover>
+    // }
+  };
+  return render;
+};
+
+/**
+ * 函数防抖
+ * @param {*} fn
+ * @param {*} context this指向
+ * @param {*} delay
+ */
+var debounce = exports.debounce = function debounce(fn, context, delay) {
+  var timer = null;
+  return function () {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, delay);
+  };
+};
+/**
+ * 函数节流
+ * @param {*} fn
+ * @param {*} context this指向
+ * @param {*} delay
+ * @returns
+ */
+var throttle = exports.throttle = function throttle(fn, context, delay) {
+  var last = 0; //上次触发的事件
+  return function () {
+    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var now = Date.now();
+    if (now - last > delay) {
+      last = now;
+      fn.apply(context, args);
+    }
+  };
+};