linkmore-design 1.1.18 → 1.1.19-beta

package/es/LmEditTable/EditTable.js

@@ -2,14 +2,12 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var __awaiter = this && this.__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 {
@@ -18,7 +16,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -26,30 +23,23 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         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 = this && this.__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 */
-
-
 import { PlusCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { arrayMove } from '@dnd-kit/sortable';
@@ -68,16 +58,14 @@ import UploadOss from '../UploadOss';
 import { isObjEmpty, deepDataSourcePreKeys, isExpandRow, checkRowKeyByDataSource } from './util';
 import cls from "classnames";
 var UploadBtn = UploadOss.UploadBtn;
-var EditableContext = /*#__PURE__*/React.createContext(null); // 表格行
-
+var EditableContext = /*#__PURE__*/React.createContext(null);
+// 表格行
 var EditableRow = function EditableRow(_a) {
   var index = _a.index,
-      props = __rest(_a, ["index"]);
-
+    props = __rest(_a, ["index"]);
   var _Form$useForm = Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
     component: false
@@ -85,15 +73,12 @@ var EditableRow = function EditableRow(_a) {
     value: form
   }, /*#__PURE__*/React.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 = Form.useForm(),
-      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
-      form = _Form$useForm4[0];
-
+    _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
+    form = _Form$useForm4[0];
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
     component: false
@@ -101,16 +86,13 @@ var EditableSortRow = function EditableSortRow(_a) {
     value: form
   }, /*#__PURE__*/React.createElement(SortableItem, 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.createElement("div", {
     className: "upload_single"
   }, value ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
@@ -135,43 +117,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 = useRef([]);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      nValue = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    nValue = _useState2[0],
+    setValue = _useState2[1];
   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 = isFunction(validator); // 验证历史记录
-
+    var isFun = isFunction(validator);
+    // 验证历史记录
     var traverse = function traverse(arr) {
       if (!arr || !arr.length) {
         if (type === 'prev') {
@@ -179,13 +154,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 = [];
@@ -193,10 +165,8 @@ var InputRange = function InputRange(_a) {
         traverse(arr);
       }
     };
-
     traverse(history.current);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_editTable_wrapperRange"
   }, /*#__PURE__*/React.createElement("div", {
@@ -226,27 +196,23 @@ var InputRange = function InputRange(_a) {
       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;
-
+    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.createElement("div", {
     style: {
       display: 'flex',
@@ -270,7 +236,7 @@ var Opetate = function Opetate(_ref) {
   }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
     placement: "bottom",
     overlayClassName: 'lm_table_append_add_popover',
-    open: open,
+    // open={open}
     title: null,
     content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
       onClick: appendAdd
@@ -300,84 +266,75 @@ var Opetate = function Opetate(_ref) {
       return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
     }
   }) : null);
-}; // const isValidValue = (verifyValue) => {
+};
+// 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"]);
+    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 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editing = _useState4[0],
-      setEditing = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    editing = _useState4[0],
+    setEditing = _useState4[1];
   var inputRef = useRef(null);
   var form = useContext(EditableContext);
   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)
+    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__*/_regeneratorRuntime().mark(function _callee() {
       var values, resultComponentProps;
@@ -386,29 +343,22 @@ var EditableCell = function EditableCell(props) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-
               if (!row) {
                 _context.next = 5;
                 break;
               }
-
               _context.t0 = 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 = 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), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), {
                   only: {
@@ -418,30 +368,25 @@ var EditableCell = function EditableCell(props) {
                 });
               } else {
                 handleSave(Object.assign(Object.assign(Object.assign({}, record), values), _defineProperty({}, 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();
@@ -449,25 +394,20 @@ 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) {
     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 = isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
     var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue']);
-
     switch (con) {
       case 'input':
         return /*#__PURE__*/React.createElement(Input, Object.assign({
@@ -495,7 +435,6 @@ var EditableCell = function EditableCell(props) {
             type: 'lmweb-icon_m_brush'
           })) : null
         }));
-
       case 'inputRange':
         return /*#__PURE__*/React.createElement(InputRange, Object.assign({
           onChange: handleFormItemChange,
@@ -505,7 +444,6 @@ var EditableCell = function EditableCell(props) {
           rowIndex: rowIndex,
           colIndex: colIndex
         }));
-
       case 'number':
         return /*#__PURE__*/React.createElement(InputNumber, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -516,13 +454,11 @@ var EditableCell = function EditableCell(props) {
           placeholder: "\u8BF7\u8F93\u5165",
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'date':
         // @ts-ignore
         return /*#__PURE__*/React.createElement(DatePicker, Object.assign({
           onChange: handleFormItemChange
         }, clearAttrComponentProps));
-
       case 'select':
         return /*#__PURE__*/React.createElement(Select, Object.assign({
           showSearch: true,
@@ -531,14 +467,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.createElement(Select, Object.assign({
           mode: "multiple",
@@ -548,45 +482,38 @@ 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.createElement(Checkbox.Group, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'radio':
         return /*#__PURE__*/React.createElement(Radio, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'radioGroup':
         return /*#__PURE__*/React.createElement(Radio.Group, Object.assign({
           onChange: handleFormItemChange,
           ref: inputRef
         }, clearAttrComponentProps));
-
       case 'switch':
         return /*#__PURE__*/React.createElement(Switch, Object.assign({
           size: 'small'
         }, clearAttrComponentProps, {
           onChange: handleFormItemChange
         }));
-
       case 'upload':
         return /*#__PURE__*/React.createElement(UploadSingle, {
           editEnum: resultComponentProps,
           ref: inputRef,
           onChange: handleFormItemChange
         });
-
       case 'operate':
       case 'lm_edit_opetate':
         return /*#__PURE__*/React.createElement(Opetate, Object.assign({
@@ -598,7 +525,6 @@ var EditableCell = function EditableCell(props) {
           getLength: getLength,
           quickOpetateClearAll: quickOpetateClearAll
         }, resultComponentProps));
-
       case 'render':
         {
           var render = resultComponentProps.render;
@@ -607,7 +533,6 @@ var EditableCell = function EditableCell(props) {
             onChange: save
           }));
         }
-
       default:
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -616,18 +541,15 @@ var EditableCell = function EditableCell(props) {
         }, resultComponentProps));
     }
   };
-
   var getMemoChildNode = 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 = isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
     var childNode = children;
-
     if (hoverEdit && !editing) {
       childNode = /*#__PURE__*/React.createElement("div", {
         className: "editable-cell-value-wrap",
@@ -646,7 +568,6 @@ var EditableCell = function EditableCell(props) {
       }, 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.createElement(React.Fragment, null, isExpandRow(childNode) && childNode[0], /*#__PURE__*/React.createElement(Form.Item, Object.assign({
           errorPlacement: "right",
@@ -662,18 +583,17 @@ 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]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+  }, [col, isEdit, editing, getLength]);
+  // const [childNode, setChildNode] = useState(getMemoChildNode);
   // 出现死循环找我
-
   useEffect(function () {
     var editable = col.editable,
-        dataIndex = col.dataIndex;
-
+      dataIndex = col.dataIndex;
     if (isEdit && editable) {
       form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' ? moment(record[dataIndex]) : record[dataIndex]));
-    } // if (
+    }
+    // if (
     //   (isEdit && editable && record[dataIndex]) ||
     //   (isHoverEdit && editable && record[dataIndex])
     // ) {
@@ -681,80 +601,69 @@ var EditableCell = function EditableCell(props) {
     //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
     //   })
     // }
-
   }, [record]);
   return /*#__PURE__*/React.createElement("td", Object.assign({}, omit(clearProps, ['dataIndex']), {
     className: cls(clearProps === null || clearProps === void 0 ? void 0 : clearProps.className, 'lm_custom_cell_td'),
     key: "r".concat(rowIndex, "_c").concat(colIndex)
   }), getMemoChildNode);
 };
-
 var EditTable = /*#__PURE__*/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([]);
-
-
+    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 = useControllableValue({
-    value: checkRowKeyByDataSource(props.value, _rowKey),
-    onChange: props.onChange
-  }),
-      _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
-      dataSource = _useControllableValue2[0],
-      setDataSource = _useControllableValue2[1]; // const [count, setCount] = useState(0);
-
-
+      value: checkRowKeyByDataSource(props.value, _rowKey),
+      onChange: props.onChange
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    dataSource = _useControllableValue2[0],
+    setDataSource = _useControllableValue2[1];
+  // const [count, setCount] = useState(0);
   var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      _valid = _useState6[0],
-      setValid = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    _valid = _useState6[0],
+    setValid = _useState6[1];
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      localRowSelectList = _useState8[0],
-      setLocalRowSelectList = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    localRowSelectList = _useState8[0],
+    setLocalRowSelectList = _useState8[1];
   var _useState9 = useState([]),
-      _useState10 = _slicedToArray(_useState9, 2),
-      sortEditTable = _useState10[0],
-      setCallBackFalg = _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    sortEditTable = _useState10[0],
+    setCallBackFalg = _useState10[1];
   /** 当前展开的列 */
-
-
   var _useState11 = useState([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      expandedRowKeys = _useState12[0],
-      setExpandedRowKeys = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    expandedRowKeys = _useState12[0],
+    setExpandedRowKeys = _useState12[1];
   var dataSourceRef = useRef([]);
   var sortDataSorceRef = useRef([]);
   var deepDataSourceRef = useRef([]);
-
   var onSortEnd = function onSortEnd(active, over) {
     var cloneArr = _toConsumableArray(dataSourceRef.current);
-
     var oldIndex = cloneArr.findIndex(function (v) {
       return v[_rowKey] === active;
     });
@@ -763,10 +672,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
   };
-
   var onColSortEnd = function onColSortEnd(active, over) {
     var _a;
-
     var oldIndex = columns.findIndex(function (item) {
       return item.dataIndex === active;
     });
@@ -778,35 +685,30 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         order: index
       });
     }));
-  }; // 删除
-
-
+  };
+  // 删除
   var handleDelete = function handleDelete(key) {
     var nValue = dataSource.filter(function (item) {
       return item[_rowKey] !== key;
-    }); // onChange?.(nValue)
-
+    });
+    // onChange?.(nValue)
     setDataSource(nValue);
   };
   /** 点击添加按钮添加 */
-
-
   var handleAdd = function handleAdd(row) {
     var _a;
-
     var addDataInfo = 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 = produce(dataSourceRef.current, function (draft) {
       draft.push(Object.assign(_defineProperty({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
     });
-    setDataSource(res); // onChange?.(res)
+    setDataSource(res);
+    // onChange?.(res)
   };
 
   useEffect(function () {
     var _a;
-
     dataSourceRef.current = dataSource;
     deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
-
     if (sortOpen) {
       var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
         return item[_rowKey];
@@ -814,7 +716,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       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;
@@ -822,39 +723,31 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [dataSource]);
   /** 本地缓存一个选择数据 */
-
   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 = 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;
-
+          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) {
@@ -869,7 +762,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
               }
             });
           };
-
           deeps(draft);
         } else {
           draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
@@ -885,7 +777,6 @@ var EditTable = /*#__PURE__*/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) {
@@ -897,13 +788,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
               }
             });
           };
-
           _deeps(draft);
         } else {
           var index = draft.findIndex(function (item) {
             return row[_rowKey] === item[_rowKey];
           });
-
           if (index !== -1) {
             draft[index] = row;
           }
@@ -912,28 +801,22 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     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 (get(item, rowKey) === rowValue) {
           set(item, dataIndex, nextValue);
         }
-
         return item;
       });
     });
-  }; // @ts-ignore
-
-
+  };
+  // @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) {
+      /** 说明删除的是children中的数据 */var filter = function filter(data, key) {
         var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
           return x[_rowKey] !== key;
         });
@@ -941,7 +824,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
           if (x.children) {
             var c = filter(x.children, key);
             x.children = c;
-
             if (!c.length) {
               delete x.children;
             }
@@ -949,42 +831,33 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         });
         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 = 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 = 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) {
@@ -993,7 +866,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
                   } else {
                     item.children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
                   }
-
                   !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray(expandedRowKeys), [item[_rowKey]]));
                 } else {
                   children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
@@ -1004,13 +876,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             }
           });
         };
-
         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) {
@@ -1018,7 +888,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             } else {
               draft[index].children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
             }
-
             !expandedRowKeys.includes((_c = draft[index]) === null || _c === void 0 ? void 0 : _c[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray(expandedRowKeys), [(_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]]));
           } else {
             draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
@@ -1028,7 +897,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     setDataSource(res);
   };
-
   var handleCopy = function handleCopy(key, value) {
     var res = produce(dataSourceRef.current, function (draft) {
       draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
@@ -1038,31 +906,24 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     setDataSource(res);
   };
   /** 判断columne中有没有带optionOnly参数  */
-
-
   var hasDisableOptions = 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 = 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;
-
+        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) {
@@ -1088,7 +949,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     return hasDisableOptions ? [DisableOptions] : [];
   }, [hasDisableOptions, DisableOptions]);
   /** 组装之后的最终columns */
-
   var resultColumns = useMemo(function () {
     var rColumns = hasDisableOptions ? DisableOptions : columns;
     var localColumns = [sortOpen ? {
@@ -1136,31 +996,24 @@ var EditTable = /*#__PURE__*/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)) {
         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;
-
+            editable = col.editable,
+            relevanceCols = col.relevanceCols,
+            componentProps = col.componentProps;
           if (componentProps && 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) {
@@ -1190,14 +1043,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
           };
         }
       });
-
       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);
     });
@@ -1205,9 +1055,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, dataSource, _toConsumableArray(memoOptions)]);
   var DraggableContainer = useCallback(function (_a) {
     var _b;
-
     var props = __rest(_a, []);
-
     return /*#__PURE__*/React.createElement(DndContainer, {
       move: onSortEnd
     }, /*#__PURE__*/React.createElement(SortableBox, {
@@ -1218,16 +1066,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [sortEditTable]);
   var colDraggableContainer = useCallback(function (_a) {
     var _b;
-
     var props = __rest(_a, []);
-
     return /*#__PURE__*/React.createElement("tr", null, (_b = React.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.createElement(ColSortableItem, {
         id: child.key
       }, child);
@@ -1242,13 +1086,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         wrapper: DraggableContainer
       } : {})
     };
-
     if (colSortOpen) {
       component['header'] = {
         row: colDraggableContainer
       };
     }
-
     return Object.assign({
       pagination: false,
       tableLayout: 'fixed',
@@ -1272,7 +1114,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var isShowAddAction = useMemo(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
   }, [isEdit, isAdd, isHoverEdit]);
-
   if (colSortOpen) {
     return /*#__PURE__*/React.createElement("div", {
       className: "lm_editTable_warpper"
@@ -1311,9 +1152,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
       className: "lmweb-plus"
     }), "\u65B0\u589E"));
-  } // @ts-ignore
-
-
+  }
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_editTable_warpper"
   }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {