linkmore-design 1.1.27-alpha.0 → 1.1.27-alpha.1

package/lib/LmEditTable/virtual/VirtualRow.js

@@ -28,32 +28,62 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
-var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
-  var children = _a.children,
-      pref = _a.pref,
-      resetProps = __rest(_a, ["children", "pref"]);
+var useOptions = function useOptions(_ref) {
+  var children = _ref.children,
+      ref = _ref.ref,
+      trRef = _ref.trRef;
 
   var _useStore = (0, _context.useStore)(),
       state = _useStore.state,
-      dispatch = _useStore.dispatch;
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
 
+  var virtualItems = instance.columnVirtual.virtualItems;
   var rowHeight = state.rowHeight,
       totalLen = state.totalLen;
-  var trRef = (0, _react.useRef)(null); // 列长度
+  var sliceColumns = (0, _react.useMemo)(function () {
+    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _a, _b;
 
-  var columnsLen = (0, _react.useMemo)(function () {
-    var _a;
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.leftColumns.push(cur);
+        return pre;
+      }
 
-    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+      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 () {
-    if (state.columnsLen !== columnsLen) {
+    dispatch({
+      type: 'changeSliceColumns',
+      sliceColumns: sliceColumns
+    });
+  }, [sliceColumns]); // 非固定列长度
+
+  var centerColumnsLen = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = sliceColumns.centerColumns.length) !== null && _a !== void 0 ? _a : 0;
+  }, [sliceColumns]);
+  (0, _react.useEffect)(function () {
+    if (state.columnsLen !== centerColumnsLen) {
       dispatch({
         type: 'changeColumnsLen',
-        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+        columnsLen: centerColumnsLen !== null && centerColumnsLen !== void 0 ? centerColumnsLen : 0
       });
     }
-  }, [columnsLen, dispatch, state.columnsLen]);
+  }, [centerColumnsLen, dispatch, state.columnsLen]); // 获取行的高度
+
   (0, _react.useEffect)(function () {
     var initHeight = function initHeight(tempRef) {
       var _a, _b, _c;
@@ -62,16 +92,63 @@ var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
         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
+          rowHeight: tempRowHeight + 1
         });
       }
     };
 
-    initHeight(trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]);
+    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 () {
+    return sliceColumns.centerColumns.length - virtualItems.length - leftColSpan || 0;
+  }, [sliceColumns.centerColumns.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 _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({}, resetProps, {
     ref: (0, _useForkRef.default)(pref, trRef)
-  }), children);
+  }), 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;

package/{es/LmEditTable/virtual/VirtualRowBack.d.ts → lib/LmEditTable/virtual/VirtualRow2.d.ts}

@@ -1,6 +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/{VirtualRowBack.js → VirtualRow2.js}

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,6 +13,8 @@ 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 = {};
 
@@ -26,26 +30,21 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 
 var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
   var children = _a.children,
-      resetProps = __rest(_a, ["children"]);
+      pref = _a.pref,
+      resetProps = __rest(_a, ["children", "pref"]);
 
   var _useStore = (0, _context.useStore)(),
       state = _useStore.state,
-      dispatch = _useStore.dispatch,
-      instance = _useStore.instance;
+      dispatch = _useStore.dispatch;
 
   var rowHeight = state.rowHeight,
       totalLen = state.totalLen;
-  var virtualItems = instance.columnVirtual.virtualItems;
-  var trRef = (0, _react.useRef)(null); // 非固定列长度
+  var trRef = (0, _react.useRef)(null); // 列长度
 
   var columnsLen = (0, _react.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 (_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) {
@@ -68,45 +67,11 @@ var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
       }
     };
 
-    initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
-
-  var fixedColumns = (0, _react.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;
-    }, {
-      fixedLeft: [],
-      fixedRight: [],
-      columns: []
-    });
-  }, [children]); // 横向单元格合并
-
-  var colSpan = (0, _react.useMemo)(function () {
-    var _a;
-
-    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
-  }, [virtualItems]);
-  console.log('virtualItems', virtualItems);
+    initHeight(trRef);
+  }, [trRef, dispatch, rowHeight, totalLen, ref]);
   return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, resetProps, {
-    ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
-  }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/_react.default.createElement("td", {
-    colSpan: colSpan
-  }), virtualItems.map(function (virtualCol) {
-    return fixedColumns.columns[virtualCol.index];
-  }), fixedColumns.fixedRight);
+    ref: (0, _useForkRef.default)(pref, trRef)
+  }), children);
 });
 
 var _default = VirtualRow;

package/lib/LmEditTable/virtual/VirtualTable.js

@@ -25,7 +25,7 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
   var _useRealive = (0, _context.useRealive)(),
       _useRealive2 = (0, _slicedToArray2.default)(_useRealive, 2),
       state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
+      dispatch = _useRealive2[1]; // 行虚拟化 { totalSize, virtualItems }
 
 
   var rowVirtual = (0, _reactVirtual.useVirtual)({
@@ -38,18 +38,26 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
       return state.rowHeight;
     }, [state.rowHeight]),
     overscan: 5
-  });
+  }); // 列动态宽度
+
+  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: (_b = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _b === void 0 ? void 0 : _b.parentNode
+      current: (_d = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _d === void 0 ? void 0 : _d.parentNode
     },
-    estimateSize: _react.default.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]),
+    estimateSize: columnEstimateSize,
     overscan: 5
   });
   var instance = {

package/lib/LmEditTable/virtual/context.js

@@ -25,13 +25,20 @@ var initialState = {
   rowHeight: 0,
   columnsLen: 0,
   // 总行数
-  totalLen: 0
+  totalLen: 0,
+  // 分割后的列数组
+  sliceColumns: {
+    leftColumns: [],
+    centerColumns: [],
+    rightColumns: []
+  }
 };
 
 var reducer = function reducer(state, action) {
   var totalLen = action.totalLen,
       columnsLen = action.columnsLen,
-      rowHeight = action.rowHeight;
+      rowHeight = action.rowHeight,
+      sliceColumns = action.sliceColumns;
 
   switch (action.type) {
     // 数据数量
@@ -52,6 +59,11 @@ var reducer = function reducer(state, action) {
         rowHeight: rowHeight
       });
 
+    case 'changeSliceColumns':
+      return Object.assign(Object.assign({}, state), {
+        sliceColumns: sliceColumns
+      });
+
     default:
       throw new Error();
   }

package/lib/LmTable/virTual/VirtualRow.d.ts

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

package/lib/LmTable/virTual/VirtualRow.js

@@ -24,37 +24,62 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
-var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
-  var children = _a.children,
-      resetProps = __rest(_a, ["children"]);
+var useOptions = function useOptions(_ref) {
+  var children = _ref.children,
+      ref = _ref.ref,
+      trRef = _ref.trRef;
 
   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 virtualItems = instance.columnVirtual.virtualItems;
-  var trRef = (0, _react.useRef)(null); // 非固定列长度
+  var sliceColumns = (0, _react.useMemo)(function () {
+    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _a, _b;
 
-  var columnsLen = (0, _react.useMemo)(function () {
-    var _a;
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.leftColumns.push(cur);
+        return pre;
+      }
 
-    return (_a = children === null || children === void 0 ? void 0 : children.filter(function (v) {
-      var _a, _b;
+      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
+        pre.rightColumns.push(cur);
+        return pre;
+      }
 
-      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
+      pre.centerColumns.push(cur);
+      return pre;
+    }, {
+      leftColumns: [],
+      rightColumns: [],
+      centerColumns: []
+    });
   }, [children]);
   (0, _react.useEffect)(function () {
-    if (state.columnsLen !== columnsLen) {
+    dispatch({
+      type: 'changeSliceColumns',
+      sliceColumns: sliceColumns
+    });
+  }, [sliceColumns]); // 非固定列长度
+
+  var centerColumnsLen = (0, _react.useMemo)(function () {
+    var _a;
+
+    return (_a = sliceColumns.centerColumns.length) !== null && _a !== void 0 ? _a : 0;
+  }, [sliceColumns]);
+  (0, _react.useEffect)(function () {
+    if (state.columnsLen !== centerColumnsLen) {
       dispatch({
         type: 'changeColumnsLen',
-        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+        columnsLen: centerColumnsLen !== null && centerColumnsLen !== void 0 ? centerColumnsLen : 0
       });
     }
-  }, [columnsLen, dispatch, state.columnsLen]);
+  }, [centerColumnsLen, dispatch, state.columnsLen]); // 获取行的高度
+
   (0, _react.useEffect)(function () {
     var initHeight = function initHeight(tempRef) {
       var _a, _b, _c;
@@ -63,50 +88,60 @@ var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
         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
+          rowHeight: tempRowHeight + 1
         });
       }
     };
 
     initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
+  }, [trRef, dispatch, rowHeight, totalLen, ref]); // 横向单元格合并
 
-  var fixedColumns = (0, _react.useMemo)(function () {
-    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
-      var _a, _b;
+  var leftColSpan = (0, _react.useMemo)(function () {
+    var _a;
 
-      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
-        pre.fixedLeft.push(cur);
-        return pre;
-      }
+    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
+  }, [virtualItems]); // 右侧隐藏数量
+
+  var rightColSpan = (0, _react.useMemo)(function () {
+    return sliceColumns.centerColumns.length - virtualItems.length - leftColSpan || 0;
+  }, [sliceColumns.centerColumns.length, virtualItems.length, leftColSpan]);
+  return Object.assign(Object.assign({
+    virtualItems: virtualItems
+  }, sliceColumns), {
+    leftColSpan: leftColSpan,
+    rightColSpan: rightColSpan
+  });
+};
 
