linkmore-design 1.1.22-beta.2 → 1.1.23

package/es/LmEditTable/EditTable.js

@@ -2,12 +2,14 @@ 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 {
@@ -16,6 +18,7 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
+
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -23,23 +26,30 @@ 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';
@@ -58,14 +68,16 @@ 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
@@ -73,12 +85,15 @@ 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
@@ -86,13 +101,16 @@ 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, {
@@ -117,36 +135,43 @@ 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') {
@@ -154,10 +179,13 @@ 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 = [];
@@ -165,8 +193,10 @@ var InputRange = function InputRange(_a) {
         traverse(arr);
       }
     };
+
     traverse(history.current);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_editTable_wrapperRange"
   }, /*#__PURE__*/React.createElement("div", {
@@ -196,23 +226,27 @@ 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',
@@ -236,7 +270,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
@@ -266,75 +300,84 @@ 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;
@@ -343,22 +386,29 @@ 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: {
@@ -368,25 +418,30 @@ 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();
@@ -394,20 +449,25 @@ 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({
@@ -435,6 +495,7 @@ var EditableCell = function EditableCell(props) {
             type: 'lmweb-icon_m_brush'
           })) : null
         }));
+
       case 'inputRange':
         return /*#__PURE__*/React.createElement(InputRange, Object.assign({
           onChange: handleFormItemChange,
@@ -444,6 +505,7 @@ var EditableCell = function EditableCell(props) {
           rowIndex: rowIndex,
           colIndex: colIndex
         }));
+
       case 'number':
         return /*#__PURE__*/React.createElement(InputNumber, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -454,11 +516,13 @@ 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,
@@ -467,12 +531,14 @@ 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",
@@ -482,38 +548,45 @@ 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({
@@ -525,6 +598,7 @@ var EditableCell = function EditableCell(props) {
           getLength: getLength,
           quickOpetateClearAll: quickOpetateClearAll
         }, resultComponentProps));
+
       case 'render':
         {
           var render = resultComponentProps.render;
@@ -533,6 +607,7 @@ var EditableCell = function EditableCell(props) {
             onChange: save
           }));
         }
+
       default:
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -541,15 +616,18 @@ 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",
@@ -568,6 +646,7 @@ 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",
@@ -583,17 +662,18 @@ 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])
     // ) {
@@ -601,80 +681,94 @@ 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 _a, _b;
+
   var defaultData = props.value,
-    columns = props.columns,
-    isEdit = props.isEdit,
-    _props$isAdd = props.isAdd,
-    isAdd = _props$isAdd === void 0 ? false : _props$isAdd,
-    onChange = props.onChange,
-    _props$rowKey = props.rowKey,
-    _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
-    rowHoverEdit = props.rowHoverEdit,
-    _props$isUseForm = props.isUseForm,
-    isUseForm = _props$isUseForm === void 0 ? true : _props$isUseForm,
-    isHoverEdit = props.isHoverEdit,
-    useQuickOpetate = props.useQuickOpetate,
-    _props$quickOpetateCl = props.quickOpetateClearAll,
-    quickOpetateClearAll = _props$quickOpetateCl === void 0 ? true : _props$quickOpetateCl,
-    rowSelection = props.rowSelection,
-    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];
-  // const [localRowSelectList, setLocalRowSelectList] = useState([])
+      _useState6 = _slicedToArray(_useState5, 2),
+      _valid = _useState6[0],
+      setValid = _useState6[1]; // const [localRowSelectList, setLocalRowSelectList] = useState([])
+
+
   var transformRowSelect = function transformRowSelect(selectedRowKeys, selectedRows, info) {
     var _a;
+
     return (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectedRowKeys, selectedRows, info);
   };
+
   var _useControllableValue3 = useControllableValue({
-      value: {
-        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
-      },
-      onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
-    }),
-    _useControllableValue4 = _slicedToArray(_useControllableValue3, 2),
-    localRowSelectList = _useControllableValue4[0],
-    setLocalRowSelectList = _useControllableValue4[1];
+    value: {
+      selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+    },
+    onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
+  }),
+      _useControllableValue4 = _slicedToArray(_useControllableValue3, 2),
+      localRowSelectList = _useControllableValue4[0],
+      setLocalRowSelectList = _useControllableValue4[1];
+
   var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    sortEditTable = _useState8[0],
-    setCallBackFalg = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      sortEditTable = _useState8[0],
+      setCallBackFalg = _useState8[1];
   /** 当前展开的列 */
+
+
   var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    expandedRowKeys = _useState10[0],
-    setExpandedRowKeys = _useState10[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      expandedRowKeys = _useState10[0],
+      setExpandedRowKeys = _useState10[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;
     });
@@ -683,8 +777,10 @@ 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;
     });
@@ -696,30 +792,35 @@ 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];
@@ -727,13 +828,13 @@ 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;
       }
     }
-  }, [dataSource]);
-  // /** 本地缓存一个选择数据 */
+  }, [dataSource]); // /** 本地缓存一个选择数据 */
   // useEffect(() => {
   //   if (rowSelection) {
   //     const { selectedRowKeys } = rowSelection
@@ -746,18 +847,22 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   //   setLocalRowSelectList(selectRows);
   //   // (rowSelection?.onChange as any)?.(selectRows)
   // }
+
   var handleSave = function handleSave(row, options) {
     var _a, _b;
+
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[row[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = 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) {
@@ -772,6 +877,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
               }
             });
           };
+
           deeps(draft);
         } else {
           draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
@@ -787,6 +893,7 @@ 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) {
@@ -798,11 +905,13 @@ 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;
           }
@@ -811,22 +920,28 @@ 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;
         });
@@ -834,6 +949,7 @@ 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;
             }
@@ -841,33 +957,42 @@ 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) {
@@ -876,6 +1001,7 @@ 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())));
@@ -886,11 +1012,13 @@ 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) {
@@ -898,6 +1026,7 @@ 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())));
@@ -907,6 +1036,7 @@ 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) {
@@ -916,24 +1046,31 @@ 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) {
@@ -959,6 +1096,7 @@ 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 ? {
@@ -1006,24 +1144,31 @@ 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) {
@@ -1053,11 +1198,14 @@ 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);
     });
@@ -1065,7 +1213,9 @@ 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, {
@@ -1076,12 +1226,16 @@ 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);
@@ -1096,11 +1250,13 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         wrapper: DraggableContainer
       } : {})
     };
+
     if (colSortOpen) {
       component['header'] = {
         row: colDraggableContainer
       };
     }
+
     return Object.assign({
       pagination: false,
       tableLayout: 'fixed',
@@ -1137,6 +1293,7 @@ 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"
@@ -1177,8 +1334,9 @@ 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, {