linkmore-design 1.1.27-beta.5 → 1.1.28-alpha.5

package/lib/LmEditTable/util.js

@@ -1,63 +1,239 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.checkDataSourceIsEmpty = checkDataSourceIsEmpty;
+exports.checkExpandIconColumnIndex = checkExpandIconColumnIndex;
+exports.checkMemoShouldUploadSpecialFun = checkMemoShouldUploadSpecialFun;
 exports.checkRowKeyByDataSource = checkRowKeyByDataSource;
+exports.checkTableRowIsDisable = checkTableRowIsDisable;
 exports.deepDataSourcePreKeys = deepDataSourcePreKeys;
 exports.default = void 0;
+exports.getExpandStatus = getExpandStatus;
 exports.isExpandRow = isExpandRow;
 exports.isObjEmpty = isObjEmpty;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _lodash = require("lodash");
+
 function isObjEmpty(obj) {
   var _a;
+
   return ((_a = Object.keys(obj || {})) === null || _a === void 0 ? void 0 : _a.length) === 0;
 }
+
 function deepDataSourcePreKeys(dataSource, rowKey) {
   var deepDataSource = [];
-  var eachChildren = function eachChildren(children, preKeys) {
-    children === null || children === void 0 ? void 0 : children.forEach(function (item) {
+
+  var eachChildren = function eachChildren(children, preKeys, deepIds) {
+    children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
       deepDataSource.push(Object.assign(Object.assign({}, item), {
-        preKeys: [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
+        preKeys: [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]]),
+        _deepIds: [].concat((0, _toConsumableArray2.default)(deepIds), [index + 1])
       }));
+
       if (item === null || item === void 0 ? void 0 : item.children) {
-        eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]]));
-        // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
+        eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]]), [].concat((0, _toConsumableArray2.default)(deepIds), [index + 1])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
       }
     });
   };
 
-  eachChildren(dataSource, []);
+  eachChildren(dataSource, [], []);
   return (0, _lodash.keyBy)(deepDataSource, rowKey);
 }
+
 function isExpandRow(children) {
   var _a, _b, _c, _d, _e;
+
   return ['Collapse row', 'Expand row'].includes((_e = (_d = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e['aria-label']);
 }
+
 function checkRowKeyByDataSource(dataSource, rowKey) {
   var addRowKey = function addRowKey(children, pkey) {
     return children === null || children === void 0 ? void 0 : children.map(function (item, index) {
       if (item.children) {
         var _Object$assign;
+
         var rchildren = addRowKey(item.children, "".concat(pkey, "_").concat(index + 1));
         return Object.assign(Object.assign({}, item), (_Object$assign = {}, (0, _defineProperty2.default)(_Object$assign, rowKey, item[rowKey] || "".concat(pkey, "_").concat(index + 1)), (0, _defineProperty2.default)(_Object$assign, "children", rchildren), _Object$assign));
       }
+
       return Object.assign(Object.assign({}, item), (0, _defineProperty2.default)({}, rowKey, item[rowKey] || "".concat(pkey, "_").concat(index + 1)));
     });
   };
+
   var res = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (v, idx) {
     if (v.children) {
       var _Object$assign3;
+
       var rchildren = addRowKey(v.children, v[rowKey] || "v".concat(idx + 1));
       return Object.assign(Object.assign({}, v), (_Object$assign3 = {}, (0, _defineProperty2.default)(_Object$assign3, rowKey, v[rowKey] || "v".concat(idx + 1)), (0, _defineProperty2.default)(_Object$assign3, "children", rchildren), _Object$assign3));
     }
+
     return Object.assign(Object.assign({}, v), (0, _defineProperty2.default)({}, rowKey, v[rowKey] || "v".concat(idx + 1)));
   });
-  return res;
+  return res || [];
 }
+
+function getExpandStatus(children) {
+  var _a, _b, _c, _d, _e;
+
+  return isExpandRow(children) ? (_e = (_d = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e['aria-label'] : '';
+}
+
+function checkMemoShouldUploadSpecialFun(prev, next) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+
+  var checkExpandStatus = getExpandStatus(prev.children) === getExpandStatus(next.children);
+
+  if (!checkExpandStatus) {
+    return false;
+  }
+
+  var prevCol = prev === null || prev === void 0 ? void 0 : prev.col;
+  var nextCol = next === null || next === void 0 ? void 0 : next.col;
+  /** TODO: 使用了自定义render, 是否要判断rowIndex? 这样排序之后，渲染的性能就会变差 */
+
+  if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.render) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.render)) && !(0, _lodash.isEqual)((0, _lodash.pick)(prev, ['colIndex', 'record', 'children']), (0, _lodash.pick)(next, ['colIndex', 'record', 'children']))) {
+    return false;
+  }
+
+  if (!(next === null || next === void 0 ? void 0 : next.quickOpetateClearAll) && ((next === null || next === void 0 ? void 0 : next.getLength) < 2 || (prev === null || prev === void 0 ? void 0 : prev.getLength) === 1) && (next === null || next === void 0 ? void 0 : next.dataIndex) === 'lm_edit_opetate') {
+    return false;
+  }
+
+  if (prev.isEdit !== next.isEdit) {
+    return false;
+  } // console.log(22, prevCol?.editable === 'render', nextCol?.editable === 'render', prevCol?.componentProps, prevCol?.componentProps)
+
+
+  if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.editable) === 'render' || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.editable) === 'render') && (((_a = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _a === void 0 ? void 0 : _a.render) || ((_b = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _b === void 0 ? void 0 : _b.render)) && (!(0, _lodash.isEqual)((0, _lodash.omit)(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps, ['render']), (0, _lodash.omit)(nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps, ['render'])) || !(0, _lodash.isEqual)((0, _lodash.pick)(prev, ['colIndex', 'record', 'rowIndex']), (0, _lodash.pick)(next, ['colIndex', 'record', 'rowIndex'])))) {
+    return false;
+  }
+
+  if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.fixed) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed)) && !(0, _lodash.isEqual)(prev === null || prev === void 0 ? void 0 : prev.style, next === null || next === void 0 ? void 0 : next.style)) {
+    return false;
+  }
+
+  if ((((_c = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _c === void 0 ? void 0 : _c.optionOnly) || ((_d = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _d === void 0 ? void 0 : _d.optionOnly)) && !(0, _lodash.isEqual)((_e = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _e === void 0 ? void 0 : _e.options, (_f = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _f === void 0 ? void 0 : _f.options)) {
+    return false;
+  }
+
+  if ((((_g = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _g === void 0 ? void 0 : _g.options) || ((_h = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _h === void 0 ? void 0 : _h.options)) && !(0, _lodash.isEqual)((_j = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _j === void 0 ? void 0 : _j.options, (_k = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _k === void 0 ? void 0 : _k.options)) {
+    return false;
+  }
+
+  if (((0, _lodash.isFunction)(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) || (0, _lodash.isFunction)(nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps)) && !(0, _lodash.isEqual)(prevCol.newOptions, nextCol.newOptions) && !(0, _lodash.isEqual)(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps, nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps)) {
+    return false;
+  }
+
+  if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.order) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.order)) && !(0, _lodash.isEqual)(prevCol === null || prevCol === void 0 ? void 0 : prevCol.order, nextCol === null || nextCol === void 0 ? void 0 : nextCol.order)) {
+    // return isEqual(prevCol?.order, nextCol?.fixed)
+    return false;
+  }
+
+  if (next.className.indexOf('drag-visible') > -1) {
+    return (0, _lodash.isEqual)(prev.style, next.style);
+  }
+
+  if (((_l = next.className) === null || _l === void 0 ? void 0 : _l.indexOf('ant-table-row-expand-icon-cell')) > -1) {
+    return false;
+  }
+
+  if (next.className.indexOf('ant-table-selection-column') > -1) {
+    return (0, _lodash.isEqual)((_o = (_m = prev.children) === null || _m === void 0 ? void 0 : _m[1]) === null || _o === void 0 ? void 0 : _o.props, (_q = (_p = next.children) === null || _p === void 0 ? void 0 : _p[1]) === null || _q === void 0 ? void 0 : _q.props);
+  }
+  /** 如果启用了快速复制功能，需要实时判断rowIndex与getLength */
+
+
+  if (((_r = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _r === void 0 ? void 0 : _r.quickcopy) || ((_s = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _s === void 0 ? void 0 : _s.quickcopy)) {
+    var pickProps = ['record', 'colIndex', 'rowIndex', 'getLength'];
+    var p = (0, _lodash.pick)(prev, pickProps);
+    var n = (0, _lodash.pick)(next, pickProps);
+    return (0, _lodash.isEqual)(p, n);
+  }
+
+  return true;
+}
+
+function checkExpandIconColumnIndex(_ref) {
+  var rowSelection = _ref.rowSelection,
+      sortOpen = _ref.sortOpen,
+      indexCol = _ref.indexCol;
+  var arr = [rowSelection, sortOpen, indexCol].filter(function (item) {
+    return !!item;
+  });
+  return arr.length;
+}
+
+function checkDataSourceIsEmpty(config, dataSource, scrollInfo) {
+  var _a, _b;
+
+  var resultConfig = Object.assign({}, config);
+
+  if (scrollInfo) {
+    resultConfig = Object.assign(Object.assign({}, resultConfig), {
+      scroll: {
+        x: ((_a = resultConfig.scroll) === null || _a === void 0 ? void 0 : _a.x) || '100%',
+        y: scrollInfo.height || ((_b = resultConfig.scroll) === null || _b === void 0 ? void 0 : _b.y)
+      }
+    });
+  }
+
+  if (dataSource.length) {
+    return resultConfig;
+  }
+
+  return Object.assign(Object.assign({}, resultConfig), {
+    components: Object.assign(Object.assign({}, resultConfig.components), {
+      body: {}
+    })
+  });
+}
+/** 根据传入的disabedRows, 得出最终需要disabed的rowKeys */
+
+
+function checkTableRowIsDisable(deepDataSource, disabledRows, rowKey) {
+  var disabledRkeys = [];
+
+  if (!disabledRows.length) {
+    return disabledRkeys;
+  }
+
+  var disableIds = disabledRows.map(function (item) {
+    return (0, _lodash.isObject)(item) ? item === null || item === void 0 ? void 0 : item[rowKey] : item;
+  });
+
+  function deep(children, arrs) {
+    children === null || children === void 0 ? void 0 : children.forEach(function (item) {
+      arrs.push(item[rowKey]);
+
+      if (item.children) {
+        deep(item.children, arrs);
+      }
+    });
+  }
+
+  if (disableIds.length) {
+    disableIds === null || disableIds === void 0 ? void 0 : disableIds.forEach(function (item) {
+      disabledRkeys.push(item);
+      var record = deepDataSource[item];
+
+      if (record === null || record === void 0 ? void 0 : record.children) {
+        deep(record.children, disabledRkeys);
+      }
+    });
+  }
+
+  return disabledRkeys;
+}
+
 var _default = {
   isObjEmpty: isObjEmpty
 };

package/lib/LmEditTable/virtual/VirtualRow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface rowProps {
+    children?: any;
+    pref?: any;
+}
+declare const VirtualRow: React.NamedExoticComponent<rowProps>;
+export default VirtualRow;

package/lib/LmEditTable/virtual/VirtualRow.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("./context");
+
+var _useForkRef = _interopRequireDefault(require("../hooks/useForkRef"));
+
+var _lodash = require("lodash");
+
+var __rest = void 0 && (void 0).__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;
+};
+
+var useOptions = function useOptions(_ref) {
+  var children = _ref.children,
+      ref = _ref.ref,
+      trRef = _ref.trRef;
+
+  var _a;
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
+
+  var virtualItems = instance.columnVirtual.virtualItems;
+  var rowHeight = state.rowHeight,
+      totalLen = state.totalLen;
+  var sliceColumns = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = children === null || children === void 0 ? void 0 : children.reduce) === null || _a === void 0 ? void 0 : _a.call(children, function (pre, cur) {
+      var _a, _b;
+
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.leftColumns.push(cur);
+        return pre;
+      }
+
+      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
+        pre.rightColumns.push(cur);
+        return pre;
+      }
+
+      pre.centerColumns.push(cur);
+      return pre;
+    }, {
+      leftColumns: [],
+      rightColumns: [],
+      centerColumns: []
+    });
+  }, [children]);
+  (0, _react.useEffect)(function () {
+    dispatch({
+      type: 'changeSliceColumns',
+      sliceColumns: sliceColumns
+    });
+  }, [sliceColumns]); // 非固定列长度
+
+  var centerColumnsLen = (0, _react.useMemo)(function () {
+    var _a, _b;
+
+    return (_b = (_a = sliceColumns === null || sliceColumns === void 0 ? void 0 : sliceColumns.centerColumns) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+  }, [sliceColumns]);
+  (0, _react.useEffect)(function () {
+    if (state.columnsLen !== centerColumnsLen) {
+      dispatch({
+        type: 'changeColumnsLen',
+        columnsLen: centerColumnsLen !== null && centerColumnsLen !== void 0 ? centerColumnsLen : 0
+      });
+    }
+  }, [centerColumnsLen, dispatch, state.columnsLen]); // 获取行的高度
+
+  (0, _react.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({
+          type: 'initHeight',
+          rowHeight: tempRowHeight + 1
+        });
+      }
+    };
+
+    initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
+  }, [trRef, dispatch, rowHeight, totalLen, ref]); // 横向单元格合并
+
+  var leftColSpan = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
+  }, [virtualItems]); // 右侧隐藏数量
+
+  var rightColSpan = (0, _react.useMemo)(function () {
+    var _a;
+
+    return ((_a = sliceColumns === null || sliceColumns === void 0 ? void 0 : sliceColumns.centerColumns) === null || _a === void 0 ? void 0 : _a.length) - (virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems.length) - leftColSpan || 0;
+  }, [(_a = sliceColumns === null || sliceColumns === void 0 ? void 0 : sliceColumns.centerColumns) === null || _a === void 0 ? void 0 : _a.length, virtualItems.length, leftColSpan]);
+  return Object.assign(Object.assign({
+    virtualItems: virtualItems
+  }, sliceColumns), {
+    leftColSpan: leftColSpan,
+    rightColSpan: rightColSpan
+  });
+};
+
+var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
+  var children = _a.children,
+      pref = _a.pref,
+      resetProps = __rest(_a, ["children", "pref"]);
+
+  var trRef = (0, _react.useRef)(null);
+  var clearProps = (0, _lodash.omit)(resetProps, ['dataKey', 'pushAllForm']);
+
+  var _useOptions = useOptions({
+    children: children,
+    ref: ref,
+    trRef: trRef
+  }),
+      virtualItems = _useOptions.virtualItems,
+      leftColumns = _useOptions.leftColumns,
+      centerColumns = _useOptions.centerColumns,
+      rightColumns = _useOptions.rightColumns,
+      leftColSpan = _useOptions.leftColSpan,
+      rightColSpan = _useOptions.rightColSpan;
+
+  return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, clearProps, {
+    ref: (0, _useForkRef.default)(pref, trRef)
+  }), leftColumns, !!leftColSpan && /*#__PURE__*/_react.default.createElement("td", {
+    key: "leftColSpan",
+    colSpan: leftColSpan
+  }), virtualItems.map(function (virtualCol) {
+    return /*#__PURE__*/_react.default.cloneElement(centerColumns[virtualCol.index], {
+      ref: virtualCol.measureRef
+    });
+  }), !!rightColSpan && /*#__PURE__*/_react.default.createElement("td", {
+    key: "rightColSpan",
+    colSpan: rightColSpan
+  }), rightColumns);
+});
+
+var _default = VirtualRow;
+exports.default = _default;