-      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
-        pre.fixedRight.push(cur);
-        return pre;
-      }
+var VirtualRow = /*#__PURE__*/_react.default.memo(function (_a, ref) {
+  var children = _a.children,
+      resetProps = __rest(_a, ["children"]);
 
-      pre.columns.push(cur);
-      return pre;
-    }, {
-      fixedLeft: [],
-      fixedRight: [],
-      columns: []
-    });
-  }, [children]); // 横线单元格合并
+  var trRef = (0, _react.useRef)(null);
 
-  var colSpan = (0, _react.useMemo)(function () {
-    var _a;
+  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 (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
-  }, [virtualItems]);
-  console.log('virtualItems', virtualItems);
   return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, resetProps, {
     ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
-  }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/_react.default.createElement("td", {
-    colSpan: colSpan
+  }), leftColumns, !!leftColSpan && /*#__PURE__*/_react.default.createElement("td", {
+    key: "leftColSpan",
+    colSpan: leftColSpan
   }), virtualItems.map(function (virtualCol) {
-    return fixedColumns.columns[virtualCol.index];
-  }), fixedColumns.fixedRight);
+    return centerColumns[virtualCol.index];
+  }), !!rightColSpan && /*#__PURE__*/_react.default.createElement("td", {
+    key: "rightColSpan",
+    colSpan: rightColSpan
+  }), rightColumns);
 });
 
 var _default = VirtualRow;

package/lib/LmTable/virTual/VirtualTable.js

@@ -25,7 +25,7 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
   var _useRealive = (0, _context.useRealive)(),
       _useRealive2 = (0, _slicedToArray2.default)(_useRealive, 2),
       state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
+      dispatch = _useRealive2[1]; // 行虚拟化 { totalSize, virtualItems }
 
 
   var rowVirtual = (0, _reactVirtual.useVirtual)({
@@ -38,18 +38,26 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
       return state.rowHeight;
     }, [state.rowHeight]),
     overscan: 5
-  });
+  }); // 列动态宽度
+
+  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: (_b = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _b === void 0 ? void 0 : _b.parentNode
+      current: (_d = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _d === void 0 ? void 0 : _d.parentNode
     },
-    estimateSize: _react.default.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]),
+    estimateSize: columnEstimateSize,
     overscan: 5
   });
   var instance = {

package/lib/LmTable/virTual/context.js

@@ -25,13 +25,20 @@ var initialState = {
   rowHeight: 0,
   columnsLen: 0,
   // 总行数
-  totalLen: 0
+  totalLen: 0,
+  // 分割后的列数组
+  sliceColumns: {
+    leftColumns: [],
+    centerColumns: [],
+    rightColumns: []
+  }
 };
 
 var reducer = function reducer(state, action) {
   var totalLen = action.totalLen,
       columnsLen = action.columnsLen,
-      rowHeight = action.rowHeight;
+      rowHeight = action.rowHeight,
+      sliceColumns = action.sliceColumns;
 
   switch (action.type) {
     // 数据数量
@@ -52,6 +59,11 @@ var reducer = function reducer(state, action) {
         rowHeight: rowHeight
       });
 
+    case 'changeSliceColumns':
+      return Object.assign(Object.assign({}, state), {
+        sliceColumns: sliceColumns
+      });
+
     default:
       throw new Error();
   }

package/lib/styles/variables.css

@@ -9710,6 +9710,10 @@ p {
 .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
   background-color: var(--primary-select-color);
 }
+.lm_editTable_warpper {
+  height: 100%;
+  width: 100%;
+}
 .lm_editTable_warpper .ant-picker {
   width: 100%;
 }
@@ -9837,6 +9841,29 @@ p {
 .lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
   background-color: rgba(0, 0, 0, 0.06) !important;
 }
+.lm_editTable_warpper .lm_table_empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 12px 0;
+  font-size: 12px;
+}
+.lm_editTable_warpper .lm_table_empty > img {
+  width: 130px;
+  height: 80px;
+  margin-bottom: 8px;
+}
+.lm_editTable_warpper .lm_table_empty .empty_img {
+  margin-bottom: 8px;
+  background-image: url('data:image/png;base64,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');
+  background-size: cover;
+}
+.lm_editTable_warpper .lm_table_empty > span {
+  color: var(--font-color);
+}
+.lm_editTable_warpper .ant-table-empty table {
+  height: 100%;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.27-alpha.0",
+  "version": "1.1.27-alpha.1",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"