linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/es/LmTable/util.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,13 +14,9 @@ exports.isSelectCrossRowGroup = isSelectCrossRowGroup;
 exports.range = void 0;
 exports.transformWithColGroup = transformWithColGroup;
 exports.transformWithRowGroup = transformWithRowGroup;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 /**
  * 生成 start 到 end 数字组成的数组
  * @param {number} start
@@ -31,29 +26,25 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var range = function range(start, end) {
   var array = [];
   var inc = end - start > 0;
-
   for (var i = start; inc ? i <= end : i >= end; inc ? i += 1 : i -= 1) {
     inc ? array.push(i) : array.unshift(i);
   }
-
   return array;
 };
+
 /**
  * 对数据进行分组
  * @param {Array} data
  * @param {string} key
  * @return {Object}
+ * 时间复杂度O(n), 空间复杂度O(n)
  */
-
-
 exports.range = range;
-
 function dataGroup(data, key) {
   var result = {};
   data === null || data === void 0 ? void 0 : data.forEach(function (item) {
     if (item.children) {
       var _Object$keys;
-
       var temp = dataGroup(item.children, key);
       (_Object$keys = Object.keys(temp)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (k) {
         if (!result[k]) result[k] = [];
@@ -73,30 +64,37 @@ function dataGroup(data, key) {
  * @param groupColKeys 列分组的keys
  * @returns
  */
-
-
-function transformWithColGroup(columns, dataSource, groupColKeys) {
+function transformWithColGroup(columns, dataSource, groupColKeys, groupRowKeys) {
   if (!Array.isArray(groupColKeys) || !groupColKeys.length) {
     return {
       columns: columns,
       dataSource: dataSource
     };
   }
-
-  var columnsCopy = _lodash.default.cloneDeep(columns);
-
-  var dataSourceCopy = _lodash.default.cloneDeep(dataSource); // 去重
-
-
+  columns.forEach(function (c) {
+    if (groupRowKeys.includes(c.dataIndex)) {
+      c.show = false;
+    }
+  });
+  var columnsCopy = _lodash.default.cloneDeep(columns.filter(function (item) {
+    return item.joinCol;
+  }));
+  var unColumns = _lodash.default.cloneDeep(columns.filter(function (item) {
+    return !item.joinCol;
+  }));
+  var dataSourceCopy = _lodash.default.cloneDeep(dataSource);
+
+  // 去重
   var groupColKeysCopy = (0, _toConsumableArray2.default)(new Set(groupColKeys));
+
   /**
    * @param {Array} source source数据源，树状结构，行分组会有children子级结构
    * @param {Array} columns 列数据，用于表头，当列分组时会有children子级结构
    * @param {Array<string>} oGroup 数组，列分组的keys值
    * @param {string} markStr
    * @returns
+   * 2万条数据 393ms
    */
-
   var groupBy = function groupBy(source, columns, oGroup, markStr) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) {
       // 表头数据的生成，生成新的 dataIndex 值
@@ -113,11 +111,10 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
         }));
       });
       return handledColumns;
-    } // 拷贝
-
-
-    var group = oGroup.slice(); // 获取列表的第一个值
-
+    }
+    // 拷贝
+    var group = oGroup.slice();
+    // 获取列表的第一个值
     var filterKey = group.shift();
     var map = dataGroup(source, filterKey);
     return Object.keys(map).map(function (item) {
@@ -129,41 +126,34 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
       };
     });
   };
-
   var tempColumns = groupBy(dataSourceCopy, columnsCopy, groupColKeysCopy, null);
+  tempColumns = unColumns.concat(tempColumns);
   var keyMap = new Map();
   var __index = 0;
