linkmore-design 1.1.13-alpha.5 → 1.1.13-alpha.7

package/es/LmUpload/UploadList/ItemPictureCard.js

@@ -67,6 +67,7 @@ var PictureItem = function PictureItem(_ref) {
       instance = _ref.instance,
       listeners = _ref.listeners;
   var dispatch = instance.dispatch,
+      disabled = instance.disabled,
       readOnly = instance.readOnly,
       size = instance.size,
       remove = instance.remove,
@@ -140,7 +141,15 @@ var PictureItem = function PictureItem(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "lm_upload_item_mask"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item_action"
+    className: "lm_upload_item_action",
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    },
+    onPointerDown: function onPointerDown(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_preview",
     onClick: handlePreview
@@ -149,7 +158,7 @@ var PictureItem = function PictureItem(_ref) {
     style: {
       fontSize: resetSize.fontSize
     }
-  })), !readOnly && /*#__PURE__*/React.createElement("div", {
+  })), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
     className: "action_delete",
     onClick: function onClick() {
       return remove(file);

package/es/LmUpload/UploadList/ItemText.js

@@ -6,6 +6,7 @@ var TextItem = function TextItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
   var readOnly = instance.readOnly,
+      disabled = instance.disabled,
       remove = instance.remove,
       download = instance.download,
       fileNames = instance.fileNames;
@@ -22,7 +23,7 @@ var TextItem = function TextItem(_ref) {
     onClick: function onClick() {
       return download(file);
     }
-  }, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
+  }, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
     className: "text_right lm_upload_item_text_action"
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_delete",

package/es/LmUpload/UploadList/index.js

@@ -11,6 +11,7 @@ var LmUploadList = function LmUploadList(_ref) {
       itemRender = instance.itemRender,
       listType = instance.listType,
       showUploadList = instance.showUploadList,
+      disabled = instance.disabled,
       enableDrag = instance.enableDrag,
       fileNames = instance.fileNames,
       move = instance.move;
@@ -46,7 +47,7 @@ var LmUploadList = function LmUploadList(_ref) {
     }
   };
 
-  if (enableDrag) {
+  if (!disabled && enableDrag) {
     return /*#__PURE__*/React.createElement(LmDrag, {
       options: fileList,
       rowKey: uid,

package/es/LmUpload/body/UploadCore.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import cn from 'classnames';
 import UploadPicture from './UploadPicture'; // 上传核心
 // 渲染上传区域样式, 仅用于触发上传事件
 // type: 'card' 图片 | 'drag' 拖拽
@@ -10,6 +11,7 @@ var UploadCore = function UploadCore(_ref) {
 
   var inputRef = React.useRef(null);
   var accept = instance.accept,
+      disabled = instance.disabled,
       children = instance.children,
       beforeUpload = instance.beforeUpload,
       getUploadStatus = instance.getUploadStatus,
@@ -18,6 +20,7 @@ var UploadCore = function UploadCore(_ref) {
   var handleClick = useCallback(function () {
     var _a;
 
+    if (disabled) return;
     var isUploading = getUploadStatus().uploading;
     if (isUploading) return;
     (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -43,7 +46,7 @@ var UploadCore = function UploadCore(_ref) {
   };
   return !getIsMaxCount() && /*#__PURE__*/React.createElement("div", {
     onClick: handleClick,
-    className: "lm_upload_core"
+    className: cn('lm_upload_core', disabled && 'disabled')
   }, children || /*#__PURE__*/React.createElement(UploadPicture, {
     instance: instance
   }), /*#__PURE__*/React.createElement("input", Object.assign({

package/es/LmUpload/style/index.css

@@ -122,6 +122,7 @@
   gap: 8px;
 }
 .lm_upload_wrapper .lm_upload_core {
+  position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -136,6 +137,12 @@
   cursor: pointer;
   transition: all 0.3s;
 }
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
+  position: absolute;
+  background-color: var(--disabled-bg-color);
+  cursor: not-allowed;
+  inset: 0;
+}
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
@@ -151,6 +158,16 @@
   margin-top: var(--gap);
   color: var(--color-45);
 }
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
+  border-color: var(--disabled-border-color);
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
+  content: '';
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--disabled-font-color);
+}
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;

package/es/LmUpload/style/variables.css

@@ -122,6 +122,7 @@
   gap: 8px;
 }
 .lm_upload_wrapper .lm_upload_core {
+  position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -136,6 +137,12 @@
   cursor: pointer;
   transition: all 0.3s;
 }
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
+  position: absolute;
+  background-color: var(--disabled-bg-color);
+  cursor: not-allowed;
+  inset: 0;
+}
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
@@ -151,6 +158,16 @@
   margin-top: var(--gap);
   color: var(--color-45);
 }
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
+  border-color: var(--disabled-border-color);
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
+  content: '';
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--disabled-font-color);
+}
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;

package/es/TreeSelect/index.js

@@ -82,7 +82,8 @@ var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     className: 'lm_tree_select',
     value: resetValue,
     size: mergeSize,
-    disabled: mergedDisabled
+    disabled: mergedDisabled,
+    treeData: treeData
   }, resetProps), children);
 });
 var LMTreeSelect = CLMTreeSelect;

package/es/styles/variables.css

@@ -9813,6 +9813,12 @@ p {
   padding-left: 8px;
   padding-right: 8px;
 }
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
@@ -9968,15 +9974,6 @@ p {
 }
 .lm_filter_basic_item .filter_item_icon .icon_clear {
   display: none;
-  opacity: 0;
-}
-.lm_filter_basic_item .filter_item_icon:hover .icon_down {
-  display: none;
-  opacity: 0;
-}
-.lm_filter_basic_item .filter_item_icon:hover .icon_clear {
-  display: inline-block;
-  opacity: 1;
 }
 .lm_filter_basic_item.expand .filter_item_icon.addon_after {
   transform: rotateX(180deg);
@@ -9991,6 +9988,12 @@ p {
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }
@@ -11909,6 +11912,7 @@ button.ant-table-row-expand-icon::after {
   gap: 8px;
 }
 .lm_upload_wrapper .lm_upload_core {
+  position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -11923,6 +11927,12 @@ button.ant-table-row-expand-icon::after {
   cursor: pointer;
   transition: all 0.3s;
 }
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
+  position: absolute;
+  background-color: var(--disabled-bg-color);
+  cursor: not-allowed;
+  inset: 0;
+}
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
@@ -11938,6 +11948,16 @@ button.ant-table-row-expand-icon::after {
   margin-top: var(--gap);
   color: var(--color-45);
 }
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
+  border-color: var(--disabled-border-color);
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
+  content: '';
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--disabled-font-color);
+}
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;

package/lib/LmEditTable/EditTable.d.ts

@@ -33,7 +33,7 @@ export interface CountdownHandle {
     clearSelect: () => void;
     customSetCheckboxRecords: (data: any[]) => void;
     deleteRowData: (record: string | Record<string, any>) => void;
-    addRowData: (record: string | Record<string, any>, addInChind: boolean, defaultValue?: Record<string, any>) => void;
+    addRowData: (record: string | Record<string, any>, defaultValue?: Record<string, any> | Record<string, any>[], addInChild?: boolean | 'replace') => void;
     valid: () => void;
 }
 interface ILmColumns extends TableColumnType<any> {

package/lib/LmEditTable/EditTable.js

@@ -494,7 +494,16 @@ var EditableCell = function EditableCell(props) {
   };
 
   var Control = function Control(con) {
+    var _a;
+
     var resultComponentProps = (0, _lodash.isFunction)(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
+
+    if ((0, _lodash.isFunction)(componentProps) && ((_a = col === null || col === void 0 ? void 0 : col.newOptions) === null || _a === void 0 ? void 0 : _a.length)) {
+      resultComponentProps = Object.assign(Object.assign({}, resultComponentProps), {
+        options: col === null || col === void 0 ? void 0 : col.newOptions
+      });
+    }
+
     var clearAttrComponentProps = (0, _lodash.omit)(resultComponentProps, ['optionOnly', 'isOnlyValue', 'quickcopy']);
 
     switch (con) {
@@ -622,7 +631,8 @@ var EditableCell = function EditableCell(props) {
 
       case 'render':
         {
-          var render = resultComponentProps.render;
+          var _resultComponentProps = resultComponentProps,
+              render = _resultComponentProps.render;
           var fromData = form.getFieldsValue();
           return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !(0, _util.isObjEmpty)(fromData) ? Object.assign(Object.assign({}, record), (0, _defineProperty2.default)({}, dataIndex, fromData[dataIndex])) : record), {
             onChange: save
@@ -663,7 +673,8 @@ var EditableCell = function EditableCell(props) {
         valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
           margin: 0
-        }
+        },
+        noStyle: formProps ? false : true
       }, formProps, {
         name: dataIndex
       }), Control(editable)));
@@ -675,6 +686,7 @@ var EditableCell = function EditableCell(props) {
             margin: 0
           }
         }, formProps, {
+          noStyle: formProps ? false : true,
           name: [dataIndex, 'value']
         }), Control(editable)));
       }
