linkmore-design 1.0.76 → 1.0.77

package/es/LmTable/Table.js

@@ -39,20 +39,48 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _hooks = require("../hooks");
+
 var _DndContainer = _interopRequireDefault(require("./components/DndContainer"));
 
 var _sortableBoxCol = _interopRequireDefault(require("./components/sortableBoxCol"));
 
 var _sortableItemCol = _interopRequireDefault(require("./components/sortableItemCol"));
 
+var _sheelTableCell = _interopRequireDefault(require("./components/sheelTableCell"));
+
+var _tableChartsModal = _interopRequireDefault(require("./components/tableChartsModal"));
+
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
-var Summary = _proTable.default.Summary; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
-
+var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
+
+var isEmpty = function isEmpty(obj) {
+  return Object.keys(obj).length === 0;
+};
+
+var defaultParsePaste = function defaultParsePaste(str) {
+  return str.split(/\r\n|\n|\r/).map(function (row) {
+    return row.split('\t');
+  });
+};
+
+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--) {
+    inc ? array.push(i) : array.unshift(i);
+  }
+
+  return array;
+}; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
+
+
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: "lmweb-icon-m-receipt1",
@@ -101,6 +129,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      _props$openSheet = props.openSheet,
+      openSheet = _props$openSheet === void 0 ? false : _props$openSheet,
+      _props$editSheet = props.editSheet,
+      editSheet = _props$editSheet === void 0 ? false : _props$editSheet,
       emptyProps = props.emptyProps,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
@@ -123,13 +155,73 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useState5 = (0, _react.useState)([]),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       useColumns = _useState6[0],
-      setColumns = _useState6[1]; // 列设置
-
+      setColumns = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(),
+  var tableWarpRef = (0, _react.useRef)(null);
+  /** 右键的ref */
+
+  var contentMenuRef = (0, _react.useRef)(null);
+  /** sheel数据的表格 */
+
+  var _useState7 = (0, _react.useState)({
+    start: {},
+    end: {},
+    selecting: false,
+    forceEdit: false,
+    editing: {},
+    clear: {}
+  }),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      columnsStateMap = _useState8[0],
-      setColumnsStateMap = _useState8[1];
+      sheelStataus = _useState8[0],
+      setSheelStatus = _useState8[1];
+
+  var shellStatusRef = (0, _react.useRef)({
+    start: {},
+    end: {},
+    selecting: false,
+    forceEdit: false,
+    editing: {},
+    clear: {}
+  });
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      selectIng = _useState10[0],
+      SetSelectIng = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      editIng = _useState12[0],
+      setEditIng = _useState12[1];
+  /** 右键菜单是否显示 */
+
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      contextMenuStatus = _useState14[0],
+      setContextMenuStatus = _useState14[1];
+  /** 右键按钮的位置 */
+
+
+  var _useState15 = (0, _react.useState)({
+    position: 'fixed',
+    left: 300,
+    top: 200
+  }),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      style = _useState16[0],
+      setStyle = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(null),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      chartsModalStatus = _useState18[0],
+      setChartsModalStatus = _useState18[1]; // 列设置
+
+
+  var _useState19 = (0, _react.useState)(false),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      columnsStateMap = _useState20[0],
+      setColumnsStateMap = _useState20[1];
 
   var SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
     return /*#__PURE__*/_react.default.createElement("tr", props);
@@ -202,12 +294,318 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
   };
+  /** 复制功能 */
+
+
+  var handleCopy = function handleCopy(e) {
+    var _shellStatusRef$curre;
+
+    if (isEmpty((_shellStatusRef$curre = shellStatusRef.current) === null || _shellStatusRef$curre === void 0 ? void 0 : _shellStatusRef$curre.editing)) {
+      var _e$clipboardData;
+
+      e.preventDefault();
+      var _shellStatusRef$curre2 = shellStatusRef.current,
+          start = _shellStatusRef$curre2.start,
+          end = _shellStatusRef$curre2.end;
+      var text = 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 dataItem = dataSource[i];
+          var cell = 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;
+        }).join('\t');
+      }).join('\n');
+
+      if (window.clipboardData && window.clipboardData.setData) {
+        window.clipboardData.setData('Text', text);
+      } else if ((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.setData) {
+        e.clipboardData.setData('text/plain', text);
+      } else {
+        var _document;
+
+        (_document = document) === null || _document === void 0 ? void 0 : _document.execCommand('copy');
+
+        if (contextMenuStatus) {
+          setContextMenuStatus(false);
+        }
+      }
+    }
+  };
+
+  var onMouseOver = function onMouseOver(i, j) {
+    var _shellStatusRef$curre3, _shellStatusRef$curre4;
+
+    if (((_shellStatusRef$curre3 = shellStatusRef.current) === null || _shellStatusRef$curre3 === void 0 ? void 0 : _shellStatusRef$curre3.selecting) && isEmpty((_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.editing)) {
+      shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
+        end: {
+          i: i,
+          j: j
+        }
+      });
+      setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
+        end: {
+          i: i,
+          j: j
+        }
+      }));
+    }
+  };
+  /** sheel 表格 鼠标松开 */
+
+
+  var sheelOnMouseUp = function sheelOnMouseUp() {
+    setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
+      selecting: false
+    }));
+    shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
+      selecting: false
+    });
+    document.removeEventListener('mouseup', sheelOnMouseUp);
+  };
+  /** 剪切内容 */
+
+
+  var handleCut = function handleCut(e) {
+    var _shellStatusRef$curre5;
+
+    if (isEmpty((_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.editing)) {
+      e.preventDefault();
+      handleCopy(e);
+      var _shellStatusRef$curre6 = shellStatusRef.current,
+          start = _shellStatusRef$curre6.start,
+          end = _shellStatusRef$curre6.end;
+    }
+  };
+  /** 内容粘贴 */
+
+
+  var handlePaste = function handlePaste(e) {
+    if (isEmpty(sheelStataus.editing)) {
+      var start = sheelStataus.start,
+          end = sheelStataus.end;
+      start = {
+        i: Math.min(start.i, end.i),
+        j: Math.min(start.j, end.j)
+      };
+      end = {
+        i: Math.max(start.i, end.i),
+        j: Math.max(start.j, end.j)
+      };
+      var parse = props.parsePaste || defaultParsePaste;
+      var changes = [];
+      var pasteData = [];
+
+      if (window.clipboardData && window.clipboardData.getData) {
+        // IE
+        pasteData = parse(window.clipboardData.getData('Text'));
+      } else if (e.clipboardData && e.clipboardData.getData) {
+        pasteData = parse(e.clipboardData.getData('text/plain'));
+      } // in order of preference
+      // const { data, onCellsChanged, onPaste, onChange } = this.props
+      // if (onCellsChanged) {
+      //   const additions = []
+      //   pasteData.forEach((row, i) => {
+      //     row.forEach((value, j) => {
+      //       end = { i: start.i + i, j: start.j + j }
+      //       const cell = data[end.i] && data[end.i][end.j]
+      //       if (!cell) {
+      //         additions.push({ row: end.i, col: end.j, value })
+      //       } else if (!cell.readOnly) {
+      //         changes.push({ cell, row: end.i, col: end.j, value })
+      //       }
+      //     })
+      //   })
+      //   if (additions.length) {
+      //     onCellsChanged(changes, additions)
+      //   } else {
+      //     onCellsChanged(changes)
+      //   }
+      // } else if (onPaste) {
+      //   pasteData.forEach((row, i) => {
+      //     const rowData = []
+      //     row.forEach((pastedData, j) => {
+      //       end = { i: start.i + i, j: start.j + j }
+      //       const cell = data[end.i] && data[end.i][end.j]
+      //       rowData.push({ cell: cell, data: pastedData })
+      //     })
+      //     changes.push(rowData)
+      //   })
+      //   onPaste(changes)
+      // } else if (onChange) {
+      //   pasteData.forEach((row, i) => {
+      //     row.forEach((value, j) => {
+      //       end = { i: start.i + i, j: start.j + j }
+      //       const cell = data[end.i] && data[end.i][end.j]
+      //       if (cell && !cell.readOnly) {
+      //         onChange(cell, end.i, end.j, value)
+      //       }
+      //     })
+      //   })
+      // }
+      // this._setState({ end })
+
+    }
+  };
+
+  var pageClick = function pageClick(e) {
+    // if (this.props.disablePageClick) return;
+    var element = tableWarpRef.current;
+
+    if (!(element === null || element === void 0 ? void 0 : element.contains(e.target))) {
+      shellStatusRef.current = {
+        start: {},
+        end: {},
+        selecting: false,
+        forceEdit: false,
+        editing: {},
+        clear: {}
+      };
+      SetSelectIng(false);
+      document.removeEventListener('mousedown', pageClick);
+      document.removeEventListener('mouseup', sheelOnMouseUp);
+      document.removeEventListener('cut', handleCut);
+      document.removeEventListener('copy', handleCopy);
+      document.removeEventListener('paste', handlePaste);
+    }
+    /** 关闭右键 */
+
+
+    var contentElement = contentMenuRef.current;
+
+    if (!(contentElement === null || contentElement === void 0 ? void 0 : contentElement.contains(e.target))) {
+      setContextMenuStatus(false);
+    }
+  };
+  /** sheel 表格 鼠标点击 */
+
+
+  var sheelMouseDown = function sheelMouseDown(i, j, e) {
+    var _shellStatusRef$curre7, _shellStatusRef$curre8, _shellStatusRef$curre9, _shellStatusRef$curre10, _shellStatusRef$curre11, _shellStatusRef$curre12, _shellStatusRef$curre13, _shellStatusRef$curre14, _shellStatusRef$curre15;
+
+    var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre7 = shellStatusRef.current) === null || _shellStatusRef$curre7 === void 0 ? void 0 : _shellStatusRef$curre7.editing) && ((_shellStatusRef$curre8 = shellStatusRef.current) === null || _shellStatusRef$curre8 === void 0 ? void 0 : _shellStatusRef$curre8.editing.i) === i && ((_shellStatusRef$curre9 = shellStatusRef.current) === null || _shellStatusRef$curre9 === void 0 ? void 0 : _shellStatusRef$curre9.editing.j) === j;
+    var editing = isEmpty((_shellStatusRef$curre10 = shellStatusRef.current) === null || _shellStatusRef$curre10 === void 0 ? void 0 : _shellStatusRef$curre10.editing) || ((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing.i) !== i || ((_shellStatusRef$curre12 = shellStatusRef.current) === null || _shellStatusRef$curre12 === void 0 ? void 0 : _shellStatusRef$curre12.editing.j) !== j ? {} : (_shellStatusRef$curre13 = shellStatusRef.current) === null || _shellStatusRef$curre13 === void 0 ? void 0 : _shellStatusRef$curre13.editing;
+    shellStatusRef.current = {
+      selecting: !isNowEditingSameCell,
+      start: (e === null || e === void 0 ? void 0 : e.shiftKey) ? (_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.start : {
+        i: i,
+        j: j
+      },
+      end: {
+        i: i,
+        j: j
+      },
+      editing: editing,
+      forceEdit: !!isNowEditingSameCell
+    };
+    SetSelectIng(!isNowEditingSameCell);
+
+    if (isEmpty((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing)) {
+      setEditIng(false);
+    }
+
+    document.addEventListener('mouseup', sheelOnMouseUp);
+    document.addEventListener('mousedown', pageClick);
+    document.addEventListener('cut', handleCut);
+    document.addEventListener('copy', handleCopy);
+    document.addEventListener('paste', handlePaste);
+  };
+
+  var onContextMenu = function onContextMenu(evt, i, j) {
+    evt.preventDefault();
+    var _shellStatusRef$curre16 = shellStatusRef.current,
+        start = _shellStatusRef$curre16.start,
+        end = _shellStatusRef$curre16.end;
+
+    if (isEmpty(start) && isEmpty(end)) {
+      sheelMouseDown(i, j, evt);
+    }
+
+    setContextMenuStatus(true); // 获得点击的位置
+
+    var clientX = evt.clientX,
+        clientY = evt.clientY; // 文档显示区的宽度
+
+    var screenW = window.innerWidth;
+    var screenH = window.innerHeight; // 右键菜单的宽度
+    // const rightClickRefW = rightClickRef.current.offsetWidth;
+    // const rightClickRefH = rightClickRef.current.offsetHeight;
+
+    var rightClickRefW = 200;
+    var rightClickRefH = 200; // right为true，说明鼠标点击的位置到浏览器的右边界的宽度可以放下contextmenu。
+    // 否则，菜单放到左边。
+
+    var right = screenW - clientX > rightClickRefW;
+    var top = screenH - clientY > rightClickRefH; // 赋值右键菜单离鼠标一些距离
+
+    clientX = right ? clientX + 6 : clientX - rightClickRefW - 6;
+    clientY = top ? clientY + 6 : clientY - rightClickRefH - 6;
+    setStyle((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+      left: clientX,
+      top: clientY
+    }));
+  };
+
+  var onSheelDoubleClick = function onSheelDoubleClick(i, j, col) {
+    if (!col.readOnly) {
+      shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
+        editing: {
+          i: i,
+          j: j
+        },
+        forceEdit: true,
+        clear: {}
+      });
+      setEditIng(true);
+    }
+  };
+
+  var dataSourceChange = function dataSourceChange(i, j, newRecord) {};
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      document.removeEventListener('mousedown', pageClick);
+      document.removeEventListener('mouseup', sheelOnMouseUp);
+      document.removeEventListener('cut', handleCut);
+      document.removeEventListener('copy', handleCopy);
+      document.removeEventListener('paste', handlePaste);
+    };
+  }, []);
+
+  var isSelected = function isSelected(i, j) {
+    var _shellStatusRef$curre17 = shellStatusRef.current,
+        start = _shellStatusRef$curre17.start,
+        end = _shellStatusRef$curre17.end,
+        editing = _shellStatusRef$curre17.editing;
+    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);
+    var minj = Math.min(start === null || start === void 0 ? void 0 : start.j, end.j);
+    var posX = j >= start.j && j <= end.j;
+    var negX = j <= start.j && j >= end.j;
+    var posY = i >= start.i && i <= end.i;
+    var negY = i <= start.i && i >= end.i;
+    return {
+      isSelected: posX && posY || negX && posY || negX && negY || posX && negY,
+      isEnd: i === maxi && j >= minj && j <= maxj,
+      isRightEnd: j === maxj && i >= mini && i <= maxi,
+      isEditing: (editing === null || editing === void 0 ? void 0 : editing.i) === i && (editing === null || editing === void 0 ? void 0 : editing.j) === j
+    };
+  };
 
   var resetColumns = (0, _react.useCallback)(function () {
     var result = useColumns.filter(function (item) {
       return item.show !== false;
     }).map(function (col, index) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
+      var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
         width: col.width,
         onHeaderCell: function onHeaderCell(column) {
           return {
@@ -218,9 +616,31 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           };
         }
       });
+
+      if (openSheet) {
+        obj.onCell = function (record, rowIndex) {
+          return {
+            record: record,
+            rowKey: rowKey,
+            col: col,
+            colIndex: index,
+            selectIng: selectIng,
+            editIng: editIng,
+            rowIndex: rowIndex,
+            onMouseDown: sheelMouseDown,
+            onMouseOver: onMouseOver,
+            onContextMenu: onContextMenu,
+            isSelected: isSelected,
+            onDoubleClick: onSheelDoubleClick,
+            dataSourceChange: dataSourceChange
+          };
+        };
+      }
+
+      return obj;
     });
     return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
-  }, [useColumns, sortOpen]);
+  }, [useColumns, sortOpen, selectIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
   }, [columns]); // 行点击事件
@@ -350,18 +770,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return (a.fixed === 'left' ? a.colSort : a.fixed === 'right' ? 500 + a.colSort : a.colSort + 50) - (b.fixed === 'left' ? b.colSort : b.fixed === 'right' ? 500 + b.colSort : b.colSort + 50);
     });
     return result;
-  }, [columnsStateMap, useColumns]); // useEffect(() => {
-  //   const countW = sumBy(columns, 'width') + 36
-  //   const nValue = columns.map((col) => {
-  //     const rw = countW < autoSize.width ? (autoSize.width / countW) * col.width : col.width
-  //     return {
-  //       ...col,
-  //       width: round(rw),
-  //     }
-  //   })
-  //   setColumns(nValue)
-  // }, [columns, autoSize.width])
-
+  }, [columnsStateMap, useColumns]);
   (0, _react.useEffect)(function () {
     var obj = (0, _objectSpread2.default)({}, columnsState);
     columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
@@ -375,19 +784,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         fixed: fixed || item.fixed,
         show: show === false ? false : item.show || true,
         order: order || item.order
-      }; // if (item.fixed && !fixed) {
-      //   obj[item.dataIndex || item.key] = { ...(obj[item.dataIndex || item.key] || {}), fixed: item.fixed }
-      // }
+      };
     });
     setColumnsStateMap(obj);
-  }, [columnsState]); // useEffect(() => {
-  //   console.log(props.columnsStateValue, 'v vv')
-  //   setColumnsStateMap(props.columnsStateValue)
-  // }, [props.columnsStateValue])
-  // useEffect(() => {
-  //   rowClick?.()
-  // }, [useSelectedRows])
-  // 将节点方法给外部使用
+  }, [columnsState]); // 将节点方法给外部使用
 
   _react.default.useImperativeHandle(ref, function () {
     return {
@@ -439,9 +839,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         sortOrder: false
       });
-      obj.filteredValue = filters[obj.dataIndex] || []; // if (filters[obj.dataIndex]) {
-      //   obj['filteredValue'] = filters[obj.dataIndex]
-      // }
+      obj.filteredValue = filters[obj.dataIndex] || [];
 
       if (Array.isArray(sorter)) {
         var checkSort = sorter.find(function (s) {
@@ -506,7 +904,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }));
   }, [columns]);
   var tableComponents = (0, _react.useMemo)(function () {
-    var obj = {};
+    var obj = {// table: (record) => {
+      //   return <div style={record.style}>{record.children}</div>
+      // }
+    };
 
     if (sortOpen) {
       obj.body = {
@@ -536,13 +937,23 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       obj.header = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.header), header);
     }
 
+    if (openSheet) {
+      if (obj.body) {
+        obj.body.cell = _sheelTableCell.default;
+      } else {
+        obj.body = {};
+        obj.body.cell = _sheelTableCell.default;
+      }
+    }
+
     return obj;
   }, [sortOpen, resizeable, components, colSortOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
       width: '100%'
-    }
+    },
+    ref: tableWarpRef
   }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
     renderEmpty: loading ? function () {
       return null;
@@ -575,7 +986,40 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }))), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_customCheck"
-  }, customCheck));
+  }, customCheck), contextMenuStatus && /*#__PURE__*/_react.default.createElement("div", {
+    ref: contentMenuRef,
+    className: "WeChatContactsAvatarTools",
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "rightClickItems",
+    onClick: handleCopy
+  }, "\u590D\u5236"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "rightClickItems",
+    onClick: function onClick() {
+      return setChartsModalStatus('column');
+    }
+  }, "\u751F\u6210\u67F1\u72B6\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "rightClickItems",
+    onClick: function onClick() {
+      return setChartsModalStatus('pie');
+    }
+  }, "\u751F\u6210\u997C\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "rightClickItems",
+    onClick: function onClick() {
+      return setChartsModalStatus('line');
+    }
+  }, "\u751F\u6210\u6298\u7EBF\u56FE")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
+    type: chartsModalStatus,
+    onCancel: function onCancel() {
+      return setChartsModalStatus(false);
+    },
+    onOk: function onOk() {
+      return setChartsModalStatus(false);
+    },
+    data: dataSource,
+    columns: columns,
+    selectInfo: (0, _lodash.pick)(shellStatusRef.current, ['start', 'end'])
+  }));
 }); // 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
 
 /** 1: 使用scroll.x y 来控制宽高 默认都是100% */
@@ -584,13 +1028,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$autoSizer = props.autoSizer,
       autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
 
-  var _useState9 = (0, _react.useState)({
+  var _useState21 = (0, _react.useState)({
     width: '100%',
     height: '100%'
   }),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      tableSize = _useState10[0],
-      setTableSize = _useState10[1];
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      tableSize = _useState22[0],
+      setTableSize = _useState22[1];
 
   var defaultRef = ref || (0, _react.useRef)(null);
   var tableWarpRef = (0, _react.useRef)(null);

package/es/LmTable/components/inputDataEdit.d.ts

@@ -0,0 +1,8 @@
+interface IProps {
+    value: string | number | readonly string[] | undefined;
+    onChange: (value: string | number | readonly string[] | undefined) => void;
+    onKeyDown?: (e: any) => void;
+    handleSave?: (e: any) => void;
+}
+declare const InputDataEdit: (props: IProps) => JSX.Element;
+export default InputDataEdit;

package/es/LmTable/components/inputDataEdit.js

@@ -0,0 +1,35 @@
+import React, { useEffect, useRef } from 'react';
+import { Input } from 'linkmore-design';
+
+var InputDataEdit = function InputDataEdit(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      handleSave = props.handleSave;
+  var inputRef = useRef(null);
+  useEffect(function () {
+    setTimeout(function () {
+      var _a;
+
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, 150);
+  }, []);
+
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement(Input, {
+    ref: inputRef,
+    className: "data-editor",
+    value: value,
+    size: 'small',
+    bordered: false,
+    onChange: handleChange,
+    onKeyDown: onKeyDown,
+    onPressEnter: handleSave,
+    onBlur: handleSave
+  });
+};
+
+export default InputDataEdit;