package/lib/LmEditTable/virtual/VirtualRow2.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface rowProps {
+    children?: any;
+    pref?: any;
+}
+declare const VirtualRow: React.NamedExoticComponent<rowProps>;
+export default VirtualRow;

package/lib/LmEditTable/virtual/VirtualRow2.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("./context");
+
+var _useForkRef = _interopRequireDefault(require("../hooks/useForkRef"));
+
+var __rest = void 0 && (void 0).__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;
+};
+
+var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
+  var children = _a.children,
+      pref = _a.pref,
+      resetProps = __rest(_a, ["children", "pref"]);
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var rowHeight = state.rowHeight,
+      totalLen = state.totalLen;
+  var trRef = (0, _react.useRef)(null); // 列长度
+
+  var columnsLen = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+  }, [children]);
+  (0, _react.useEffect)(function () {
+    if (state.columnsLen !== columnsLen) {
+      dispatch({
+        type: 'changeColumnsLen',
+        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+      });
+    }
+  }, [columnsLen, dispatch, state.columnsLen]);
+  (0, _react.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({
+          type: 'initHeight',
+          rowHeight: tempRowHeight
+        });
+      }
+    };
+
+    initHeight(trRef);
+  }, [trRef, dispatch, rowHeight, totalLen, ref]);
+  return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, resetProps, {
+    ref: (0, _useForkRef.default)(pref, trRef)
+  }), children);
+});
+
+var _default = VirtualRow;
+exports.default = _default;