@@ -731,7 +743,7 @@ var EditableCell = function EditableCell(props) {
 var MemoEditableCell = /*#__PURE__*/(0, _react.memo)(EditableCell, function (prev, next) {
   var pickProps = ['record', 'colIndex'];
   var p = (0, _lodash.pick)(prev, pickProps);
-  var n = (0, _lodash.pick)(next, pickProps); // console.log(prev, next, '22', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
+  var n = (0, _lodash.pick)(next, pickProps); // console.log('333', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
 
   /** TODO: 在record中带有children，子列表数据修改之后，会导致父级的record对比不一样 */
 
@@ -845,7 +857,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 点击添加按钮添加 */
 
 
-  var handleAdd = function handleAdd(row) {
+  var handleAdd = (0, _lodash.debounce)(function (row) {
     var _a;
 
     var addDataInfo = (0, _lodash.isFunction)(recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.initData) ? (_a = recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.initData) === null || _a === void 0 ? void 0 : _a.call(recordCreatorProps) : recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.initData;
@@ -853,7 +865,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       draft.push(Object.assign((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
     });
     setDataSource(res); // onChange?.(res)
-  };
+  }, 40);
   /** 本地缓存一个选择数据 */
   // useEffect(() => {
   //   if (rowSelection) {
@@ -868,7 +880,6 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   //   ;(rowSelection?.onChange as any)?.(selectRows)
   // }
 
-
   var handleSave = function handleSave(row, options) {
     var _a, _b;
 
@@ -955,7 +966,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }; // @ts-ignore
 
 
-  var handleTableRowDelete = function handleTableRowDelete(key) {
+  var handleTableRowDelete = (0, _lodash.debounce)(function (key) {
     var _a, _b, _c;
 
     var rkey = (0, _lodash.isObject)(key) ? key[_rowKey] : key;
@@ -999,35 +1010,72 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
       setDataSource(_res);
     }
-  };
-  /** 快捷添加 */
+  }, 40);
+  var handleTableRowReplace = (0, _lodash.debounce)(function (record, defaultRecord) {
+    var _a, _b;
 
+    var rkey = (0, _lodash.isObject)(record) ? record[_rowKey] : record;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys; // const res = cloneDeep(dataSourceRef.current)
+
+    var deep = function deep(children) {
+      return children.map(function (item) {
+        if (item[_rowKey] === rkey) {
+          return defaultRecord;
+        } else if (preKeys.includes(item[_rowKey]) && item.children) {
+          var child = deep(item.children);
+          return Object.assign(Object.assign({}, item), {
+            children: child
+          });
+        } else {
+          return item;
+        }
+      });
+    };
 
-  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren, defaultRecord) {
+    var res = deep(dataSourceRef.current);
+    setDataSource(res);
+  }, 40);
+  /** 快捷添加 */
+
+  var handleTableRowAdd = (0, _lodash.debounce)(function (record, isAppendInChindren, defaultRecord) {
     var _a, _b;
 
     var rkey = (0, _lodash.isObject)(record) ? record[_rowKey] : record;
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e;
 
-      if (preKeys.length > 1) {
+      if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
         var deeps = function deeps(children) {
           children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
-            var _a;
+            var _a, _b;
 
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
               if (item[_rowKey] === rkey) {
                 if (isAppendInChindren) {
                   if (item === null || item === void 0 ? void 0 : item.children) {
-                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push(defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                    if (Array.isArray(defaultRecord)) {
+                      var _a2;
+
+                      (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : (_a2 = _a).push.apply(_a2, (0, _toConsumableArray2.default)(defaultRecord));
+                    } else {
+                      (_b = item === null || item === void 0 ? void 0 : item.children) === null || _b === void 0 ? void 0 : _b.push(defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                    }
                   } else {
-                    item.children = [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+                    if (Array.isArray(defaultRecord)) {
+                      item.children = (0, _toConsumableArray2.default)(defaultRecord);
+                    } else {
+                      item.children = [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+                    }
                   }
 
                   !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [item[_rowKey]]));
                 } else {
-                  children.splice(index + 1, 0, defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                  if (Array.isArray(defaultRecord)) {
+                    children.splice.apply(children, [index + 1, 0].concat((0, _toConsumableArray2.default)(defaultRecord)));
+                  } else {
+                    children.splice(index + 1, 0, defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                  }
                 }
               } else if (item.children) {
                 deeps(item.children);
@@ -1045,21 +1093,30 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         if (index !== -1) {
           if (isAppendInChindren) {
             if ((_a = draft[index].children) === null || _a === void 0 ? void 0 : _a.length) {
-              (_b = draft[index].children) === null || _b === void 0 ? void 0 : _b.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+              if (Array.isArray(defaultRecord)) {
+                var _b2;
+
+                (_b = draft[index].children) === null || _b === void 0 ? void 0 : (_b2 = _b).push.apply(_b2, (0, _toConsumableArray2.default)(defaultRecord));
+              } else {
+                (_c = draft[index].children) === null || _c === void 0 ? void 0 : _c.push(defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+              }
             } else {
-              draft[index].children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+              draft[index].children = Array.isArray(defaultRecord) ? (0, _toConsumableArray2.default)(defaultRecord) : [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
             }
 
-            !expandedRowKeys.includes((_c = draft[index]) === null || _c === void 0 ? void 0 : _c[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [(_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]]));
+            !expandedRowKeys.includes((_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [(_e = draft[index]) === null || _e === void 0 ? void 0 : _e[_rowKey]]));
           } else {
-            draft.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+            if (Array.isArray(defaultRecord)) {
+              draft.splice.apply(draft, [index + 1, 0].concat((0, _toConsumableArray2.default)(defaultRecord)));
+            } else {
+              draft.splice(index + 1, 0, defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+            }
           }
         }
       }
     });
-    console.log(preKeys, '--preKeys', res);
     setDataSource(res);
-  };
+  }, 40);
 
   var handleCopy = function handleCopy(key, value, type, rowIndex) {
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
@@ -1078,8 +1135,9 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var hasOnlyOptionsDatas = columns.filter(function (item) {
       var _a;
 
-      return (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.optionOnly;
-    });
+      var resultComponentProps = (0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
+      return resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.optionOnly;
+    }); // const hasOnlyOptionsDatas = columns.filter((item) => item?.componentProps?.optionOnly)
 
     if (hasOnlyOptionsDatas.length) {
       return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
@@ -1093,9 +1151,13 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var DisableOptions = (0, _react.useMemo)(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-      var _ref7 = item.componentProps || {},
-          optionOnly = _ref7.optionOnly,
-          options = _ref7.options;
+      var _a;
+
+      var resultComponentProps = (0, _lodash.isFunction)(item.componentProps) ? (_a = item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item.componentProps;
+
+      var _ref9 = resultComponentProps || {},
+          optionOnly = _ref9.optionOnly,
+          options = _ref9.options;
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
@@ -1107,6 +1169,13 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
           });
         });
+
+        if ((0, _lodash.isFunction)(item.componentProps)) {
+          return Object.assign(Object.assign({}, item), {
+            newOptions: newOptions
+          });
+        }
+
         return Object.assign(Object.assign({}, item), {
           componentProps: Object.assign(Object.assign({}, item.componentProps), {
             options: newOptions
@@ -1134,7 +1203,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       fixed: 'left',
       render: function render(_, record) {
         return /*#__PURE__*/_react.default.createElement(_DragHandle.default, {
-          id: record[_rowKey] || record.id
+          id: record[_rowKey] || (record === null || record === void 0 ? void 0 : record.id)
         });
       }
     } : null, indexCol ? (0, _lodash.isBoolean)(indexCol) ? {
@@ -1283,8 +1352,8 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       deleteRowData: function deleteRowData(data) {
         return handleTableRowDelete(data);
       },
-      addRowData: function addRowData(data, addInChind, defaultValue) {
-        return handleTableRowAdd(data, addInChind, defaultValue);
+      addRowData: function addRowData(data, defaultValue, addInChild) {
+        return addInChild === 'replace' ? handleTableRowReplace(data, defaultValue) : handleTableRowAdd(data, addInChild, defaultValue);
       },
       clearSelect: function clearSelect() {
         setLocalRowSelectList({

package/lib/LmEditTable/sortableItemCol.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _sortable = require("@dnd-kit/sortable");
 
-var _lodash = require("lodash");
-
 var _utilities = require("@dnd-kit/utilities");
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -28,22 +26,47 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+// interface ItemType {
+//   children: React.ReactNode
+// }
+// interface ItemInstance {}
+// @ts-ignore
 var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var children = _a.children,
-      props = __rest(_a, ["children"]);
+      props = __rest(_a, ["children"]); // const rProps = omit({ ...props, ...children.props }, [
+  //   'isSticky',
+  //   'colStart',
+  //   'colEnd',
+  //   'prefixCls',
+  //   'fixLeft',
+  //   'fixRight',
+  //   'lastFixLeft',
+  //   'firstFixRight',
+  //   'lastFixRight',
+  //   'firstFixLeft',
+  //   'isSticky',
+  //   'additionalProps',
+  //   'rowType',
+  // ])
+
 
-  var rProps = (0, _lodash.omit)(Object.assign(Object.assign({}, props), children.props), ['isSticky', 'colStart', 'colEnd', 'prefixCls', 'fixLeft', 'fixRight', 'lastFixLeft', 'firstFixRight', 'lastFixRight', 'firstFixLeft', 'isSticky', 'additionalProps', 'rowType']);
-  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, rProps, {
-    ref: ref
-  })); // <th {...props} ref={ref as any}>
-  //   {/* {(children as any)?.props?.children || children} */}
-  //   { children }
-  // </th>
+  return (
+    /*#__PURE__*/
+    // <th {...rProps} ref={ref as any} />
+    _react.default.createElement("th", Object.assign({}, props, children.props, {
+      ref: ref
+    })) // <th {...props} ref={ref as any}>
+    //   {(children as any)?.props?.children || children}
+    // </th>
+
+  );
 });
 
 function SortableItem(props) {
+  var id = props.id;
+
   var _useSortable = (0, _sortable.useSortable)({
-    id: props.id
+    id: id
   }),
       attributes = _useSortable.attributes,
       listeners = _useSortable.listeners,

package/lib/LmEditTable/style/index.css

@@ -613,6 +613,12 @@ p {
   padding-left: 8px;
   padding-right: 8px;
 }
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/lib/LmEditTable/style/variables.css

@@ -101,6 +101,12 @@
   padding-left: 8px;
   padding-right: 8px;
 }
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;