linkmore-design 1.1.20 → 1.1.21

package/lib/LmEditTable/EditTable.js

@@ -0,0 +1,1391 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+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 {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        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 EditableRow = function EditableRow(_a) {
+  var index = _a.index,
+      props = __rest(_a, ["index"]);
+
+  var _Form$useForm = _linkmoreDesign.Form.useForm(),
+      _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
+  }, /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, props))));
+};
+
+var EditableSortRow = function EditableSortRow(_a) {
+  var index = _a.index,
+      props = __rest(_a, ["index"]);
+
+  var _Form$useForm3 = _linkmoreDesign.Form.useForm(),
+      _Form$useForm4 = (0, _slicedToArray2.default)(_Form$useForm3, 1),
+      form = _Form$useForm4[0];
+
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
+    form: form,
+    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;
+
+  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, {
+    type: "lmweb-link",
+    style: {
+      fontSize: 14,
+      color: '#1890ff'
+    }
+  }), /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(value === null || value === void 0 ? void 0 : value.externalUrl, "/").concat(value === null || value === void 0 ? void 0 : value.filePath).concat(value === null || value === void 0 ? void 0 : value.realFileName),
+    target: "_blank",
+    rel: "noreferrer"
+  }, value === null || value === void 0 ? void 0 : value.fileName), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete",
+    style: {
+      fontSize: 14,
+      color: '#1890ff'
+    },
+    onClick: handleDelete
+  })) : /*#__PURE__*/_react.default.createElement(UploadBtn, Object.assign({}, editEnum, {
+    value: value,
+    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"]); // 输入值改变
+
+
+  var history = (0, _react.useRef)([]);
+
+  var _useState = (0, _react.useState)([]),
+      _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 traverse = function traverse(arr) {
+      if (!arr || !arr.length) {
+        if (type === 'prev') {
+          setValue(['', nValue[1]]);
+        } 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 = [];
+      } else {
+        traverse(arr);
+      }
+    };
+
+    traverse(history.current);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_editTable_wrapperRange"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "inputRange"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
+    value: nValue === null || nValue === void 0 ? void 0 : nValue[0],
+    placeholder: "\u8BF7\u8F93\u5165",
+    onFocus: function onFocus(e) {
+      return handleFocus();
+    },
+    onBlur: function onBlur(e) {
+      return handleBlur(e, 'prev');
+    },
+    onChange: function onChange(e) {
+      return handleInput(e, 'prev');
+    }
+  }, editEnum)), "~", /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
+    value: nValue === null || nValue === void 0 ? void 0 : nValue[1],
+    placeholder: "\u8BF7\u8F93\u5165",
+    onFocus: function onFocus(e) {
+      return handleFocus();
+    },
+    onBlur: function onBlur(e) {
+      return handleBlur(e, 'next');
+    },
+    onChange: function onChange(e) {
+      return handleInput(e, 'next');
+    }
+  }, 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,
+      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"]);
+
+  var _col$componentProps = col.componentProps,
+      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];
+
+  var inputRef = (0, _react.useRef)(null);
+  var form = (0, _react.useContext)(EditableContext);
+  (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] });
+  }; // 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;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          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: {
+                    key: dataIndex,
+                    value: resultComponentProps.isOnlyValue
+                  }
+                });
+              } 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');
+
+
+              _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();
+          }
+        }
+      }, _callee, null, [[0, 16]]);
+    }));
+  }; // 触发保存
+
+
+  var handleFormItemChange = function handleFormItemChange(e) {
+    save === null || save === void 0 ? void 0 : save();
+  };
+  /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
+
+
+  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]);
+  };
+
+  var Control = function Control(con) {
+    var resultComponentProps = (0, _lodash.isFunction)(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
+    var clearAttrComponentProps = (0, _lodash.omit)(resultComponentProps, ['optionOnly', 'isOnlyValue']);
+
+    switch (con) {
+      case 'input':
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          ref: inputRef,
+          placeholder: "\u8BF7\u8F93\u5165"
+        }, clearAttrComponentProps, {
+          addonBefore: resultComponentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
+            name: [col.dataIndex, 'addonBeforeValue'],
+            noStyle: true
+          }, /*#__PURE__*/_react.default.cloneElement(resultComponentProps.addonBefore, {
+            onChange: handleFormItemChange
+          })) : null,
+          addonAfter: resultComponentProps.addonAfter ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
+            name: [col.dataIndex, 'addonAfterValue'],
+            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,
+          ref: inputRef
+        }, resultComponentProps, {
+          record: record,
+          rowIndex: rowIndex,
+          colIndex: colIndex
+        }));
+
+      case 'number':
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.InputNumber, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          style: {
+            width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
+          },
+          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,
+          allowClear: true,
+          placeholder: "\u8BF7\u9009\u62E9",
+          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",
+          showSearch: true,
+          allowClear: true,
+          placeholder: "\u8BF7\u9009\u62E9",
+          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'
+        }, 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(Opetate, Object.assign({
+          record: record,
+          rowKey: rowKey,
+          ref: inputRef,
+          handleAdd: handleTableRowAdd,
+          handleDelete: handleTableRowDelete,
+          getLength: getLength,
+          quickOpetateClearAll: quickOpetateClearAll
+        }, resultComponentProps));
+
+      case 'render':
+        {
+          var 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
+          }));
+        }
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          ref: inputRef
+        }, 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;
+    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",
+        style: {
+          minHeight: '22px'
+        },
+        onClick: toggleEdit
+      }, childNode);
+    } else if (isEdit && editable) {
+      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",
+        valuePropName: editable === 'switch' ? 'checked' : 'value',
+        style: {
+          margin: 0
+        }
+      }, 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",
+          style: {
+            margin: 0
+          }
+        }, formProps, {
+          name: [dataIndex, 'value']
+        }), Control(editable)));
+      }
+    } else if (!isEdit && (componentProps === null || componentProps === void 0 ? void 0 : componentProps.options)) {
+      return ((_b = (_a = componentProps === null || componentProps === void 0 ? void 0 : componentProps.options) === null || _a === void 0 ? void 0 : _a.find(function (item) {
+        return item.value === record[dataIndex];
+      })) === null || _b === void 0 ? void 0 : _b.label) || childNode;
+    }
+
+    return childNode;
+  }, [col, isEdit, editing, getLength]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+  // 出现死循环找我
+
+  (0, _react.useEffect)(function () {
+    var editable = col.editable,
+        dataIndex = col.dataIndex;
+
+    if (isEdit && editable) {
+      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]);
+  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'),
+    key: "r".concat(rowIndex, "_c").concat(colIndex)
+  }), getMemoChildNode);
+};
+
+var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  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,
+      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]; // const [count, setCount] = useState(0);
+
+
+  var _useState5 = (0, _react.useState)({}),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      _valid = _useState6[0],
+      setValid = _useState6[1];
+
+  var _useState7 = (0, _react.useState)([]),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      localRowSelectList = _useState8[0],
+      setLocalRowSelectList = _useState8[1];
+
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      sortEditTable = _useState10[0],
+      setCallBackFalg = _useState10[1];
+  /** 当前展开的列 */
+
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      expandedRowKeys = _useState12[0],
+      setExpandedRowKeys = _useState12[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;
+    });
+    var newIndex = columns.findIndex(function (item) {
+      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 = 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); // 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]);
+  /** 本地缓存一个选择数据 */
+
+  (0, _react.useEffect)(function () {
+    if (rowSelection) {
+      var selectedRowKeys = rowSelection.selectedRowKeys;
+
+      if (selectedRowKeys) {
+        setLocalRowSelectList(localRowSelectList || []);
+      }
+    }
+  }, [rowSelection]);
+
+  var editTableRowChange = function editTableRowChange(selectRows) {
+    var _a;
+
+    setLocalRowSelectList(selectRows);
+    (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, 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 _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) {
+                    c[key] = value;
+                  });
+                  (_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
+                    item[v] = row[v] || item[v];
+                  });
+                } else if (item.children) {
+                  deeps(item.children);
+                }
+              }
+            });
+          };
+
+          deeps(draft);
+        } else {
+          draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
+            if (row[_rowKey] === item[_rowKey]) {
+              draft[index] = row;
+            } else {
+              draft[index][key] = value;
+            }
+          });
+        }
+      } else {
+        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]) {
+                  (_a = Object.keys(row)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
+                    item[v] = row[v] || item[v];
+                  });
+                } else if (item.children) {
+                  _deeps(item.children);
+                }
+              }
+            });
+          };
+
+          _deeps(draft);
+        } else {
+          var index = draft.findIndex(function (item) {
+            return row[_rowKey] === item[_rowKey];
+          });
+
+          if (index !== -1) {
+            draft[index] = row;
+          }
+        }
+      }
+    });
+    setDataSource(res);
+  };
+
+  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 = function handleTableRowDelete(key) {
+    var _a, _b, _c;
+
+    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) {
+        var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
+          return x[_rowKey] !== key;
+        });
+        newData === null || newData === void 0 ? void 0 : newData.forEach(function (x) {
+          if (x.children) {
+            var c = filter(x.children, key);
+            x.children = c;
+
+            if (!c.length) {
+              delete x.children;
+            }
+          }
+        });
+        return newData;
+      };
+
+      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);
+    }
+  };
+  /** 快捷添加 */
+
+
+  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
+    var _a, _b;
+
+    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;
+
+      if (preKeys.length > 1) {
+        var deeps = function deeps(children) {
+          children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
+            var _a;
+
+            if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
+              if (item[_rowKey] === record[_rowKey]) {
+                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((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                  } else {
+                    item.children = [(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, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                }
+              } else if (item.children) {
+                deeps(item.children);
+              }
+            }
+          });
+        };
+
+        deeps(draft);
+      } else {
+        var index = draft.findIndex(function (item) {
+          return record[_rowKey] === item[_rowKey];
+        });
+
+        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())));
+            } else {
+              draft[index].children = [(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]]));
+          } else {
+            draft.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+          }
+        }
+      }
+    });
+    setDataSource(res);
+  };
+
+  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) {
+        return item[key] = value;
+      });
+    });
+    setDataSource(res);
+  };
+  /** 判断columne中有没有带optionOnly参数  */
+
+
+  var hasDisableOptions = (0, _react.useMemo)(function () {
+    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;
+    });
+
+    if (hasOnlyOptionsDatas.length) {
+      return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
+        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 _ref5 = item.componentProps || {},
+          optionOnly = _ref5.optionOnly,
+          options = _ref5.options;
+
+      if (optionOnly && options) {
+        var dataIndex = item.dataIndex;
+        var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
+          return d[dataIndex];
+        });
+        var newOptions = options === null || options === void 0 ? void 0 : options.map(function (o) {
+          return Object.assign(Object.assign({}, o), {
+            disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
+          });
+        });
+        return Object.assign(Object.assign({}, item), {
+          componentProps: Object.assign(Object.assign({}, item.componentProps), {
+            options: newOptions
+          })
+        });
+      } else {
+        return item;
+      }
+    });
+    return newColumns;
+  }, [columns, dataSource]);
+  var memoOptions = (0, _react.useMemo)(function () {
+    return hasDisableOptions ? [DisableOptions] : [];
+  }, [hasDisableOptions, DisableOptions]);
+  /** 组装之后的最终columns */
+
+  var resultColumns = (0, _react.useMemo)(function () {
+    var rColumns = hasDisableOptions ? DisableOptions : columns;
+    var localColumns = [sortOpen ? {
+      title: '排序',
+      dataIndex: 'sort',
+      width: 48,
+      maxWidth: 48,
+      className: 'drag-visible',
+      render: function render(_, record) {
+        return /*#__PURE__*/_react.default.createElement(_DragHandle.default, {
+          id: record[_rowKey] || record.id
+        });
+      }
+    } : null].concat((0, _toConsumableArray2.default)(rColumns), [useQuickOpetate ? {
+      title: '操作',
+      dataIndex: 'lm_edit_opetate',
+      width: 68,
+      fixed: 'right',
+      editable: 'lm_edit_opetate',
+      className: 'lm_edit_opetate',
+      componentProps: {
+        options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
+      }
+    } : null]).filter(function (item) {
+      return item;
+    });
+    localColumns = localColumns.map(function (item, index) {
+      return Object.assign(Object.assign({}, item), {
+        order: [null, undefined].includes(item.order) ? index : item.order
+      });
+    }).sort(function (a, b) {
+      return a.order - b.order;
+    });
+    var leftColumns = [];
+    var mainColumns = [];
+    var rightColumns = [];
+    localColumns === null || localColumns === void 0 ? void 0 : localColumns.forEach(function (item) {
+      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
+        leftColumns.push(item);
+      } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
+        rightColumns.push(item);
+      } else {
+        mainColumns.push(item);
+      }
+    });
+    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)) {
+        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,
+            rowKey: _rowKey,
+            record: record,
+            col: col,
+            rowIndex: rowIndex,
+            colIndex: index,
+            quickOpetateClearAll: quickOpetateClearAll,
+            handleTableRowDelete: handleTableRowDelete,
+            handleTableRowAdd: handleTableRowAdd,
+            editable: col.editable,
+            dataIndex: col.dataIndex,
+            itemProps: col.itemProps,
+            setValid: setValid,
+            isEdit: isEdit,
+            isHoverEdit: isHoverEdit,
+            handleAdd: handleAdd,
+            handleDelete: handleDelete,
+            handleCopy: handleCopy,
+            editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
+            valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
+            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.map(function (col, index) {
+      return mapColumns(col, index);
+    });
+    return res;
+  }, [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,
+      valid: function valid() {
+        return _valid;
+      }
+    };
+  });
+  var isShowAddAction = (0, _react.useMemo)(function () {
+    return isEdit && isAdd || isHoverEdit && isAdd;
+  }, [isEdit, isAdd, isHoverEdit]);
+
+  if (colSortOpen) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "lm_editTable_warpper"
+    }, /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+      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, {
+      size: size || 'small',
+      columns: resultColumns,
+      rowClassName: "editable-row",
+      bordered: true,
+      pagination: false,
+      // components={tableComponents}
+      rowSelection: !rowSelection ? undefined : {
+        fixed: true,
+        type: 'checkbox',
+        columnWidth: 36,
+        selectedRowKeys: localRowSelectList.map(function (v) {
+          return v[_rowKey];
+        }),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
+          editTableRowChange(selectedRows);
+        }
+      },
+      dataSource: dataSource
+    })))), 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"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Table, Object.assign({}, config, {
+    size: size || 'small',
+    columns: resultColumns,
+    rowClassName: "editable-row",
+    bordered: true,
+    pagination: false,
+    // components={tableComponents}
+    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
+      expandedRowKeys: expandedRowKeys,
+      fixed: true,
+      onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
+        return setExpandedRowKeys(expandedRows);
+      }
+    },
+    rowSelection: !rowSelection ? undefined : {
+      fixed: true,
+      type: 'checkbox',
+      columnWidth: 36,
+      selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
+        return v[_rowKey];
+      }),
+      onChange: function onChange(selectedRowKeys, selectedRows) {
+        editTableRowChange(selectedRows);
+      }
+    },
+    dataSource: dataSource
+  })), 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;