-
   var dataSourceBy = function dataSourceBy(source) {
     return [source.reduce(function (prev, sItem) {
       if (sItem.children && sItem.children.length) {
         sItem.children = dataSourceBy(sItem.children).flat();
-
         if (!prev) {
           prev = [];
         }
-
         return [].concat((0, _toConsumableArray2.default)(prev), [sItem]);
       } else {
         var _Object$keys2;
-
-        var str = ''; // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
-
+        var str = '';
+        // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
         groupColKeysCopy === null || groupColKeysCopy === void 0 ? void 0 : groupColKeysCopy.forEach(function (dataIndex, i) {
           if (i !== 0) {
             str += '_';
           }
-
           str += "".concat(dataIndex, "_").concat(sItem[dataIndex]);
-        }); // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
-
+        });
+        // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
         (_Object$keys2 = Object.keys(sItem)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.forEach(function (key) {
           if (key === '__index') {
             return;
           }
-
           var newKey = "".concat(str, "_").concat(key);
-
           if (keyMap.has(newKey)) {
             var value = keyMap.get(newKey) + 1;
             keyMap.set(newKey, value);
@@ -172,44 +162,42 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
             keyMap.set(newKey, 0);
             newKey = "".concat(newKey, "_", 0);
           }
-
           sItem[newKey] = sItem[key];
           sItem["".concat(newKey, "_originIndex")] = sItem.__index === undefined ? __index : sItem.__index;
         });
         __index += 1;
       }
-
       if (!prev) {
         prev = {};
       }
-
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), sItem);
     }, null)];
   };
-
   var tempDataSource = dataSourceBy(dataSourceCopy).flat();
   return {
     columns: tempColumns,
     dataSource: tempDataSource
   };
 }
+
 /**
  * 行分组
  * @param {Array} dataSource 数据源
  * @param {Array} groupRowKeys 行分组的keys
  * @returns
  */
-
-
 function transformWithRowGroup(dataSource, groupRowKeys) {
   var groupBy = function groupBy(lastFilter, oGroup, preKey) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) return lastFilter;
     var group = oGroup.slice();
-    var filterKey = group.shift(); // 记录数据原来的位置索引信息
-
+    var filterKey = group.shift();
+    // 记录数据原来的位置索引信息
     var i = 0;
     var map = lastFilter.reduce(function (acc, el) {
       var value = el[filterKey];
+      if (value === undefined) {
+        value = '-';
+      }
       acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, el), {}, {
         __index: i
       })]);
@@ -218,13 +206,11 @@ function transformWithRowGroup(dataSource, groupRowKeys) {
     }, {});
     return Object.keys(map).map(function (item) {
       var key;
-
       if (preKey) {
         key = "".concat(preKey, "_").concat(filterKey, "_").concat(item);
       } else {
         key = "".concat(filterKey, "_").concat(item);
       }
-
       return {
         type: filterKey,
         _group: item,
@@ -233,10 +219,8 @@ function transformWithRowGroup(dataSource, groupRowKeys) {
       };
     });
   };
-
   return groupBy(dataSource, groupRowKeys);
 }
-
 function checkIsSelectd(i, j) {
   var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -246,10 +230,9 @@ function checkIsSelectd(i, j) {
   var negY = i <= start.i && i >= end.i;
   return posX && posY || negX && posY || negX && negY || posX && negY;
 }
-
 function checkStatus(i, j, commiting) {
   var start = commiting.start,
-      end = commiting.end;
+    end = commiting.end;
   var maxi = Math.max(start === null || start === void 0 ? void 0 : start.i, end.i);
   var mini = Math.min(start === null || start === void 0 ? void 0 : start.i, end.i);
   var maxj = Math.max(start === null || start === void 0 ? void 0 : start.j, end.j);
@@ -259,6 +242,7 @@ function checkStatus(i, j, commiting) {
     isVaildCommit: mini <= i && maxi >= i || minj <= j && maxj >= j
   };
 }
+
 /**
  * 获取选中行文本
  * @param {Object}
@@ -269,12 +253,10 @@ function checkStatus(i, j, commiting) {
  * }
  * @returns {Array}
  */
-
-
 function getSelectionRowText(_ref) {
   var selection = _ref.selection,
-      columnsKeysList = _ref.columnsKeysList,
-      dataSource = _ref.dataSource;
+    columnsKeysList = _ref.columnsKeysList,
+    dataSource = _ref.dataSource;
   var rowtext = range(selection === null || selection === void 0 ? void 0 : selection.start.i, selection === null || selection === void 0 ? void 0 : selection.end.i).map(function (i) {
     return columnsKeysList.map(function (j) {
       var columnKey = j;
@@ -285,75 +267,64 @@ function getSelectionRowText(_ref) {
   });
   return rowtext;
 }
+
 /**
  * 获取选中列文本
  * @param {Object}
  * @returns {Array}
  */
-
-
 function getSelectionColText(_ref2) {
   var selection = _ref2.selection,
-      columns = _ref2.columns,
-      dataSource = _ref2.dataSource;
+    columns = _ref2.columns,
+    dataSource = _ref2.dataSource;
   var coltext = range(selection === null || selection === void 0 ? void 0 : selection.start.i, selection === null || selection === void 0 ? void 0 : selection.end.i).map(function (i) {
     return range(selection === null || selection === void 0 ? void 0 : selection.start.j, selection === null || selection === void 0 ? void 0 : selection.end.j).map(function (j) {
       var _columns$j, _columns$j2;
-
       var columnKey = (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
       var dataItem = dataSource[i];
       var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
-
       if ((_columns$j2 = columns[j]) === null || _columns$j2 === void 0 ? void 0 : _columns$j2.render) {
         var _columns$j3, _columns$j3$render;
-
         return (_columns$j3 = columns[j]) === null || _columns$j3 === void 0 ? void 0 : (_columns$j3$render = _columns$j3.render) === null || _columns$j3$render === void 0 ? void 0 : _columns$j3$render.call(_columns$j3, cell, dataItem, i);
       }
-
       return cell;
     });
   });
   return coltext;
 }
+
 /**
  * 获取key所对应的原始数据的索引
  * @param {Object} {key, dataSource}
  * @returns {number}
  */
-
-
 function getDataSourceIndex(_ref3) {
   var key = _ref3.key,
-      _ref3$dataSource = _ref3.dataSource,
-      dataSource = _ref3$dataSource === void 0 ? [] : _ref3$dataSource;
+    _ref3$dataSource = _ref3.dataSource,
+    dataSource = _ref3$dataSource === void 0 ? [] : _ref3$dataSource;
   var index = -1;
-
   var dfs = function dfs(arr) {
     if (!Array.isArray(arr)) {
       return;
     }
-
     if (index !== -1) {
       return;
     }
-
     for (var i = 0; i < arr.length; i += 1) {
       var item = arr[i];
-
       if (item["".concat(key, "_originIndex")] !== undefined) {
         index = item["".concat(key, "_originIndex")];
         return;
       }
-
       if (item.children) {
         dfs(item.children);
       }
     }
   };
-
   dfs(dataSource);
   return index;
 }
+
 /**
  * 框选是否跨行分组
  * @param {number} i
@@ -361,36 +332,28 @@ function getDataSourceIndex(_ref3) {
  * @param {React.Ref} deepDataSourceRef
  * @returns
  */
-
-
 function isSelectCrossRowGroup(i, shellStatusRef, deepDataSourceRef) {
   var _shellStatusRef$curre;
-
   var x;
   var y;
-
   if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre = shellStatusRef.current) === null || _shellStatusRef$curre === void 0 ? void 0 : _shellStatusRef$curre.commiting.start.i) < i) {
     var _shellStatusRef$curre2;
-
     x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre2 = shellStatusRef.current) === null || _shellStatusRef$curre2 === void 0 ? void 0 : _shellStatusRef$curre2.commiting.start.i;
     y = i;
   } else {
     var _shellStatusRef$curre3;
-
     x = i;
     y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre3 = shellStatusRef.current) === null || _shellStatusRef$curre3 === void 0 ? void 0 : _shellStatusRef$curre3.commiting.start.i;
   }
-
   for (; x <= y; x += 1) {
     var _deepDataSourceRef$cu;
-
     if ((deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu = deepDataSourceRef.current) === null || _deepDataSourceRef$cu === void 0 ? void 0 : _deepDataSourceRef$cu.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[x]._group)) {
       return true;
     }
   }
-
   return false;
 }
