linkmore-design 1.0.100 → 1.1.1

package/es/LmTable/Table.js

@@ -59,7 +59,7 @@ var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
 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"],
+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", "groupRowKeys", "groupColKeys", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
@@ -131,9 +131,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$editSheet = props.editSheet,
       editSheet = _props$editSheet === void 0 ? false : _props$editSheet,
       dataChange = props.dataChange,
-      groupInfo = props.groupInfo,
+      groupRowKeys = props.groupRowKeys,
+      groupColKeys = props.groupColKeys,
       emptyProps = props.emptyProps,
-      columnKeys = props.columnKeys,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -171,6 +171,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var deepDataSourceRef = (0, _react.useRef)([]);
   var deepColumnsRef = (0, _react.useRef)([]);
+  /** 行分组表格对应数据的隐藏数列表 */
+
+  var hideListRef = (0, _react.useRef)([]);
+  /** 行分组的空行列表数据 */
+
+  var skipListRef = (0, _react.useRef)([]);
   /** 记录最原始数据 */
 
   (0, _react.useEffect)(function () {
@@ -179,30 +185,33 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 行分组 */
 
   var groupDataSource = (0, _react.useMemo)(function () {
-    if (!(groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length)) {
+    if (!(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length)) {
       return customizeDataSource;
     }
 
-    return (0, _util.transformWithRowGroup)(customizeDataSource, groupInfo);
-  }, [customizeDataSource, groupInfo]);
+    return (0, _util.transformWithRowGroup)(customizeDataSource, groupRowKeys);
+  }, [customizeDataSource, groupRowKeys]);
   /** 列分组 */
 
   var _useMemo = (0, _react.useMemo)(function () {
-    if (!(columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length)) {
+    if (!(groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length)) {
       return {
         dataSource: groupDataSource,
         columns: customizeColumns
       };
     }
 
-    return (0, _util.transformWithColGroup)(customizeColumns, groupDataSource, columnKeys);
-  }, [customizeColumns, groupDataSource, columnKeys]),
+    return (0, _util.transformWithColGroup)(customizeColumns, groupDataSource, groupColKeys);
+  }, [customizeColumns, groupDataSource, groupColKeys]),
       columns = _useMemo.columns,
       dataSource = _useMemo.dataSource;
 
   (0, _react.useEffect)(function () {
     setExpandedRowKeys([]);
-  }, [groupInfo]);
+    deepDataSourceRef.current = [];
+    deepColumnsRef.current = [];
+    hideListRef.current = [];
+  }, [groupRowKeys]);
   /** sheel数据的表格 */
 
   var _useState9 = (0, _react.useState)({
@@ -286,18 +295,46 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     var source = [];
 
+    var dfs = function dfs(children) {
+      var num = 0;
+      children.forEach(function (item) {
+        if (item.children) {
+          num += dfs(item.children);
+        } else {
+          num += 1;
+        }
+      });
+      return num;
+    };
+
+    var hideList = [];
+
     var deepChildren = function deepChildren(arr) {
       arr.forEach(function (item) {
         source.push((0, _lodash.omit)(item, 'children'));
+        var prev = hideList.length ? hideList[hideList.length - 1] : 0; // 展开
 
         if ((item === null || item === void 0 ? void 0 : item.children) && expandedRowKeys.includes(item.key)) {
+          hideList.push(prev);
           deepChildren(item === null || item === void 0 ? void 0 : item.children);
+        } // 隐藏
+
+
+        if ((item === null || item === void 0 ? void 0 : item.children) && !expandedRowKeys.includes(item.key)) {
+          var count = dfs(item.children);
+          hideList.push(count + prev);
+        }
+
+        if (!(item === null || item === void 0 ? void 0 : item.children)) {
+          hideList.push(prev);
         }
       });
     };
 
     deepChildren(dataSource);
     deepDataSourceRef.current = source;
+    hideListRef.current = hideList;
+    skipListRef.current = (0, _util.getSkipList)((groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current : dataSource);
   }, [dataSource, expandedRowKeys]); // 列分组数据铺平，在框选时获取数据使用
 
   (0, _react.useEffect)(function () {
@@ -315,7 +352,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     deepChildren(columns);
     deepColumnsRef.current = source;
-  }, [columns, columnKeys]);
+  }, [columns, groupColKeys]);
 
   var onSortEnd = function onSortEnd(_ref) {
     var oldIndex = _ref.oldIndex,
@@ -418,8 +455,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return (0, _util.range)(start.j, end.j).map(function (j) {
         var _columns$j, _columns$j2;
 
-        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 columnKey = (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) ? deepColumnsRef.current[j].dataIndex : (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
+        var dataItem = (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current[i] : dataSource[i];
         var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
 
         if ((_columns$j2 = columns[j]) === null || _columns$j2 === void 0 ? void 0 : _columns$j2.render) {
@@ -514,14 +551,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           end = _shellStatusRef$curre10.end,
           commiting = _shellStatusRef$curre10.commiting; //
 
-      var innerColumns = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current : columns;
-      var innerDataSource = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current : dataSource; //
+      var innerColumns = (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) ? deepColumnsRef.current : columns;
+      var innerDataSource = (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current : dataSource; //
 
       var columnsKeysList = innerColumns.map(function (item) {
         return item.dataIndex;
-      }); //
+      }); // 空行值数组
 
-      var skipList = (0, _util.getSkipList)(innerDataSource);
       var rowtext = (0, _util.getSelectionRowText)({
         selection: commiting,
         columnsKeysList: columnsKeysList,
@@ -574,9 +610,20 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
           if ((_isSelected = isSelected(tri, tdj)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
             var key = columnsKeysList[tdj];
-            var sourceIndex = tri - skipList[tri];
+            var sourceIndex; // 列分组的情况下
+
+            if (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) {
+              sourceIndex = (0, _util.getDataSourceIndex)({
+                key: key,
+                dataSource: dataSource
+              });
+              var arr = key.split('_');
+              key = arr[arr.length - 2];
+            } else {
+              sourceIndex = tri - skipListRef.current[tri] + hideListRef.current[tri];
+            }
 
-            if (sourceIndex < 0) {
+            if (sourceIndex < 0 || sourceIndex >= data.length) {
               return;
             } // 行替换
 
@@ -638,62 +685,42 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** TODO: 在分组的情况，需要排除_group行的数据转换 */
 
 
-  var handlePaste = function handlePaste(e) {
-    var _shellStatusRef$curre12;
-
-    if (isEmpty((_shellStatusRef$curre12 = shellStatusRef.current) === null || _shellStatusRef$curre12 === void 0 ? void 0 : _shellStatusRef$curre12.editing)) {
-      var _shellStatusRef$curre13 = shellStatusRef.current,
-          start = _shellStatusRef$curre13.start,
-          end = _shellStatusRef$curre13.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 = 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'));
-      }
-
-      var data = dataSourceRef.current; // in order of preference
-
-      var resultEnd = [];
-      pasteData.forEach(function (row, i) {
-        row.forEach(function (value, j) {
-          resultEnd.push({
-            i: start.i + i,
-            j: start.j + j,
-            value: value
-          });
-        });
-      });
-      var columnsKeysList = columns.map(function (item) {
-        return item.dataIndex;
-      });
-      var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-        resultEnd.forEach(function (item) {
-          var _isSelected2;
-
-          if ((_isSelected2 = isSelected(item.i, item.j)) === null || _isSelected2 === void 0 ? void 0 : _isSelected2.isSelected) {
-            draft[item.i][columnsKeysList[item.j]] = item.value;
-          }
-        });
-      });
-      /** 只有开通了编辑权限之后才可以 */
-
-      if (editSheet) {
-        dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
-      }
-    }
+  var handlePaste = function handlePaste(e) {// if (isEmpty(shellStatusRef.current?.editing)) {
+    //   let { start, end } = shellStatusRef.current
+    //   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) }
+    //   const parse = defaultParsePaste
+    //   let 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 resultEnd = []
+    //   pasteData.forEach((row, i) => {
+    //     row.forEach((value, j) => {
+    //       resultEnd.push({
+    //         i: start.i + i,
+    //         j: start.j + j,
+    //         value,
+    //       })
+    //     })
+    //   })
+    //   const columnsKeysList = columns.map((item) => item.dataIndex)
+    //   const res = produce(dataSourceRef.current, (draft) => {
+    //     resultEnd.forEach((item) => {
+    //       if (isSelected(item.i, item.j)?.isSelected) {
+    //         draft[item.i][columnsKeysList[item.j]] = item.value
+    //       }
+    //     })
+    //   })
+    //   /** 只有开通了编辑权限之后才可以 */
+    //   if (editSheet) {
+    //     dataChange?.(res)
+    //   }
+    // }
   };
 
   var pageClick = function pageClick(e) {
@@ -737,13 +764,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var sheelMouseDown = function sheelMouseDown(i, j, e, commitStatus) {
-    var _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17, _shellStatusRef$curre18, _shellStatusRef$curre19, _shellStatusRef$curre20, _shellStatusRef$curre21, _shellStatusRef$curre22, _shellStatusRef$curre23;
+    var _shellStatusRef$curre12, _shellStatusRef$curre13, _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17, _shellStatusRef$curre18, _shellStatusRef$curre19, _shellStatusRef$curre20, _shellStatusRef$curre21;
 
-    var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.editing) && ((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing.i) === i && ((_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.editing.j) === j;
-    var editing = isEmpty((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing) || ((_shellStatusRef$curre18 = shellStatusRef.current) === null || _shellStatusRef$curre18 === void 0 ? void 0 : _shellStatusRef$curre18.editing.i) !== i || ((_shellStatusRef$curre19 = shellStatusRef.current) === null || _shellStatusRef$curre19 === void 0 ? void 0 : _shellStatusRef$curre19.editing.j) !== j ? {} : (_shellStatusRef$curre20 = shellStatusRef.current) === null || _shellStatusRef$curre20 === void 0 ? void 0 : _shellStatusRef$curre20.editing;
+    var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre12 = shellStatusRef.current) === null || _shellStatusRef$curre12 === void 0 ? void 0 : _shellStatusRef$curre12.editing) && ((_shellStatusRef$curre13 = shellStatusRef.current) === null || _shellStatusRef$curre13 === void 0 ? void 0 : _shellStatusRef$curre13.editing.i) === i && ((_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.editing.j) === j;
+    var editing = isEmpty((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing) || ((_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.editing.i) !== i || ((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing.j) !== j ? {} : (_shellStatusRef$curre18 = shellStatusRef.current) === null || _shellStatusRef$curre18 === void 0 ? void 0 : _shellStatusRef$curre18.editing;
     shellStatusRef.current = {
       selecting: !isNowEditingSameCell,
-      start: (e === null || e === void 0 ? void 0 : e.shiftKey) || commitStatus ? (_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.start : {
+      start: (e === null || e === void 0 ? void 0 : e.shiftKey) || commitStatus ? (_shellStatusRef$curre19 = shellStatusRef.current) === null || _shellStatusRef$curre19 === void 0 ? void 0 : _shellStatusRef$curre19.start : {
         i: i,
         j: j
       },
@@ -754,7 +781,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       editing: editing,
       forceEdit: !!isNowEditingSameCell,
       commiting: commitStatus ? {
-        start: (_shellStatusRef$curre22 = shellStatusRef.current) === null || _shellStatusRef$curre22 === void 0 ? void 0 : _shellStatusRef$curre22.start,
+        start: (_shellStatusRef$curre20 = shellStatusRef.current) === null || _shellStatusRef$curre20 === void 0 ? void 0 : _shellStatusRef$curre20.start,
         end: {
           i: i,
           j: j
@@ -767,7 +794,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setCommitIng(true);
     }
 
-    if (isEmpty((_shellStatusRef$curre23 = shellStatusRef.current) === null || _shellStatusRef$curre23 === void 0 ? void 0 : _shellStatusRef$curre23.editing)) {
+    if (isEmpty((_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.editing)) {
       setEditIng(false);
     }
 
@@ -782,9 +809,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onContextMenu = function onContextMenu(evt, i, j) {
     evt.preventDefault();
-    var _shellStatusRef$curre24 = shellStatusRef.current,
-        start = _shellStatusRef$curre24.start,
-        end = _shellStatusRef$curre24.end;
+    var _shellStatusRef$curre22 = shellStatusRef.current,
+        start = _shellStatusRef$curre22.start,
+        end = _shellStatusRef$curre22.end;
     /** 如果表格当前没有选择，则把当前的右击的td块默认选中 */
 
     if (isEmpty(start) && isEmpty(end)) {
@@ -837,8 +864,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   var dataSourceChange = function dataSourceChange(i, j, newRecord) {
+    // 表格中的行数 转化为 对应的数据源索引
+    var rowIndex = i - skipListRef.current[i] + hideListRef.current[i];
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      draft[i] = newRecord;
+      draft[rowIndex] = newRecord;
     });
     dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
     shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
@@ -911,18 +940,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var innerColumns = (0, _lodash.cloneDeep)(useColumns);
     traverseColumns(innerColumns, null);
 
-    if (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) {
+    if (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) {
       /** 如果是进行了行分组，则会生成一列dataIndex为Group的Col, 如果需要修改此处，请备注原因 */
       innerColumns = [{
         type: 'name',
         title: '分组',
+        dataIndex: '_group',
         key: '_group',
-        dataIndex: '_group'
+        width: 100
       }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
 
     return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(innerColumns)) : innerColumns;
-  }, [useColumns, sortOpen, selectIng, dataSource, groupInfo, commitIng]);
+  }, [useColumns, sortOpen, selectIng, dataSource, groupRowKeys, commitIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
   }, [columns]); // 行点击事件
@@ -1014,8 +1044,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }),
 
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
-        checkStrictly: !groupInfo.length,
-        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
+        checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
           });
@@ -1024,7 +1054,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, rowSelection),
       onRow: function onRow(record) {
         return {
-          onClick: function onClick(e) {
+          onClick: function onClick() {
             onRecord(record);
           },
           onDoubleClick: function onDoubleClick() {
@@ -1223,7 +1253,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     dataSource: dataSource,
     components: tableComponents,
     onChange: onTableChange,
-    expandable: {
+    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
       onExpand: function onExpand() {
         shellStatusRef.current = {
           start: {},
@@ -1249,7 +1279,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     dataSource: dataSource,
     components: tableComponents,
     onChange: onTableChange,
-    expandable: {
+    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
       onExpand: function onExpand() {
         shellStatusRef.current = {
           start: {},
@@ -1361,8 +1391,7 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return h;
   }, [props.hiddenPage, props.customCheck, props.columns, tableSize]);
   var throttleSize = (0, _react.useCallback)(function () {
-    var width = tableSize.width,
-        height = tableSize.height;
+    var width = tableSize.width;
     return /*#__PURE__*/_react.default.createElement(ResetTable, (0, _extends2.default)({
       ref: defaultRef
     }, props, {

package/es/LmTable/components/sheelTableCell.js

@@ -124,13 +124,16 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
   var renderEditor = function renderEditor() {
     if (isEditing) {
+      console.log(isEditing, '-----isEditing-----');
       var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || InputDataEdit;
       return /*#__PURE__*/React.createElement(Editor, {
         cell: col,
         row: rowIndex,
         col: colIndex,
         value: value,
-        onChange: setValue,
+        onChange: function onChange(value) {
+          setValue(value);
+        },
         handleSave: saveRenderValue
       });
     }
@@ -142,17 +145,13 @@ var SheelTabelCell = function SheelTabelCell(props) {
   var content = renderComponent() || renderEditor() || renderViewer;
   return /*#__PURE__*/React.createElement("td", Object.assign({}, omit(clearProps, ['commitIng', 'editIng']), {
     // style={{ userSelect: 'none' }}
-    className: cls('unselection', sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting'),
+    className: cls(colIndex === undefined && 'row_selection_td', 'unselection', sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting'),
     onMouseDown: handleMouseDown,
     onMouseOver: handleMouseOver,
     onContextMenu: handleContextMenu,
     onDoubleClick: handleDoubleClick,
-    // onKeyUp={onKeyUp}
     key: "".concat(rowIndex, "_").concat(colIndex)
-  }), content, isRightEnd && isEnd && !isEditing && /*#__PURE__*/React.createElement("div", {
-    ref: endCellRef,
-    className: 'lmtable_cell_end_icon'
-  }));
+  }), content);
 };
 
 export default SheelTabelCell;

package/es/LmTable/style/index.css

@@ -888,6 +888,10 @@ p {
   color: inherit;
   background: inherit;
 }
+#lm_protable_warp .lm_protable .ant-table td.unselection.row_selection_td:first-child {
+  z-index: 1;
+  background-color: #fff;
+}
 #lm_protable_warp .lm_protable .ant-table td.selected,
 #lm_protable_warp .lm_protable .ant-table td.editing {
   border: 1px solid var(--primary-color);
@@ -1570,6 +1574,21 @@ p {
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px !important;
 }
+button.ant-table-row-expand-icon,
+button.ant-table-row-expand-icon:focus {
+  border-color: #bfbfbf;
+}
+button.ant-table-row-expand-icon:hover {
+  border-color: #40a9ff;
+}
+button.ant-table-row-expand-icon:hover::before,
+button.ant-table-row-expand-icon:hover::after {
+  color: #40a9ff;
+}
+button.ant-table-row-expand-icon::before,
+button.ant-table-row-expand-icon::after {
+  color: #bfbfbf;
+}
 .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/es/LmTable/style/variables.css

@@ -377,6 +377,10 @@
   color: inherit;
   background: inherit;
 }
+#lm_protable_warp .lm_protable .ant-table td.unselection.row_selection_td:first-child {
+  z-index: 1;
+  background-color: #fff;
+}
 #lm_protable_warp .lm_protable .ant-table td.selected,
 #lm_protable_warp .lm_protable .ant-table td.editing {
   border: 1px solid var(--primary-color);
@@ -1059,6 +1063,21 @@
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px !important;
 }
+button.ant-table-row-expand-icon,
+button.ant-table-row-expand-icon:focus {
+  border-color: #bfbfbf;
+}
+button.ant-table-row-expand-icon:hover {
+  border-color: #40a9ff;
+}
+button.ant-table-row-expand-icon:hover::before,
+button.ant-table-row-expand-icon:hover::after {
+  color: #40a9ff;
+}
+button.ant-table-row-expand-icon::before,
+button.ant-table-row-expand-icon::after {
+  color: #bfbfbf;
+}
 .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }