linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/lib/LmEditTable/EditTable.js

@@ -1,63 +1,38 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
+var _icons = require("@ant-design/icons");
 var _moment = _interopRequireDefault(require("moment"));
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _linkmoreDesign = require("linkmore-design");
-
 var _lodash = require("lodash");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ahooks = require("ahooks");
-
 var _immer = require("immer");
-
 var _DndContainer = _interopRequireDefault(require("./DndContainer"));
-
+var _sortableBox = _interopRequireDefault(require("./sortableBox"));
 var _sortableBoxCol = _interopRequireDefault(require("./sortableBoxCol"));
-
 var _sortableItem = _interopRequireDefault(require("./sortableItem"));
-
 var _sortableItemCol = _interopRequireDefault(require("./sortableItemCol"));
-
 var _DragHandle = _interopRequireDefault(require("./DragHandle"));
-
 var _UploadOss = _interopRequireDefault(require("../UploadOss"));
-
 var _util = require("./util");
-
-var _components = require("./components");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _virtual = require("./virtual");
-
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -66,7 +41,6 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -74,76 +48,60 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+/* eslint-disable no-unused-vars */
 
 var UploadBtn = _UploadOss.default.UploadBtn;
-
-var EditableContext = /*#__PURE__*/_react.default.createContext(null); // 表格行
-
-
+var EditableContext = /*#__PURE__*/_react.default.createContext(null);
+// 表格行
 var EditableRow = function EditableRow(_a) {
   var index = _a.index,
-      virtual = _a.virtual,
-      props = __rest(_a, ["index", "virtual"]);
-
+    props = __rest(_a, ["index"]);
   var _Form$useForm = _linkmoreDesign.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
+    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+    form = _Form$useForm2[0];
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
     form: form,
     component: false
   }, /*#__PURE__*/_react.default.createElement(EditableContext.Provider, {
     value: form
-  }, virtual ? /*#__PURE__*/_react.default.createElement(_virtual.VirtualRow, Object.assign({}, props)) : /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, props))));
+  }, /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, props))));
 };
-
 var EditableSortRow = function EditableSortRow(_a) {
   var index = _a.index,
-      props = __rest(_a, ["index"]);
-
+    props = __rest(_a, ["index"]);
   var _Form$useForm3 = _linkmoreDesign.Form.useForm(),
-      _Form$useForm4 = (0, _slicedToArray2.default)(_Form$useForm3, 1),
-      form = _Form$useForm4[0];
-
+    _Form$useForm4 = (0, _slicedToArray2.default)(_Form$useForm3, 1),
+    form = _Form$useForm4[0];
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
     form: form,
-    disabled: props.disabled || false,
     component: false
   }, /*#__PURE__*/_react.default.createElement(EditableContext.Provider, {
     value: form
   }, /*#__PURE__*/_react.default.createElement(_sortableItem.default, Object.assign({}, props))));
 };
-
 var UploadSingle = function UploadSingle(props) {
   var value = props.value,
-      onChange = props.onChange,
-      editEnum = props.editEnum;
-
+    onChange = props.onChange,
+    editEnum = props.editEnum;
   var handleDelete = function handleDelete() {
     onChange === null || onChange === void 0 ? void 0 : onChange();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "upload_single"
   }, value ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -168,43 +126,36 @@ var UploadSingle = function UploadSingle(props) {
     onChange: onChange
   })));
 };
-
 var InputRange = function InputRange(_a) {
   var _a$value = _a.value,
-      value = _a$value === void 0 ? ['', ''] : _a$value,
-      onChange = _a.onChange,
-      record = _a.record,
-      rowIndex = _a.rowIndex,
-      colIndex = _a.colIndex,
-      validator = _a.validator,
-      editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex", "validator"]); // 输入值改变
-
-
+    value = _a$value === void 0 ? ['', ''] : _a$value,
+    onChange = _a.onChange,
+    record = _a.record,
+    rowIndex = _a.rowIndex,
+    colIndex = _a.colIndex,
+    validator = _a.validator,
+    editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex", "validator"]);
+  // 输入值改变
   var history = (0, _react.useRef)([]);
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      nValue = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    nValue = _useState2[0],
+    setValue = _useState2[1];
   (0, _react.useEffect)(function () {
     setValue(value);
   }, value);
-
   var handleFocus = function handleFocus() {
     history.current.push(nValue);
   };
-
   var handleInput = function handleInput(e, type) {
     var v = type === 'prev' ? [e.target.value, nValue[1]] : [nValue[0], e.target.value];
     setValue(v);
     onChange(v);
     history.current.push(v);
   };
-
   var handleBlur = function handleBlur(e, type) {
-    var isFun = (0, _lodash.isFunction)(validator); // 验证历史记录
-
+    var isFun = (0, _lodash.isFunction)(validator);
+    // 验证历史记录
     var traverse = function traverse(arr) {
       if (!arr || !arr.length) {
         if (type === 'prev') {
@@ -212,13 +163,10 @@ var InputRange = function InputRange(_a) {
         } else if (type === 'next') {
           setValue([nValue[0], '']);
         }
-
         history.current = [];
         return;
       }
-
       var value = arr.pop();
-
       if (isFun && validator(record, value, rowIndex, colIndex)) {
         setValue(value);
         history.current = [];
@@ -226,10 +174,8 @@ var InputRange = function InputRange(_a) {
         traverse(arr);
       }
     };
-
     traverse(history.current);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_editTable_wrapperRange"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -260,74 +206,144 @@ var InputRange = function InputRange(_a) {
     }
   }, editEnum))));
 };
+// 操作列
+var Opetate = function Opetate(_ref) {
+  var record = _ref.record,
+    rowKey = _ref.rowKey,
+    handleAdd = _ref.handleAdd,
+    handleDelete = _ref.handleDelete,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
+    getLength = _ref.getLength,
+    quickOpetateClearAll = _ref.quickOpetateClearAll;
+  var appendChildren = function appendChildren() {
+    handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
+  };
+  var appendAdd = function appendAdd() {
+    handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      marginLeft: '-4px'
+    }
+  }, options.includes('delete') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    size: "small",
+    disabled: !quickOpetateClearAll && getLength < 2,
+    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-minus-circle",
+      style: {
+        fontSize: 16
+      }
+    }),
+    onClick: function onClick() {
+      return handleDelete(record[rowKey]);
+    }
+  }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Popover, {
+    placement: "bottom",
+    overlayClassName: 'lm_table_append_add_popover',
+    // open={open}
+    title: null,
+    content: /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
+      onClick: appendAdd
+    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/_react.default.createElement("li", {
+      onClick: appendChildren
+    }, "\u6DFB\u52A0\u5B50\u7EA7")),
+    trigger: "hover"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    })
+  })) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    }),
+    onClick: function onClick() {
+      return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
+    }
+  }) : null);
+};
+// const isValidValue = (verifyValue) => {
+//   const toStringValue = JSON.stringify(verifyValue);
+//   if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
+//     return false;
+//   }
+//   return true;
+// }
 /*
   表格单元格
   editEnum： 下拉框时的数据数组（非数组时是配置设置）
   valueType: 编辑框配置（多选）
 */
-
-
 var EditableCell = function EditableCell(props) {
   var _props$record = props.record,
-      record = _props$record === void 0 ? {} : _props$record,
-      rowKey = props.rowKey,
-      isEdit = props.isEdit,
-      _props$col = props.col,
-      col = _props$col === void 0 ? {} : _props$col,
-      rowIndex = props.rowIndex,
-      colIndex = props.colIndex,
-      handleTableRowDelete = props.handleTableRowDelete,
-      handleTableRowAdd = props.handleTableRowAdd,
-      quickOpetateClearAll = props.quickOpetateClearAll,
-      getLength = props.getLength,
-      isHoverEdit = props.isHoverEdit,
-      editEnum = props.editEnum,
-      valueType = props.valueType,
-      children = props.children,
-      handleSave = props.handleSave,
-      handleAdd = props.handleAdd,
-      handleDelete = props.handleDelete,
-      handleCopy = props.handleCopy,
-      itemProps = props.itemProps,
-      restProps = __rest(props, ["record", "rowKey", "isEdit", "col", "rowIndex", "colIndex", "handleTableRowDelete", "handleTableRowAdd", "quickOpetateClearAll", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps"]);
+    record = _props$record === void 0 ? {} : _props$record,
+    rowKey = props.rowKey,
+    isEdit = props.isEdit,
+    _props$col = props.col,
+    col = _props$col === void 0 ? {} : _props$col,
+    rowIndex = props.rowIndex,
+    colIndex = props.colIndex,
+    handleTableRowDelete = props.handleTableRowDelete,
+    handleTableRowAdd = props.handleTableRowAdd,
+    quickOpetateClearAll = props.quickOpetateClearAll,
+    getLength = props.getLength,
+    isHoverEdit = props.isHoverEdit,
+    editEnum = props.editEnum,
+    valueType = props.valueType,
+    children = props.children,
+    handleSave = props.handleSave,
+    handleAdd = props.handleAdd,
+    handleDelete = props.handleDelete,
+    handleCopy = props.handleCopy,
+    itemProps = props.itemProps,
+    setValid = props.setValid,
+    reWriteOriginSource = props.reWriteOriginSource,
+    restProps = __rest(props, ["record", "rowKey", "isEdit", "col", "rowIndex", "colIndex", "handleTableRowDelete", "handleTableRowAdd", "quickOpetateClearAll", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps", "setValid", "reWriteOriginSource"]);
   /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
-
-
   var onMouseEnter = restProps.onMouseEnter,
-      onMouseLeave = restProps.onMouseLeave,
-      clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
-
+    onMouseLeave = restProps.onMouseLeave,
+    clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
   var _col$componentProps = col.componentProps,
-      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
-      dataIndex = col.dataIndex;
+    componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
+    dataIndex = col.dataIndex;
   /** 是否正在编辑中 */
-
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      editing = _useState4[0],
-      setEditing = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editing = _useState4[0],
+    setEditing = _useState4[1];
   var inputRef = (0, _react.useRef)(null);
   var form = (0, _react.useContext)(EditableContext);
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      hoverStatus = _useState6[0],
-      setHoverStatus = _useState6[1];
-
   (0, _react.useEffect)(function () {
     var _a;
-
     if (editing) {
       (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }, [editing]);
-
   var toggleEdit = function toggleEdit() {
-    setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
-  }; // 校验保存
-
-
+    setEditing(!editing);
+    // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+  };
+  // const checkCellRef = useRef(null)
+  // const focusCapturedRef = useRef(false);
+  // const curValue = useMemo(() => {
+  //   return record?.dataIndex
+  // }, [record])
+  // const curValueIsValid = isValidValue(curValue);
+  // 校验保存
   var save = function save(row) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var values, resultComponentProps;
@@ -336,29 +352,22 @@ var EditableCell = function EditableCell(props) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-
               if (!row) {
                 _context.next = 5;
                 break;
               }
-
               _context.t0 = (0, _lodash.omit)(row, 'onChange');
               _context.next = 8;
               break;
-
             case 5:
               _context.next = 7;
               return form.getFieldsValue();
-
             case 7:
               _context.t0 = _context.sent;
-
             case 8:
               values = _context.t0;
               resultComponentProps = (0, _lodash.isFunction)(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps; // console.time('testForEach');
-
               /** 如果属于中有唯一性，并且当前的值与唯一值不一致，则改变其他的 */
-
               if (resultComponentProps.isOnlyValue !== undefined && values[dataIndex] !== record[dataIndex] && ![undefined, null].includes(values[dataIndex])) {
                 handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), {
                   only: {
@@ -368,24 +377,25 @@ var EditableCell = function EditableCell(props) {
                 });
               } else {
                 handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
-              } // console.timeEnd('testForEach');
-
-
+              }
+              // console.timeEnd('testForEach');
               _context.next = 13;
               return form.validateFields();
-
             case 13:
               if (col === null || col === void 0 ? void 0 : col.hoverEdit) {
                 toggleEdit();
               }
-
+              // // 清空异常校验
+              // setValid((old) => {
+              //   const obj = { ...old }
+              //   delete obj[record[rowKey]]
+              //   return obj
+              // })
               _context.next = 18;
               break;
-
             case 16:
               _context.prev = 16;
               _context.t1 = _context["catch"](0);
-
             case 18:
             case "end":
               return _context.stop();
@@ -393,34 +403,27 @@ var EditableCell = function EditableCell(props) {
         }
       }, _callee, null, [[0, 16]]);
     }));
-  }; // 触发保存
-
-
+  };
+  // 触发保存
   var handleFormItemChange = function handleFormItemChange(e) {
     save === null || save === void 0 ? void 0 : save();
   };
   /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
-
-
-  var copyKey = function copyKey(e, type) {
+  var copyKey = function copyKey(e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     var dataIndex = col.dataIndex;
-    handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex], type, props.rowIndex);
+    handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
   };
-
   var Control = function Control(con) {
     var _a;
-
+    // const resultComponentProps = isFunction(componentProps) ? componentProps?.(record, col) : componentProps
     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']);
-
+    var clearAttrComponentProps = (0, _lodash.omit)(resultComponentProps, ['optionOnly', 'isOnlyValue']);
     switch (con) {
       case 'input':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
@@ -440,18 +443,23 @@ var EditableCell = function EditableCell(props) {
             noStyle: true
           }, /*#__PURE__*/_react.default.cloneElement(resultComponentProps.addonAfter, {
             onChange: handleFormItemChange
+          })) : null,
+          suffix: resultComponentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", {
+            className: 'lm_table_quickcopy'
+          }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+            onClick: copyKey,
+            type: 'lmweb-icon_m_brush'
           })) : null
         }));
-
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, resultComponentProps, {
           record: record,
           rowIndex: rowIndex,
           colIndex: colIndex
         }));
-
       case 'number':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.InputNumber, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -462,13 +470,11 @@ var EditableCell = function EditableCell(props) {
           placeholder: "\u8BF7\u8F93\u5165",
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'date':
         // @ts-ignore
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.DatePicker, Object.assign({
           onChange: handleFormItemChange
         }, clearAttrComponentProps));
-
       case 'select':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select, Object.assign({
           showSearch: true,
@@ -477,14 +483,12 @@ var EditableCell = function EditableCell(props) {
           ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a, _b;
-
             return ((_b = (_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf(input.toLowerCase())) >= 0;
           }
         }, clearAttrComponentProps, {
           // open={true}
           onChange: handleFormItemChange
         }));
-
       case 'multiple':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select, Object.assign({
           mode: "multiple",
@@ -494,66 +498,58 @@ var EditableCell = function EditableCell(props) {
           ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a;
-
             return ((_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(input.toLowerCase())) >= 0;
           },
           onChange: handleFormItemChange,
           onDeselect: handleFormItemChange
         }, clearAttrComponentProps));
-
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'radioGroup':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'switch':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Switch, Object.assign({
-          size: "small"
+          size: 'small'
         }, clearAttrComponentProps, {
           onChange: handleFormItemChange
         }));
-
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: resultComponentProps,
           ref: inputRef,
           onChange: handleFormItemChange
         });
-
       case 'operate':
       case 'lm_edit_opetate':
-        return /*#__PURE__*/_react.default.createElement(_components.QuickOpetate, Object.assign({
+        return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
+          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength,
           quickOpetateClearAll: quickOpetateClearAll
         }, resultComponentProps));
-
       case 'render':
         {
           var _resultComponentProps = resultComponentProps,
-              render = _resultComponentProps.render;
+            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
-          }), rowIndex);
+          }));
         }
-
       default:
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -562,18 +558,15 @@ var EditableCell = function EditableCell(props) {
         }, resultComponentProps));
     }
   };
-
   var getMemoChildNode = (0, _react.useMemo)(function () {
     var _a, _b;
-
     var editable = col.editable,
-        dataIndex = col.dataIndex,
-        formProps = col.formProps,
-        componentProps = col.componentProps,
-        hoverEdit = col.hoverEdit;
+      dataIndex = col.dataIndex,
+      formProps = col.formProps,
+      componentProps = col.componentProps,
+      hoverEdit = col.hoverEdit;
     var resultComponentProps = (0, _lodash.isFunction)(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
     var childNode = children;
-
     if (hoverEdit && !editing) {
       childNode = /*#__PURE__*/_react.default.createElement("div", {
         className: "editable-cell-value-wrap",
@@ -588,12 +581,10 @@ var EditableCell = function EditableCell(props) {
         valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
           margin: 0
-        },
-        noStyle: formProps ? false : true
+        }
       }, formProps, {
         name: dataIndex
       }), Control(editable)));
-
       if (editable === 'input' && ((resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonBefore) || (resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonAfter))) {
         childNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _util.isExpandRow)(childNode) && childNode[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
           errorPlacement: "right",
@@ -601,7 +592,6 @@ var EditableCell = function EditableCell(props) {
             margin: 0
           }
         }, formProps, {
-          noStyle: formProps ? false : true,
           name: [dataIndex, 'value']
         }), Control(editable)));
       }
@@ -610,193 +600,181 @@ var EditableCell = function EditableCell(props) {
         return item.value === record[dataIndex];
       })) === null || _b === void 0 ? void 0 : _b.label) || childNode;
     }
-
     return childNode;
-  }, [col, isEdit, editing, getLength, record]); // 出现死循环找我
-
+  }, [col, isEdit, editing, getLength]);
+  // const [childNode, setChildNode] = useState(getMemoChildNode);
+  // 出现死循环找我
   (0, _react.useEffect)(function () {
     var editable = col.editable,
-        dataIndex = col.dataIndex;
-
+      dataIndex = col.dataIndex;
     if (isEdit && editable) {
-      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' && record[dataIndex] ? (0, _moment.default)(record[dataIndex]) : record[dataIndex]));
+      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _moment.default)(record[dataIndex]) : record[dataIndex]));
     }
+    // if (
+    //   (isEdit && editable && record[dataIndex]) ||
+    //   (isHoverEdit && editable && record[dataIndex])
+    // ) {
+    //   form.setFieldsValue({
+    //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
+    //   })
+    // }
   }, [record]);
-
-  var handleTdHover = function handleTdHover() {
-    setHoverStatus(true);
-  };
-
-  var handleTdMouseOut = function handleTdMouseOut() {
-    setHoverStatus(false);
-  };
-
   return /*#__PURE__*/_react.default.createElement("td", Object.assign({}, (0, _lodash.omit)(clearProps, ['dataIndex']), {
     className: (0, _classnames.default)(clearProps === null || clearProps === void 0 ? void 0 : clearProps.className, 'lm_custom_cell_td'),
-    onMouseEnter: componentProps.quickcopy ? handleTdHover : undefined,
-    onMouseLeave: componentProps.quickcopy ? handleTdMouseOut : undefined,
     key: "r".concat(rowIndex, "_c").concat(colIndex)
-  }), hoverStatus && props.rowIndex > 0 && /*#__PURE__*/_react.default.createElement("span", {
-    className: 'quick_copy_warp quick_copy_up',
-    onClick: function onClick(e) {
-      return copyKey(e, 'up');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: 'lmweb-icon_up'
-  })), getMemoChildNode, hoverStatus && props.rowIndex < props.getLength - 1 && /*#__PURE__*/_react.default.createElement("span", {
-    className: 'quick_copy_warp quick_copy_down',
-    onClick: function onClick(e) {
-      return copyKey(e, 'down');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: 'lmweb-icon_down'
-  })));
+  }), getMemoChildNode);
 };
-/** true 不刷新， false 刷新 */
-
-
-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);
-
-  if (next === null || next === void 0 ? void 0 : next.shouldUpdate) {
-    return false;
-  } // console.log(!checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n), '22', prev.record, next.record)
-  // console.log('333', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
-
-  /** TODO: 在record中带有children，子列表数据修改之后，会导致父级的record对比不一样 */
-
-
-  if (!(0, _util.checkMemoShouldUploadSpecialFun)(prev, next)) {
-    return false;
-  }
-
-  return (0, _lodash.isEqual)(p, n);
-});
 var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _a, _b;
-
   var defaultData = props.value,
-      columns = props.columns,
-      isEdit = props.isEdit,
-      _props$isAdd = props.isAdd,
-      isAdd = _props$isAdd === void 0 ? false : _props$isAdd,
-      onChange = props.onChange,
-      _props$rowKey = props.rowKey,
-      _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
-      rowHoverEdit = props.rowHoverEdit,
-      _props$isUseForm = props.isUseForm,
-      isUseForm = _props$isUseForm === void 0 ? true : _props$isUseForm,
-      isHoverEdit = props.isHoverEdit,
-      useQuickOpetate = props.useQuickOpetate,
-      _props$quickOpetateCl = props.quickOpetateClearAll,
-      quickOpetateClearAll = _props$quickOpetateCl === void 0 ? true : _props$quickOpetateCl,
-      rowSelection = props.rowSelection,
-      virtual = props.virtual,
-      sortOpen = props.sortOpen,
-      disabled = props.disabled,
-      colSortOpen = props.colSortOpen,
-      _props$indexCol = props.indexCol,
-      indexCol = _props$indexCol === void 0 ? false : _props$indexCol,
-      filterChange = props.filterChange,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'small' : _props$size,
-      recordCreatorProps = props.recordCreatorProps,
-      _props$shouldUpdate = props.shouldUpdate,
-      shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "virtual", "sortOpen", "disabled", "colSortOpen", "indexCol", "filterChange", "size", "recordCreatorProps", "shouldUpdate", "loading"]);
-
+    columns = props.columns,
+    isEdit = props.isEdit,
+    _props$isAdd = props.isAdd,
+    isAdd = _props$isAdd === void 0 ? false : _props$isAdd,
+    onChange = props.onChange,
+    _props$rowKey = props.rowKey,
+    _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
+    rowHoverEdit = props.rowHoverEdit,
+    _props$isUseForm = props.isUseForm,
+    isUseForm = _props$isUseForm === void 0 ? true : _props$isUseForm,
+    isHoverEdit = props.isHoverEdit,
+    useQuickOpetate = props.useQuickOpetate,
+    _props$quickOpetateCl = props.quickOpetateClearAll,
+    quickOpetateClearAll = _props$quickOpetateCl === void 0 ? true : _props$quickOpetateCl,
+    rowSelection = props.rowSelection,
+    sortOpen = props.sortOpen,
+    colSortOpen = props.colSortOpen,
+    filterChange = props.filterChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    recordCreatorProps = props.recordCreatorProps,
+    _props$shouldUpdate = props.shouldUpdate,
+    shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
+    resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]);
+  // const [dataSource, setDataSource] = useState([]);
   var _useControllableValue = (0, _ahooks.useControllableValue)({
-    value: (0, _util.checkRowKeyByDataSource)(props.value, _rowKey),
-    onChange: props.onChange
-  }),
-      _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
-      dataSource = _useControllableValue2[0],
-      setDataSource = _useControllableValue2[1];
-
+      value: (0, _util.checkRowKeyByDataSource)(props.value, _rowKey),
+      onChange: props.onChange
+    }),
+    _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
+    dataSource = _useControllableValue2[0],
+    setDataSource = _useControllableValue2[1];
+  // const [count, setCount] = useState(0);
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    _valid = _useState6[0],
+    setValid = _useState6[1];
+  // const [localRowSelectList, setLocalRowSelectList] = useState([])
   var transformRowSelect = function transformRowSelect(selectedRowKeys, selectedRows, info) {
     var _a;
-
     return (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectedRowKeys, selectedRows, info);
   };
-
   var _useControllableValue3 = (0, _ahooks.useControllableValue)({
-    value: {
-      selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
-    },
-    onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
-  }),
-      _useControllableValue4 = (0, _slicedToArray2.default)(_useControllableValue3, 2),
-      localRowSelectList = _useControllableValue4[0],
-      setLocalRowSelectList = _useControllableValue4[1];
-  /** TODO: 当前展开的列 */
-
-
+      value: {
+        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+      },
+      onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
+    }),
+    _useControllableValue4 = (0, _slicedToArray2.default)(_useControllableValue3, 2),
+    localRowSelectList = _useControllableValue4[0],
+    setLocalRowSelectList = _useControllableValue4[1];
   var _useState7 = (0, _react.useState)([]),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      expandedRowKeys = _useState8[0],
-      setExpandedRowKeys = _useState8[1];
-
-  var dataSourceRef = (0, _react.useRef)(dataSource);
-  var deepDataSourceRef = (0, _react.useRef)((0, _util.deepDataSourcePreKeys)(dataSource, _rowKey));
-  dataSourceRef.current = dataSource;
-  deepDataSourceRef.current = (0, _util.deepDataSourcePreKeys)(dataSource, _rowKey);
-  var tableWarpRef = (0, _react.useRef)(null);
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    sortEditTable = _useState8[0],
+    setCallBackFalg = _useState8[1];
+  /** 当前展开的列 */
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    expandedRowKeys = _useState10[0],
+    setExpandedRowKeys = _useState10[1];
+  var dataSourceRef = (0, _react.useRef)([]);
+  var sortDataSorceRef = (0, _react.useRef)([]);
+  var deepDataSourceRef = (0, _react.useRef)([]);
+  var onSortEnd = function onSortEnd(active, over) {
+    var cloneArr = (0, _toConsumableArray2.default)(dataSourceRef.current);
+    var oldIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === active;
+    });
+    var newIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === over;
+    });
+    setDataSource((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+  };
   var onColSortEnd = function onColSortEnd(active, over) {
     var _a;
-
     var oldIndex = columns.findIndex(function (item) {
-      return item.dataIndex === active;
+      return item['dataIndex'] === active;
     });
     var newIndex = columns.findIndex(function (item) {
-      return item.dataIndex === over;
+      return item['dataIndex'] === over;
     });
     filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = (0, _sortable.arrayMove)(columns, oldIndex, newIndex)) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
         order: index
       });
     }));
-  }; // 删除
-
-
+  };
+  // 删除
   var handleDelete = function handleDelete(key) {
     var nValue = dataSource.filter(function (item) {
       return item[_rowKey] !== key;
     });
+    // onChange?.(nValue)
     setDataSource(nValue);
   };
-  /** 点击底部添加按钮添加 */
-
-
-  var handleAdd = (0, _lodash.debounce)(function (row) {
+  /** 点击添加按钮添加 */
+  var handleAdd = function handleAdd(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;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
       draft.push(Object.assign((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
     });
     setDataSource(res);
-  }, 40);
+    // onChange?.(res)
+  };
 
+  (0, _react.useEffect)(function () {
+    var _a;
+    dataSourceRef.current = dataSource;
+    deepDataSourceRef.current = (0, _util.deepDataSourcePreKeys)(dataSource, _rowKey);
+    if (sortOpen) {
+      var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
+        return item[_rowKey];
+      }).join(',');
+      var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return item[_rowKey];
+      }).join(',')) || '';
+      if (dataSourceKeys !== setCallBackFalgKeys) {
+        setCallBackFalg(dataSource);
+        sortDataSorceRef.current = dataSource;
+      }
+    }
+  }, [dataSource]);
+  // /** 本地缓存一个选择数据 */
+  // useEffect(() => {
+  //   if (rowSelection) {
+  //     const { selectedRowKeys } = rowSelection
+  //     if (selectedRowKeys) {
+  //       setLocalRowSelectList(localRowSelectList || [])
+  //     }
+  //   }
+  // }, [rowSelection])
+  // const editTableRowChange = (selectRows) => {
+  //   setLocalRowSelectList(selectRows);
+  //   // (rowSelection?.onChange as any)?.(selectRows)
+  // }
   var handleSave = function handleSave(row, options) {
     var _a, _b;
-
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[row[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
       if (options === null || options === void 0 ? void 0 : options.only) {
-        var _ref = options === null || options === void 0 ? void 0 : options.only,
-            key = _ref.key,
-            value = _ref.value;
-
+        var _ref2 = options === null || options === void 0 ? void 0 : options.only,
+          key = _ref2.key,
+          value = _ref2.value;
         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) {
               var _a;
-
               if (preKeys.includes(item[_rowKey])) {
                 if (item[_rowKey] === row[_rowKey]) {
                   children === null || children === void 0 ? void 0 : children.forEach(function (c) {
@@ -811,7 +789,6 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
               }
             });
           };
-
           deeps(draft);
         } else {
           draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
@@ -827,7 +804,6 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           var _deeps = function _deeps(children) {
             children === null || children === void 0 ? void 0 : children.forEach(function (item) {
               var _a;
-
               if (preKeys.includes(item[_rowKey])) {
                 if (item[_rowKey] === row[_rowKey]) {
                   (_a = Object.keys(row)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
@@ -839,13 +815,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
               }
             });
           };
-
           _deeps(draft);
         } else {
           var index = draft.findIndex(function (item) {
             return row[_rowKey] === item[_rowKey];
           });
-
           if (index !== -1) {
             draft[index] = row;
           }
@@ -853,30 +827,23 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     });
     setDataSource(res);
-  }; // const reWriteOriginSource = (rowKey: string, rowValue, dataIndex: number, nextValue) => {
-  //   setDataSource((prevDataSource) => {
-  //     return prevDataSource?.map((item) => {
-  //       if (get(item, rowKey) === rowValue) {
-  //         set(item, dataIndex, nextValue)
-  //       }
-  //       return item
-  //     })
-  //   })
-  // }
+  };
+  var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
+    setDataSource(function (prevDataSource) {
+      return prevDataSource === null || prevDataSource === void 0 ? void 0 : prevDataSource.map(function (item) {
+        if ((0, _lodash.get)(item, rowKey) === rowValue) {
+          (0, _lodash.set)(item, dataIndex, nextValue);
+        }
+        return item;
+      });
+    });
+  };
   // @ts-ignore
-
-  /** 删除当前行 */
-
-
-  var handleTableRowDelete = (0, _lodash.debounce)(function (key) {
+  var handleTableRowDelete = function handleTableRowDelete(key) {
     var _a, _b, _c;
-
-    var rkey = (0, _lodash.isObject)(key) ? key[_rowKey] : key;
-    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 preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.preKeys;
     if (preKeys.length > 1) {
-      /** 说明删除的是children中的数据 */
-      var filter = function filter(data, key) {
+      /** 说明删除的是children中的数据 */var filter = function filter(data, key) {
         var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
           return x[_rowKey] !== key;
         });
@@ -884,7 +851,6 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           if (x.children) {
             var c = filter(x.children, key);
             x.children = c;
-
             if (!c.length) {
               delete x.children;
             }
@@ -892,96 +858,44 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         });
         return newData;
       };
-
-      var res = filter(dataSourceRef.current, key);
+      var res = filter(dataSource, key);
       setDataSource(res);
     } else {
       if (((_c = dataSourceRef.current) === null || _c === void 0 ? void 0 : _c.length) === 1 && !quickOpetateClearAll) {
         return false;
       }
-
       var _res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
         var index = draft.findIndex(function (item) {
           return key === item[_rowKey];
         });
-
         if (index !== -1) {
           draft.splice(index, 1);
         }
       });
-
       setDataSource(_res);
     }
-
-    return null;
-  }, 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 res = deep(dataSourceRef.current);
-    setDataSource(res);
-  }, 40);
+  };
   /** 快捷添加 */
-
-  var handleTableRowAdd = (0, _lodash.debounce)(function (record, isAppendInChindren, defaultRecord) {
+  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
     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 preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      var _a, _b, _c, _d, _e;
-
-      if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
+      var _a, _b, _c, _d;
+      if (preKeys.length > 1) {
         var deeps = function deeps(children) {
           children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
-            var _a, _b;
-
+            var _a;
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
-              if (item[_rowKey] === rkey) {
+              if (item[_rowKey] === record[_rowKey]) {
                 if (isAppendInChindren) {
                   if (item === null || item === void 0 ? void 0 : item.children) {
-                    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())));
-                    }
+                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
                   } else {
-                    if (Array.isArray(defaultRecord)) {
-                      item.children = (0, _toConsumableArray2.default)(defaultRecord);
-                    } else {
-                      item.children = [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
-                    }
+                    item.children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
                   }
-
                   !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [item[_rowKey]]));
                 } else {
-                  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())));
-                  }
+                  children.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
                 }
               } else if (item.children) {
                 deeps(item.children);
@@ -989,83 +903,59 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             }
           });
         };
-
         deeps(draft);
       } else {
         var index = draft.findIndex(function (item) {
-          return rkey === item[_rowKey];
+          return record[_rowKey] === item[_rowKey];
         });
-
         if (index !== -1) {
           if (isAppendInChindren) {
             if ((_a = draft[index].children) === null || _a === void 0 ? void 0 : _a.length) {
-              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())));
-              }
+              (_b = draft[index].children) === null || _b === void 0 ? void 0 : _b.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
             } else {
-              draft[index].children = Array.isArray(defaultRecord) ? (0, _toConsumableArray2.default)(defaultRecord) : [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+              draft[index].children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
             }
-
-            !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]]));
+            !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]]));
           } else {
-            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())));
-            }
+            draft.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
           }
         }
       }
     });
     setDataSource(res);
-  }, 50);
-  /** 快捷刷子功能 */
-
-  var handleCopy = function handleCopy(key, value, type, rowIndex) {
+  };
+  var handleCopy = function handleCopy(key, value) {
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
-        if (type === 'up' && index < rowIndex || type === 'down' && index > rowIndex) {
-          item[key] = value;
-        }
+      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
+        return item[key] = value;
       });
     });
     setDataSource(res);
   };
   /** 判断columne中有没有带optionOnly参数  */
-
-
   var hasDisableOptions = (0, _react.useMemo)(function () {
+    // const hasOnlyOptionsDatas = columns.filter(item => item?.['componentProps']?.optionOnly)
     var hasOnlyOptionsDatas = columns.filter(function (item) {
       var _a;
-
       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) {
-        return item.dataIndex;
+        return item['dataIndex'];
       });
     }
-
     return false;
   }, [columns]);
   /** 动态获取disabled的props数据源 */
-
   var DisableOptions = (0, _react.useMemo)(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
       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 _ref8 = resultComponentProps || {},
-          optionOnly = _ref8.optionOnly,
-          options = _ref8.options;
-
+      var resultComponentProps = (0, _lodash.isFunction)(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;
+      var _ref5 = resultComponentProps || {},
+        optionOnly = _ref5.optionOnly,
+        options = _ref5.options;
+      // const { optionOnly, options } = item['componentProps'] || {}
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
         var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
@@ -1076,15 +966,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), {
+          componentProps: Object.assign(Object.assign({}, item['componentProps']), {
             options: newOptions
           })
         });
@@ -1098,52 +986,20 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return hasDisableOptions ? [DisableOptions] : [];
   }, [hasDisableOptions, DisableOptions]);
   /** 组装之后的最终columns */
-
   var resultColumns = (0, _react.useMemo)(function () {
     var rColumns = hasDisableOptions ? DisableOptions : columns;
     var localColumns = [sortOpen ? {
       title: '排序',
-      dataIndex: '_sort',
+      dataIndex: 'sort',
       width: 48,
       maxWidth: 48,
       className: 'drag-visible',
-      fixed: 'left',
       render: function render(_, record) {
         return /*#__PURE__*/_react.default.createElement(_DragHandle.default, {
-          id: (record === null || record === void 0 ? void 0 : record[_rowKey]) || (record === null || record === void 0 ? void 0 : record.id)
+          id: record[_rowKey] || record.id
         });
       }
-    } : null, indexCol ? (0, _lodash.isBoolean)(indexCol) ? {
-      title: '',
-      dataIndex: '_index',
-      width: 48,
-      maxWidth: 48,
-      ellipsis: true,
-      fixed: 'left',
-      render: function render(_, record, index) {
-        var _a, _b, _c;
-
-        console.log(deepDataSourceRef.current, '--deepDataSourceRef.current', _rowKey);
-        return ((_c = (_b = (_a = deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b['_deepIds']) === null || _c === void 0 ? void 0 : _c.join('-')) || "".concat(index + 1);
-      }
-    } : Object.assign(Object.assign({
-      title: '',
-      dataIndex: '_index',
-      width: 48,
-      ellipsis: true,
-      maxWidth: 48,
-      fixed: 'left'
-    }, indexCol || {}), {
-      render: function render(_, record, index) {
-        var _a, _b, _c, _d, _e, _f;
-
-        if ((0, _lodash.isFunction)(indexCol === null || indexCol === void 0 ? void 0 : indexCol.render)) {
-          return (_a = indexCol === null || indexCol === void 0 ? void 0 : indexCol.render) === null || _a === void 0 ? void 0 : _a.call(indexCol, record, (_c = (_b = deepDataSourceRef.current) === null || _b === void 0 ? void 0 : _b[record[_rowKey]]) === null || _c === void 0 ? void 0 : _c['_deepIds']);
-        }
-
-        return ((_f = (_e = (_d = deepDataSourceRef.current) === null || _d === void 0 ? void 0 : _d[record[_rowKey]]) === null || _e === void 0 ? void 0 : _e['_deepIds']) === null || _f === void 0 ? void 0 : _f.join('-')) || "".concat(index + 1);
-      }
-    }) : null].concat((0, _toConsumableArray2.default)(rColumns), [useQuickOpetate ? {
+    } : null].concat((0, _toConsumableArray2.default)(rColumns), [useQuickOpetate ? {
       title: '操作',
       dataIndex: 'lm_edit_opetate',
       width: 68,
@@ -1154,11 +1010,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
       }
     } : null]).filter(function (item) {
-      return item && (item === null || item === void 0 ? void 0 : item.show) !== false;
+      return item && item.show !== false;
     });
-    localColumns = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (item, index) {
+    localColumns = localColumns.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
-        order: [null, undefined].includes(item.order) ? index : item.order
+        order: [null, undefined].includes(item['order']) ? index : item['order']
       });
     }).sort(function (a, b) {
       return a.order - b.order;
@@ -1177,26 +1033,26 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
     localColumns = [].concat(leftColumns, mainColumns, rightColumns);
     /** 为了支持colums中的分组之后，进行递归处理 */
-
     var mapColumns = function mapColumns(col, index) {
       var _a, _b;
-
-      if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) && (col === null || col === void 0 ? void 0 : col.dataIndex) === '_sort') {
-        var fn = col === null || col === void 0 ? void 0 : col.render;
-        return Object.assign(Object.assign({}, col), {
-          render: function render(text, record, i) {
-            var _a;
-
-            return fn === null || fn === void 0 ? void 0 : fn((_a = dataSource[i]) === null || _a === void 0 ? void 0 : _a[col.dataIndex], dataSource[i], i);
-          }
-        });
-      }
-
-      if (isEdit && (col === null || col === void 0 ? void 0 : col.render) && (col === null || col === void 0 ? void 0 : col.editable) === 'render') {
-        delete col.render;
+      if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
+        return col;
       }
-
       var newCol = Object.assign(Object.assign({}, col), {
+        shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
+          var _a;
+          var dataIndex = col.dataIndex,
+            editable = col.editable,
+            relevanceCols = col.relevanceCols,
+            componentProps = col.componentProps;
+          if (componentProps && (0, _lodash.isFunction)(componentProps)) {
+            return true;
+          }
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
+            return true;
+          }
+          return record[dataIndex] !== prevRecord[dataIndex];
+        },
         onCell: function onCell(record, rowIndex) {
           return {
             getLength: dataSource.length,
@@ -1211,7 +1067,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             editable: col.editable,
             dataIndex: col.dataIndex,
             itemProps: col.itemProps,
-            shouldUpdate: shouldUpdate,
+            setValid: setValid,
             isEdit: isEdit,
             isHoverEdit: isHoverEdit,
             handleAdd: handleAdd,
@@ -1219,64 +1075,77 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             handleCopy: handleCopy,
             editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
             valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
-            handleSave: handleSave
+            handleSave: handleSave,
+            reWriteOriginSource: reWriteOriginSource
           };
         }
       });
-
       if (col === null || col === void 0 ? void 0 : col.children) {
         newCol.children = (_b = col.children) === null || _b === void 0 ? void 0 : _b.map(mapColumns);
       }
-
       return newCol;
     };
-
-    var res = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (col, index) {
+    var res = localColumns.map(function (col, index) {
       return mapColumns(col, index);
     });
     return res;
-  }, [columns, isAdd, sortOpen, useQuickOpetate, dataSource, (0, _toConsumableArray2.default)(memoOptions)]);
-
-  var onSortEnd = function onSortEnd(active, over) {
-    var cloneArr = (0, _toConsumableArray2.default)(dataSourceRef.current);
-    var oldIndex = cloneArr.findIndex(function (v) {
-      return v[_rowKey] === active;
-    });
-    var newIndex = cloneArr.findIndex(function (v) {
-      return v[_rowKey] === over;
-    });
-    setDataSource((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
-  };
-
+  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, dataSource, (0, _toConsumableArray2.default)(memoOptions)]);
+  var DraggableContainer = (0, _react.useCallback)(function (_a) {
+    var _b;
+    var props = __rest(_a, []);
+    return /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+      move: onSortEnd
+    }, /*#__PURE__*/_react.default.createElement(_sortableBox.default, {
+      items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
+        return item[_rowKey];
+      })
+    }, /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, props))));
+  }, [sortEditTable]);
   var colDraggableContainer = (0, _react.useCallback)(function (_a) {
     var _b;
-
     var props = __rest(_a, []);
-
     return /*#__PURE__*/_react.default.createElement("tr", null, (_b = _react.default.Children) === null || _b === void 0 ? void 0 : _b.map(props.children, function (child) {
       var _a, _b;
-
       if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
         return child;
       }
-
       return /*#__PURE__*/_react.default.createElement(_sortableItemCol.default, {
         id: child.key
       }, child);
     }));
   }, [columns]);
