linkmore-design 1.0.99 → 1.1.0

package/es/LmTable/Table.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -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) {
@@ -500,6 +537,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   /** sheel 表格 鼠标松开 */
 
+  /** TODO: 在分组的情况，需要排除_group行的数据转换，以及要进行对子级的覆盖 */
+
 
   var sheelOnMouseUp = function sheelOnMouseUp() {
     var _shellStatusRef$curre9;
@@ -512,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,
@@ -572,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;
             } // 行替换
 
@@ -633,6 +682,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   /** 内容粘贴 */
 
+  /** TODO: 在分组的情况，需要排除_group行的数据转换 */
+
 
   var handlePaste = function handlePaste(e) {
     var _shellStatusRef$curre12;
@@ -650,7 +701,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         j: Math.max(start.j, end.j)
       };
       var parse = defaultParsePaste;
-      var changes = [];
       var pasteData = [];
 
       if (window.clipboardData && window.clipboardData.getData) {
@@ -658,9 +708,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         pasteData = parse(window.clipboardData.getData('Text'));
       } else if (e.clipboardData && e.clipboardData.getData) {
         pasteData = parse(e.clipboardData.getData('text/plain'));
-      }
+      } // in order of preference
 
-      var data = dataSourceRef.current; // in order of preference
 
       var resultEnd = [];
       pasteData.forEach(function (row, i) {
@@ -833,8 +882,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), {}, {
@@ -869,10 +920,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           col.$_colIndex = colIndex;
 
           col.onHeaderCell = function (column) {
-            return {
+            return resizeable ? {
               width: column.width,
               onResize: handleResize(col.$_colIndex),
               onResizeStop: endResize
+            } : {
+              width: column.width
             };
           };
 
@@ -905,17 +958,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: '分组',
-        key: 'group',
+        dataIndex: '_group',
+        key: '_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]); // 行点击事件
@@ -1005,7 +1060,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
           return v[rowKey];
         }),
-        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
+
+        /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
+        checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
           });
@@ -1014,7 +1072,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() {
@@ -1213,7 +1271,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: {},
@@ -1239,7 +1297,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: {},
@@ -1351,8 +1409,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/VList.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmTable/autosize.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmTable/components/sheelTableCell.js

@@ -17,6 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useRef, useState } from 'react';
 import cls from 'classnames';
 import { useUpdateEffect } from 'ahooks';
+import { omit } from 'lodash';
 import InputDataEdit from './inputDataEdit';
 
 var SheelTabelCell = function SheelTabelCell(props) {
@@ -69,13 +70,12 @@ var SheelTabelCell = function SheelTabelCell(props) {
   /** 鼠标点击 */
 
   var handleMouseDown = function handleMouseDown(e) {
-    var _a, _b;
+    var _a;
 
     if (e.button === 2) {
       console.log('点击了右键');
     } else if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
-      console.log((_a = endCellRef === null || endCellRef === void 0 ? void 0 : endCellRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target), '点击了快速选择键', record, col, rowKey);
-      onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(rowIndex, colIndex, e, !!((_b = endCellRef === null || endCellRef === void 0 ? void 0 : endCellRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target)));
+      onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(rowIndex, colIndex, e, !!((_a = endCellRef === null || endCellRef === void 0 ? void 0 : endCellRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)));
     }
   };
   /** 鼠标右键 */
@@ -98,7 +98,8 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
 
   var handleDoubleClick = function handleDoubleClick(e) {
-    if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+    /** 当行数据中带内部关键词_group时，认为当前双击的是分组行，不允许进行编辑 */
+    if (!(col === null || col === void 0 ? void 0 : col.disableEvents) && !(record === null || record === void 0 ? void 0 : record._group)) {
       onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(rowIndex, colIndex, col);
     }
   };
@@ -123,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
       });
     }
@@ -139,16 +143,15 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
   var renderViewer = children;
   var content = renderComponent() || renderEditor() || renderViewer;
-  return /*#__PURE__*/React.createElement("td", Object.assign({}, clearProps, {
+  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 && /*#__PURE__*/React.createElement("div", {
+  }), content, isRightEnd && isEnd && !isEditing && /*#__PURE__*/React.createElement("div", {
     ref: endCellRef,
     className: 'lmtable_cell_end_icon'
   }));

package/es/LmTable/components/sortableBoxCol.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmTable/components/sortableItemCol.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/LmTable/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

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;
 }