linkmore-design 1.0.93 → 1.0.96

package/lib/LmEditTable/EditTable.js

@@ -11,10 +11,10 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _icons = require("@ant-design/icons");
@@ -178,25 +178,54 @@ var InputRange = function InputRange(_a) {
       editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex", "validator"]); // 输入值改变
 
 
+  var history = (0, _react.useRef)([]);
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      nValue = _useState2[0],
+      setValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setValue(value);
+  }, value);
+
+  var handleFocus = function handleFocus() {
+    history.current.push(nValue);
+  };
+
   var handleInput = function handleInput(e, type) {
-    var v = e.target.value;
-    var nValue = (0, _toConsumableArray2.default)(value);
+    var v = type === 'prev' ? [e.target.value, nValue[1]] : [nValue[0], e.target.value];
+    setValue(v);
+    onChange(v);
+    history.current.push(v);
+  };
 
-    if (type === 'prev') {
-      nValue[0] = v;
-    }
+  var handleBlur = function handleBlur(e, type) {
+    var isFun = (0, _lodash.isFunction)(validator); // 验证历史记录
 
-    if (type === 'next') {
-      nValue[1] = v;
-    }
+    var traverse = function traverse(arr) {
+      if (!arr || !arr.length) {
+        if (type === 'prev') {
+          setValue(['', nValue[1]]);
+        } else if (type === 'next') {
+          setValue([nValue[0], '']);
+        }
 
-    if ((0, _lodash.isFunction)(validator)) {
-      if (validator(record, nValue, rowIndex, colIndex)) {
-        onChange(nValue);
+        history.current = [];
+        return;
       }
-    } else {
-      onChange(nValue);
-    }
+
+      var value = arr.pop();
+
+      if (isFun && validator(record, value, rowIndex, colIndex)) {
+        setValue(value);
+        history.current = [];
+      } else {
+        traverse(arr);
+      }
+    };
+
+    traverse(history.current);
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -204,14 +233,26 @@ var InputRange = function InputRange(_a) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inputRange"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
-    value: value === null || value === void 0 ? void 0 : value[0],
+    value: nValue === null || nValue === void 0 ? void 0 : nValue[0],
     placeholder: "\u8BF7\u8F93\u5165",
+    onFocus: function onFocus(e) {
+      return handleFocus();
+    },
+    onBlur: function onBlur(e) {
+      return handleBlur(e, 'prev');
+    },
     onChange: function onChange(e) {
       return handleInput(e, 'prev');
     }
   }, editEnum)), "~", /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
-    value: value === null || value === void 0 ? void 0 : value[1],
+    value: nValue === null || nValue === void 0 ? void 0 : nValue[1],
     placeholder: "\u8BF7\u8F93\u5165",
+    onFocus: function onFocus(e) {
+      return handleFocus();
+    },
+    onBlur: function onBlur(e) {
+      return handleBlur(e, 'next');
+    },
     onChange: function onChange(e) {
       return handleInput(e, 'next');
     }
@@ -312,10 +353,10 @@ var EditableCell = function EditableCell(props) {
       dataIndex = col.dataIndex;
   /** 是否正在编辑中 */
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      editing = _useState2[0],
-      setEditing = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      editing = _useState4[0],
+      setEditing = _useState4[1];
 
   var inputRef = (0, _react.useRef)(null);
   var form = (0, _react.useContext)(EditableContext);
@@ -675,26 +716,26 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
       resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]);
 
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      dataSource = _useState4[0],
-      setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
-
-
-  var _useState5 = (0, _react.useState)({}),
+  var _useState5 = (0, _react.useState)([]),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      _valid = _useState6[0],
-      setValid = _useState6[1];
+      dataSource = _useState6[0],
+      setDataSource = _useState6[1]; // const [count, setCount] = useState(0);
 
-  var _useState7 = (0, _react.useState)([]),
+
+  var _useState7 = (0, _react.useState)({}),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      localRowSelectList = _useState8[0],
-      setLocalRowSelectList = _useState8[1];
+      _valid = _useState8[0],
+      setValid = _useState8[1];
 
   var _useState9 = (0, _react.useState)([]),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      sortEditTable = _useState10[0],
-      setCallBackFalg = _useState10[1];
+      localRowSelectList = _useState10[0],
+      setLocalRowSelectList = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      sortEditTable = _useState12[0],
+      setCallBackFalg = _useState12[1];
 
   var dataSourceRef = (0, _react.useRef)([]);
   var sortDataSorceRef = (0, _react.useRef)([]);