package/lib/LmEditTable/virtual/VirtualTable.d.ts

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from 'react';
+declare const VirtualTable: React.MemoExoticComponent<(tableProps: PropsWithChildren<any>) => JSX.Element>;
+export default VirtualTable;

package/lib/LmEditTable/virtual/VirtualTable.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactVirtual = require("react-virtual");
+
+var _context = require("./context");
+
+var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
+  var _a, _b, _c, _d;
+
+  var fn = tableProps.fn;
+  var bodyRef = (0, _react.useRef)(null);
+
+  var _useRealive = (0, _context.useRealive)(),
+      _useRealive2 = (0, _slicedToArray2.default)(_useRealive, 2),
+      state = _useRealive2[0],
+      dispatch = _useRealive2[1]; // 行虚拟化 { totalSize, virtualItems }
+
+
+  var rowVirtual = (0, _reactVirtual.useVirtual)({
+    size: state.totalLen,
+    // 绑定父节点
+    parentRef: {
+      current: (_a = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _a === void 0 ? void 0 : _a.parentNode
+    },
+    estimateSize: _react.default.useCallback(function () {
+      return state.rowHeight;
+    }, [state.rowHeight]),
+    overscan: 5
+  });
+  fn.current = rowVirtual.scrollToIndex; // 列动态宽度
+
+  var columnEstimateSize = (0, _react.useCallback)(function (i) {
+    var _a, _b;
+
+    var colWidths = (_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;
+    var leftColumnsLen = state.sliceColumns.leftColumns.length;
+    var centerColumnsLen = state.sliceColumns.centerColumns.length; // 获取非固定列
+
+    var virList = colWidths.slice(leftColumnsLen, leftColumnsLen + centerColumnsLen);
+    return virList[i] || 0;
+  }, [(_c = (_b = tableProps.children[0]) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.colWidths, state.sliceColumns.leftColumns.length, state.sliceColumns.centerColumns.length]); // 列虚拟化
+
+  var columnVirtual = (0, _reactVirtual.useVirtual)({
+    horizontal: true,
+    size: state.columnsLen,
+    parentRef: {
+      current: (_d = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _d === void 0 ? void 0 : _d.parentNode
+    },
+    estimateSize: columnEstimateSize,
+    overscan: 5
+  });
+  var instance = {
+    rowVirtual: rowVirtual,
+    columnVirtual: columnVirtual
+  };
+  return /*#__PURE__*/_react.default.createElement(_context.TableContext.Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch,
+      instance: instance
+    }
+  }, /*#__PURE__*/_react.default.createElement("table", Object.assign({
+    ref: bodyRef
+  }, tableProps)));
+});
+
+var _default = VirtualTable;
+exports.default = _default;

package/lib/LmEditTable/virtual/VirtualWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const VirtualWrapper: React.MemoExoticComponent<(wrapperProps: React.PropsWithChildren<any>) => JSX.Element>;
+export default VirtualWrapper;

package/lib/LmEditTable/virtual/VirtualWrapper.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("./context");
+
+var __rest = void 0 && (void 0).__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;
+};
+
+var VirtualWrapper = /*#__PURE__*/_react.default.memo(function (wrapperProps) {
+  var _a, _b;
+
+  var children = wrapperProps.children,
+      resetProps = __rest(wrapperProps, ["children"]);
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
+
+  var _instance$rowVirtual = instance.rowVirtual,
+      virtualItems = _instance$rowVirtual.virtualItems,
+      totalSize = _instance$rowVirtual.totalSize;
+  var contents = (0, _react.useMemo)(function () {
+    return children[1];
+  }, [children]);
+  var contentsLen = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _a !== void 0 ? _a : 0;
+  }, [contents]);
+  (0, _react.useEffect)(function () {
+    if (state.totalLen !== contentsLen) {
+      dispatch({
+        type: 'changeTotalLen',
+        totalLen: contentsLen !== null && contentsLen !== void 0 ? contentsLen : 0
+      });
+    }
+  }, [contentsLen, dispatch, state.totalLen]);
+  var paddingTop = virtualItems.length > 0 ? ((_a = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[0]) === null || _a === void 0 ? void 0 : _a.start) || 0 : 0;
+  var paddingBottom = virtualItems.length > 0 ? totalSize - (((_b = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[virtualItems.length - 1]) === null || _b === void 0 ? void 0 : _b.end) || 0) : 0;
+  return /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, resetProps), paddingTop > 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    style: {
+      height: "".concat(paddingTop, "px")
+    }
+  })), children[0], virtualItems.map(function (virtualRow) {
+    return contents[virtualRow.index];
+  }), paddingBottom > 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    style: {
+      height: "".concat(paddingBottom, "px")
+    }
+  })));
+});
+
+var _default = VirtualWrapper;
+exports.default = _default;