+
 /**
  * 不允许跨无效列
  * @param {number} i
@@ -400,37 +363,27 @@ function isSelectCrossRowGroup(i, shellStatusRef, deepDataSourceRef) {
  * @param {React.Ref} deepColumnsRef
  * @returns
  */
-
-
 function isSelectCrossInvalidCol(i, j, shellStatusRef, deepDataSourceRef, deepColumnsRef) {
   var _shellStatusRef$curre4;
-
   var x;
   var y;
-
   if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.commiting.start.j) < j) {
     var _shellStatusRef$curre5;
-
     x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.commiting.start.j;
     y = j;
   } else {
     var _shellStatusRef$curre6;
-
     x = j;
     y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.commiting.start.j;
   }
-
   for (; x <= y; x += 1) {
     var _deepColumnsRef$curre, _deepDataSourceRef$cu2;
-
     if ((deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : (_deepColumnsRef$curre = deepColumnsRef.current) === null || _deepColumnsRef$curre === void 0 ? void 0 : _deepColumnsRef$curre.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu2 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu2 === void 0 ? void 0 : _deepDataSourceRef$cu2.length)) {
       var key = deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : deepColumnsRef.current[x].dataIndex;
-
       if (!(key in (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[i]))) {
         return true;
       }
     }
   }
-
   return false;
 }

package/es/LmTable/virTual/VirtualRow.js

@@ -1,40 +1,30 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useRef, useMemo, useEffect } from 'react';
 import { useStore } from './context';
 var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
   var children = _a.children,
-      resetProps = __rest(_a, ["children"]);
-
+    resetProps = __rest(_a, ["children"]);
   var _useStore = useStore(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch,
-      instance = _useStore.instance;
-
+    state = _useStore.state,
+    dispatch = _useStore.dispatch,
+    instance = _useStore.instance;
   var rowHeight = state.rowHeight,
-      totalLen = state.totalLen;
+    totalLen = state.totalLen;
   var virtualItems = instance.columnVirtual.virtualItems;
-  var trRef = useRef(null); // 非固定列长度
-
+  var trRef = useRef(null);
+  // 列长度
   var columnsLen = useMemo(function () {
     var _a;
-
-    return (_a = children === null || children === void 0 ? void 0 : children.filter(function (v) {
-      var _a, _b;
-
-      return typeof ((_a = v.props) === null || _a === void 0 ? void 0 : _a.fixLeft) !== 'number' && typeof ((_b = v.props) === null || _b === void 0 ? void 0 : _b.fixRight) !== 'number';
-    }).length) !== null && _a !== void 0 ? _a : 0; // return children?.length ?? 0
+    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
   }, [children]);
   useEffect(function () {
     if (state.columnsLen !== columnsLen) {
@@ -47,7 +37,6 @@ var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
   useEffect(function () {
     var initHeight = function initHeight(tempRef) {
       var _a, _b, _c;
-
       if (((_a = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) && !rowHeight && totalLen) {
         var tempRowHeight = (_c = (_b = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _c !== void 0 ? _c : 0;
         dispatch({
@@ -56,24 +45,20 @@ var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
         });
       }
     };
-
     initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
-
+  }, [trRef, dispatch, rowHeight, totalLen, ref]);
+  // return {fixedLeft: [], fixedRight: [], columns: []}
   var fixedColumns = useMemo(function () {
     return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
       var _a, _b;
-
       if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
         pre.fixedLeft.push(cur);
         return pre;
       }
-
       if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
         pre.fixedRight.push(cur);
         return pre;
       }
-
       pre.columns.push(cur);
       return pre;
     }, {
@@ -81,20 +66,25 @@ var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
       fixedRight: [],
       columns: []
     });
-  }, [children]); // 横线单元格合并
-
+  }, [children]);
+  // 截取非固定列
+  var resetVirtualItems = useMemo(function () {
+    var fixedLeft = fixedColumns.fixedLeft,
+      columns = fixedColumns.columns;
+    return virtualItems.slice(fixedLeft.length, fixedLeft.length + columns.length);
+  }, [fixedColumns, virtualItems]);
+  // 横线单元格合并
   var colSpan = useMemo(function () {
     var _a;
-
-    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
-  }, [virtualItems]);
-  console.log('virtualItems', virtualItems);
+    var startIndex = ((_a = resetVirtualItems === null || resetVirtualItems === void 0 ? void 0 : resetVirtualItems[0]) === null || _a === void 0 ? void 0 : _a.index) || 0;
+    return startIndex ? startIndex - fixedColumns.fixedLeft.length : startIndex;
+  }, [fixedColumns, resetVirtualItems]);
   return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetProps, {
     ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
   }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/React.createElement("td", {
     colSpan: colSpan
-  }), virtualItems.map(function (virtualCol) {
-    return fixedColumns.columns[virtualCol.index];
+  }), resetVirtualItems.map(function (virtualCol) {
+    return children[virtualCol.index];
   }), fixedColumns.fixedRight);
 });
 export default VirtualRow;

package/es/LmTable/virTual/VirtualTable.js

@@ -1,18 +1,30 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { useRef } from 'react';
 import { useVirtual } from 'react-virtual';
+import cls from 'classnames';
 import { TableContext, useRealive } from './context';
+import CustomizeRenderEmpty from '../components/customRenderEmpty';
 var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
   var _a, _b, _c, _d;
-
+  var className = tableProps.className,
+    isEmpty = tableProps.isEmpty,
+    rest = __rest(tableProps, ["className", "isEmpty"]);
   var bodyRef = useRef(null);
-
   var _useRealive = useRealive(),
-      _useRealive2 = _slicedToArray(_useRealive, 2),
-      state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
-
-
+    _useRealive2 = _slicedToArray(_useRealive, 2),
+    state = _useRealive2[0],
+    dispatch = _useRealive2[1];
+  // { totalSize, virtualItems }
   var rowVirtual = useVirtual({
     size: state.totalLen,
     // 绑定父节点
@@ -32,9 +44,8 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
     },
     estimateSize: React.useCallback(function (i) {
       var _a, _b;
-
-      return (_b = (_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths[i];
-    }, [(_d = (_c = tableProps.children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.colWidths]),
+      return ((_b = (_a = rest === null || rest === void 0 ? void 0 : rest.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths[i]) || 0;
+    }, [(_d = (_c = rest.children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.colWidths]),
     overscan: 5
   });
   var instance = {
@@ -47,8 +58,12 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
       dispatch: dispatch,
       instance: instance
     }
-  }, /*#__PURE__*/React.createElement("table", Object.assign({
+  }, isEmpty ? /*#__PURE__*/React.createElement("table", Object.assign({
+    className: cls('lm_virtual_table', className),
     ref: bodyRef
-  }, tableProps)));
+  }, rest), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(CustomizeRenderEmpty, null))))) : /*#__PURE__*/React.createElement("table", Object.assign({
+    className: cls('lm_virtual_table', className),
+    ref: bodyRef
+  }, rest)));
 });
 export default VirtualTable;

package/es/LmTable/virTual/VirtualWrapper.js

@@ -1,39 +1,32 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useEffect, useMemo } from 'react';
 import { useStore } from './context';
 var VirtualWrapper = /*#__PURE__*/React.memo(function (wrapperProps) {
   var _a, _b;
-
   var _c = wrapperProps,
-      children = _c.children,
-      resetProps = __rest(_c, ["children"]);
-
+    children = _c.children,
+    resetProps = __rest(_c, ["children"]);
   var _useStore = useStore(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch,
-      instance = _useStore.instance;
-
+    state = _useStore.state,
+    dispatch = _useStore.dispatch,
+    instance = _useStore.instance;
   var _instance$rowVirtual = instance.rowVirtual,
-      virtualItems = _instance$rowVirtual.virtualItems,
-      totalSize = _instance$rowVirtual.totalSize;
+    virtualItems = _instance$rowVirtual.virtualItems,
+    totalSize = _instance$rowVirtual.totalSize;
   var contents = useMemo(function () {
     return children[1];
   }, [children]);
   var contentsLen = useMemo(function () {
     var _a;
-
     return (_a = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _a !== void 0 ? _a : 0;
   }, [contents]);
   useEffect(function () {