package/lib/LmEditTable/sortableItemCol.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function SortableItem(props: any): JSX.Element;

package/lib/LmTable/Table.js

@@ -9,10 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Summary = void 0;
 
-require("antd/es/config-provider/style");
-
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -23,7 +19,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
+var _proComponents = require("@ant-design/pro-components");
 
 var _sortable = require("@dnd-kit/sortable");
 
@@ -39,6 +35,8 @@ var _immer = require("immer");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
 var _IconFont = _interopRequireDefault(require("../IconFont"));
 
 var _Empty = _interopRequireDefault(require("../Empty"));
@@ -64,7 +62,7 @@ var _virTual = require("./virTual");
 var _excluded = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "dataChange", "groupInfo", "emptyProps", "columnKeys"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
-var Summary = _proTable.default.Summary;
+var Summary = _proComponents.ProTable.Summary;
 exports.Summary = Summary;
 
 var isEmpty = function isEmpty(obj) {
@@ -78,12 +76,19 @@ var defaultParsePaste = function defaultParsePaste(str) {
     return row.split('\t');
   });
 };
+/**
+ * 生成 start 到 end 数字组成的数组
+ * @param {number} start
+ * @param {number} end
+ * @returns {Array<number>}
+ */
+
 
 var range = function range(start, end) {
   var array = [];
   var inc = end - start > 0;
 
-  for (var i = start; inc ? i <= end : i >= end; inc ? i++ : i--) {
+  for (var i = start; inc ? i <= end : i >= end; inc ? i += 1 : i -= 1) {
     inc ? array.push(i) : array.unshift(i);
   }
 
@@ -183,6 +188,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setExpandedRowKeys = _useState8[1];
 
   var deepDataSourceRef = (0, _react.useRef)([]);
+  /** */
+
+  var deepColumnsRef = (0, _react.useRef)([]);
   /** 行分组 */
 
   var groupDataSource = (0, _react.useMemo)(function () {
@@ -224,6 +232,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       sheelStataus = _useState10[0],
       setSheelStatus = _useState10[1];
+  /**
+   * start: {i, j} 框选的坐标开始位置
+   * end: {i, j} 框选的坐标结束位置
+   * commiting: { start: {i, j}, end: {i, j}} 提交
+   */
+
 
   var shellStatusRef = (0, _react.useRef)({
     start: {},
@@ -287,7 +301,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   (0, _react.useEffect)(function () {
     dataSourceRef.current = dataSource;
-  }, [dataSource]);
+  }, [dataSource]); // 行分组数据铺平, 在框选时获取数据使用
+
   (0, _react.useEffect)(function () {
     var source = [];
 
@@ -303,7 +318,24 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     deepChildren(dataSource);
     deepDataSourceRef.current = source;
-  }, [dataSource, expandedRowKeys]);
+  }, [dataSource, expandedRowKeys]); // 列分组数据铺平，在框选时获取数据使用
+
+  (0, _react.useEffect)(function () {
+    var source = [];
+
+    var deepChildren = function deepChildren(arr) {
+      arr.forEach(function (item) {
+        if (item.children && item.children.length) {
+          deepChildren(item.children);
+        } else {
+          source.push(item);
+        }
+      });
+    };
+
+    deepChildren(columns);
+    deepColumnsRef.current = source;
+  }, [columns, columnKeys]);
 
   var onSortEnd = function onSortEnd(_ref) {
     var oldIndex = _ref.oldIndex,
@@ -364,7 +396,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   };
 
-  var endResize = function endResize(e, data) {
+  var endResize = function endResize() {
     setTimeout(function () {
       filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
@@ -398,13 +430,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       isVaildCommit: isEmpty(commiting) ? false : isSelected && !(0, _util.checkIsSelectd)(i, j, commiting === null || commiting === void 0 ? void 0 : commiting.start, commiting === null || commiting === void 0 ? void 0 : commiting.end)
     };
   };
+  /** 获取框选的数据 */
+
 
   var getSelectDatas = function getSelectDatas(start, end) {
     return range(start.i, end.i).map(function (i) {
       return range(start.j, 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 columnKey = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current[j].dataIndex : (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
         var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : dataSource[i];
         var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
 
@@ -497,7 +531,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           start = _shellStatusRef$curre10.start,
           end = _shellStatusRef$curre10.end,
           commiting = _shellStatusRef$curre10.commiting;
-      var columnsKeysList = columns.map(function (item) {
+      var innerColumns = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current : columns;
+      var columnsKeysList = innerColumns.map(function (item) {
         return item.dataIndex;
       });
       var rowtext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
@@ -510,25 +545,29 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
       var coltext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
         return range(commiting === null || commiting === void 0 ? void 0 : commiting.start.j, commiting === null || commiting === void 0 ? void 0 : commiting.end.j).map(function (j) {
-          var _columns$j4, _columns$j5;
+          var _innerColumns$j, _innerColumns$j2;
 
-          var columnKey = (_columns$j4 = columns[j]) === null || _columns$j4 === void 0 ? void 0 : _columns$j4.dataIndex;
+          var columnKey = (_innerColumns$j = innerColumns[j]) === null || _innerColumns$j === void 0 ? void 0 : _innerColumns$j.dataIndex;
           var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : dataSource[i];
           var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
 
-          if ((_columns$j5 = columns[j]) === null || _columns$j5 === void 0 ? void 0 : _columns$j5.render) {
-            var _columns$j6, _columns$j6$render;
+          if ((_innerColumns$j2 = innerColumns[j]) === null || _innerColumns$j2 === void 0 ? void 0 : _innerColumns$j2.render) {
+            var _innerColumns$j3, _innerColumns$j3$rend;
 
-            return (_columns$j6 = columns[j]) === null || _columns$j6 === void 0 ? void 0 : (_columns$j6$render = _columns$j6.render) === null || _columns$j6$render === void 0 ? void 0 : _columns$j6$render.call(_columns$j6, cell, dataItem, i);
+            return (_innerColumns$j3 = innerColumns[j]) === null || _innerColumns$j3 === void 0 ? void 0 : (_innerColumns$j3$rend = _innerColumns$j3.render) === null || _innerColumns$j3$rend === void 0 ? void 0 : _innerColumns$j3$rend.call(_innerColumns$j3, cell, dataItem, i);
           }
 
           return cell;
         });
       });
+      /** 选择范围 例如：i:[0,1], j:[1,2] */
+
       var selectedRange = {
         i: range(start.i, end.i),
         j: range(start.j, end.j)
       };
+      /** 提交范围 */
+
       var commitRange = {
         i: range(commiting === null || commiting === void 0 ? void 0 : (_commiting$start = commiting.start) === null || _commiting$start === void 0 ? void 0 : _commiting$start.i, commiting === null || commiting === void 0 ? void 0 : (_commiting$end = commiting.end) === null || _commiting$end === void 0 ? void 0 : _commiting$end.i),
         j: range(commiting === null || commiting === void 0 ? void 0 : (_commiting$start2 = commiting.start) === null || _commiting$start2 === void 0 ? void 0 : _commiting$start2.j, commiting === null || commiting === void 0 ? void 0 : (_commiting$end2 = commiting.end) === null || _commiting$end2 === void 0 ? void 0 : _commiting$end2.j)
@@ -835,54 +874,67 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   }, []);
   var resetColumns = (0, _react.useCallback)(function () {
-    var result = useColumns.filter(function (item) {
-      return item.show !== false;
-    }).map(function (col, index) {
-      var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
-        width: col.width,
-        onHeaderCell: function onHeaderCell(column) {
-          return {
-            width: column.width,
-            // onResize: (e, size) => handleResize(e, size, index),
-            onResize: handleResize(index),
-            onResizeStop: endResize
-          };
+    var colIndex = 0;
+
+    var traverseColumns = function traverseColumns(columns) {
+      columns.forEach(function (col) {
+        if (col.show === false) {
+          return;
         }
-      });
 
-      if (openSheet) {
-        obj.onCell = function (record, rowIndex) {
-          return {
-            record: record,
-            rowKey: rowKey,
-            col: col,
-            colIndex: index,
-            selectIng: selectIng,
-            editIng: editIng,
-            commitIng: commitIng,
-            rowIndex: rowIndex,
-            onMouseDown: sheelMouseDown,
-            onMouseOver: onMouseOver,
-            onContextMenu: onContextMenu,
-            isSelected: isSelected,
-            onDoubleClick: onSheelDoubleClick,
-            dataSourceChange: dataSourceChange
+        if (col.children && col.children.length) {
+          traverseColumns(col.children);
+        } else {
+          // $_ 开头表示私有属性
+          col.$_colIndex = colIndex;
+
+          col.onHeaderCell = function (column) {
+            return {
+              width: column.width,
+              onResize: handleResize(col.$_colIndex),
+              onResizeStop: endResize
+            };
           };
-        };
-      }
 
-      return obj;
-    });
+          if (openSheet) {
+            col.onCell = function (record, rowIndex) {
+              return {
+                record: record,
+                rowKey: rowKey,
+                col: col,
+                colIndex: col.$_colIndex,
+                selectIng: selectIng,
+                editIng: editIng,
+                commitIng: commitIng,
+                rowIndex: rowIndex,
+                onMouseDown: sheelMouseDown,
+                onMouseOver: onMouseOver,
+                onContextMenu: onContextMenu,
+                isSelected: isSelected,
+                onDoubleClick: onSheelDoubleClick,
+                dataSourceChange: dataSourceChange
+              };
+            };
+          }
+        }
+
+        colIndex += 1;
+      });
+    };
+
+    var innerColumns = (0, _lodash.cloneDeep)(useColumns);
+    traverseColumns(innerColumns, null);
 
     if (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) {
-      result = [{
-        dataIndex: 'group',
+      innerColumns = [{
+        type: 'name',
         title: '分组',
-        key: 'group'
-      }].concat((0, _toConsumableArray2.default)(result));
+        key: 'group',
+        width: 100
+      }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
 
-    return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
+    return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(innerColumns)) : innerColumns;
   }, [useColumns, sortOpen, selectIng, dataSource, groupInfo, commitIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
@@ -926,7 +978,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var config = (0, _react.useMemo)(function () {
     return (0, _objectSpread2.default)({
       defaultSize: 'small',
-      tableLayout: columnKeys ? 'auto' : 'fixed',
+      tableLayout: 'fixed',
       rowKey: rowKey,
       debounceTime: 300,
       revalidateOnFocus: false,
@@ -1093,7 +1145,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var ResizableTitle = function ResizableTitle(props) {
-    var onResize = props.onResize,
+    var _props$onResize = props.onResize,
+        onResize = _props$onResize === void 0 ? function () {} : _props$onResize,
         width = props.width,
         onResizeStop = props.onResizeStop,
         restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
@@ -1163,7 +1216,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: '100%'
     },
     ref: tableWarpRef
-  }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ConfigProvider.default, {
     renderEmpty: loading ? function () {
       return null;
     } : emptyProps ? function () {
@@ -1175,7 +1228,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     items: columns.reduce(function (acc, item) {
       return [].concat((0, _toConsumableArray2.default)(acc), [item.dataIndex]);
     }, [])
-  }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
+  }, /*#__PURE__*/_react.default.createElement(_proComponents.ProTable, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
     components: tableComponents,
@@ -1201,7 +1254,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
-  })))) : /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
+  })))) : /*#__PURE__*/_react.default.createElement(_proComponents.ProTable, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
     components: tableComponents,
@@ -1331,11 +1384,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [tableSize, props]);
 
   var changeSize = function changeSize() {
-    var _tableWarpRef$current;
+    if (!tableWarpRef.current) {
+      return;
+    }
 
     var value = props.summary ? 48 : 0;
 
-    var _ref6 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
+    var _ref6 = tableWarpRef.current.getBoundingClientRect() || {},
         _ref6$width = _ref6.width,
         width = _ref6$width === void 0 ? '100%' : _ref6$width,
         _ref6$height = _ref6.height,
@@ -1351,13 +1406,15 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     var summary = props.summary;
     setTimeout(function () {
-      var _tableWarpRef$current5;
+      if (!tableWarpRef.current) {
+        return;
+      }
 
-      var _tableWarpRef$current2 = (_tableWarpRef$current5 = tableWarpRef.current) === null || _tableWarpRef$current5 === void 0 ? void 0 : _tableWarpRef$current5.getBoundingClientRect(),
-          _tableWarpRef$current3 = _tableWarpRef$current2.width,
-          width = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3,
-          _tableWarpRef$current4 = _tableWarpRef$current2.height,
-          height = _tableWarpRef$current4 === void 0 ? '100%' : _tableWarpRef$current4;
+      var _tableWarpRef$current = tableWarpRef.current.getBoundingClientRect(),
+          _tableWarpRef$current2 = _tableWarpRef$current.width,
+          width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
+          _tableWarpRef$current3 = _tableWarpRef$current.height,
+          height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
 
       var value = summary ? 48 : 0;
       setTableSize({

package/lib/LmTable/components/sheelTableCell.js

@@ -97,7 +97,7 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
 
   var handleContextMenu = function handleContextMenu(e) {
-    if (!col.disableEvents) {
+    if (col && !col.disableEvents) {
       onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(e, rowIndex, colIndex);
     }
   };