+  var config = (0, _react.useMemo)(function () {
+    var component = {
+      body: Object.assign({
+        row: sortOpen ? EditableSortRow : EditableRow,
+        cell: EditableCell
+      }, sortOpen ? {
+        wrapper: DraggableContainer
+      } : {})
+    };
+    if (colSortOpen) {
+      component['header'] = {
+        row: colDraggableContainer
+      };
+    }
+    return Object.assign({
+      pagination: false,
+      tableLayout: 'fixed',
+      scroll: {
+        x: '100%'
+      },
+      rowKey: function rowKey(record) {
+        return record[_rowKey] || record.index || Math.random();
+      },
+      components: component
+    }, resetProps);
+  }, [resultColumns, dataSource, sortOpen, colSortOpen, size]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setRow: handleSave,
       getCheckboxRecords: function getCheckboxRecords() {
         return localRowSelectList.selectedRows;
       },
-      deleteRowData: function deleteRowData(data) {
-        return handleTableRowDelete(data);
-      },
-      addRowData: function addRowData(data, defaultValue, addInChild) {
-        return addInChild === 'replace' ? handleTableRowReplace(data, defaultValue) : handleTableRowAdd(data, addInChild, defaultValue);
-      },
       clearSelect: function clearSelect() {
         setLocalRowSelectList({
           selectedRows: []
@@ -1286,80 +1155,31 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         setLocalRowSelectList({
           selectedRows: value
         });
+      },
+      valid: function valid() {
+        return _valid;
       }
     };
   });
   var isShowAddAction = (0, _react.useMemo)(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
   }, [isEdit, isAdd, isHoverEdit]);
-  var config = (0, _react.useRef)(Object.assign({
-    pagination: false,
-    tableLayout: 'fixed',
-    scroll: {
-      x: '100%'
-    },
-    rowKey: function rowKey(record) {
-      return record[_rowKey] || record.index || Math.random();
-    },
-    components: {
-      table: virtual ? _virtual.VirtualTable : null,
-      body: Object.assign({
-        row: function row(rowProps) {
-          return sortOpen ? EditableSortRow(Object.assign(Object.assign({}, rowProps), {
-            virtual: virtual
-          })) : EditableRow(Object.assign(Object.assign({}, rowProps), {
-            virtual: virtual
-          }));
-        },
-        cell: MemoEditableCell
-      }, sortOpen ? {
-        wrapper: function wrapper(wrapperProps) {
-          var _a, _b, _c;
-
-          return (0, _components.DraggableContainer)(Object.assign(Object.assign({}, wrapperProps), {
-            virtual: virtual,
-            keys: (_a = dataSourceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-              return item[_rowKey];
-            }),
-            options: dataSourceRef.current,
-            rowKey: _rowKey,
-            onSortEnd: onSortEnd,
-            tableWidth: (_c = (_b = tableWarpRef === null || tableWarpRef === void 0 ? void 0 : tableWarpRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width
-          }));
-        }
-      } : virtual ? {
-        wrapper: _virtual.VirtualWrapper
-      } : {}),
-      header: {
-        row: colSortOpen ? colDraggableContainer : null
-      }
-    },
-    onRow: function onRow(record, index) {
-      return {
-        disabled: disabled
-      };
-    }
-  }, resetProps));
-
   if (colSortOpen) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "lm_editTable_warpper",
-      ref: tableWarpRef
+      className: "lm_editTable_warpper"
     }, /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
-      rowKey: _rowKey,
-      options: resultColumns,
       move: onColSortEnd
     }, /*#__PURE__*/_react.default.createElement(_sortableBoxCol.default, {
       items: columns.reduce(function (acc, item) {
         return [].concat((0, _toConsumableArray2.default)(acc), [item.dataIndex]);
       }, [])
-    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config.current, {
-      loading: loading,
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config, {
       size: size || 'small',
       columns: resultColumns,
       rowClassName: "editable-row",
       bordered: true,
       pagination: false,
+      // components={tableComponents}
       rowSelection: !rowSelection ? undefined : Object.assign(Object.assign({
         fixed: true,
         type: 'checkbox',
@@ -1369,39 +1189,35 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           return (0, _lodash.isObject)(v) ? v[_rowKey] : v;
         }),
         onChange: function onChange(selectedRowKeys, selectedRows, info) {
+          // editTableRowChange(selectedRowKeys, selectedRows, info)
           setLocalRowSelectList(selectedRowKeys, selectedRows, info);
         }
       }),
       dataSource: dataSource
-    })))), /*#__PURE__*/_react.default.createElement(_components.BottomOpetateComponent, {
-      disabled: disabled,
-      isShowAddAction: isShowAddAction,
-      recordCreatorProps: recordCreatorProps,
-      handleAdd: handleAdd
-    }));
-  } // @ts-ignore
-
-
+    })))), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      className: "lm_editTable_add_bar",
+      type: "dashed",
+      onClick: handleAdd,
+      style: {
+        marginTop: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
+      className: "lmweb-plus"
+    }), "\u65B0\u589E"));
+  }
+  // @ts-ignore
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_editTable_warpper",
-    ref: tableWarpRef
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config.current, {
+    className: "lm_editTable_warpper"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config, {
     size: size || 'small',
     columns: resultColumns,
     rowClassName: "editable-row",
     bordered: true,
-    loading: loading,
     pagination: false,
     // components={tableComponents}
     expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
       expandedRowKeys: expandedRowKeys,
       fixed: true,
-      // indentSize: 0,
-      expandIconColumnIndex: (0, _util.checkExpandIconColumnIndex)({
-        rowSelection: rowSelection,
-        sortOpen: sortOpen,
-        indexCol: indexCol
-      }) || 0,
       onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
         return setExpandedRowKeys(expandedRows);
       }
@@ -1419,14 +1235,16 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }),
     dataSource: dataSource
-  })), /*#__PURE__*/_react.default.createElement(_components.BottomOpetateComponent, {
-    disabled: disabled,
-    isShowAddAction: isShowAddAction,
-    recordCreatorProps: recordCreatorProps,
-    handleAdd: handleAdd
-  }));
+  })), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    className: "lm_editTable_add_bar",
+    type: "dashed",
+    onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
+    style: Object.assign({
+      marginTop: 8
+    }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
+  }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增'));
 });
-
 var _default = /*#__PURE__*/(0, _react.memo)(EditTable);
-
 exports.default = _default;