linkmore-design 1.1.28 → 1.1.29

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,91 +23,85 @@ 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';
-import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form, Popover } from 'linkmore-design';
-import { get, set, isFunction, omit, isObject } from 'lodash';
+import { Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form } from 'linkmore-design';
+import { isFunction, omit, isEqual, pick, isBoolean, isObject, debounce } from 'lodash';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, memo, useCallback } from 'react';
 import { useControllableValue } from 'ahooks';
 import { produce } from 'immer';
 import DndContainer from './DndContainer';
-import SortableBox from './sortableBox';
 import SortableBoxCol from './sortableBoxCol';
 import SortableItem from './sortableItem';
 import ColSortableItem from './sortableItemCol';
 import DragHandle from './DragHandle';
 import UploadOss from '../UploadOss';
-import { isObjEmpty, deepDataSourcePreKeys, isExpandRow, checkRowKeyByDataSource } from './util';
-import cls from "classnames";
+import { isObjEmpty, deepDataSourcePreKeys, isExpandRow, checkRowKeyByDataSource, checkMemoShouldUploadSpecialFun, checkExpandIconColumnIndex, checkDataSourceIsEmpty, checkTableRowIsDisable } from './util';
+import { DraggableContainer, BottomOpetateComponent, QuickOpetate, CustomizeRenderEmpty } from './components';
+import cls from 'classnames';
+import ConfigProvider from '../ConfigProvider';
+import { VirtualTable, VirtualWrapper, VirtualRow } from './virtual';
 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"]);
-
+    virtual = _a.virtual,
+    props = __rest(_a, ["index", "virtual"]);
   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];
+  var dataKey = props.dataKey,
+    pushAllForm = props.pushAllForm;
+  pushAllForm === null || pushAllForm === void 0 ? void 0 : pushAllForm(form, dataKey, index);
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
+    disabled: props.disabled || false,
     component: false
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
     value: form
-  }, /*#__PURE__*/React.createElement("tr", Object.assign({}, props))));
+  }, virtual ? /*#__PURE__*/React.createElement(VirtualRow, Object.assign({}, props)) : /*#__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];
+  var dataKey = props.dataKey,
+    pushAllForm = props.pushAllForm;
+  pushAllForm === null || pushAllForm === void 0 ? void 0 : pushAllForm(form, dataKey, index);
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
+    disabled: props.disabled || false,
     component: false
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
     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 +126,36 @@ var UploadSingle = function UploadSingle(props) {
     onChange: onChange
   })));
 };
-
 var InputRange = function InputRange(_a) {
   var _a$value = _a.value,
-      value = _a$value === void 0 ? ['', ''] : _a$value,
-      onChange = _a.onChange,
-      record = _a.record,
-      rowIndex = _a.rowIndex,
-      colIndex = _a.colIndex,
-      validator = _a.validator,
-      editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex", "validator"]); // 输入值改变
-
-
+    value = _a$value === void 0 ? ['', ''] : _a$value,
+    onChange = _a.onChange,
+    record = _a.record,
+    rowIndex = _a.rowIndex,
+    colIndex = _a.colIndex,
+    validator = _a.validator,
+    editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex", "validator"]);
+  // 输入值改变
   var history = 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 +163,10 @@ var InputRange = function InputRange(_a) {
         } else if (type === 'next') {
           setValue([nValue[0], '']);
         }
-
         history.current = [];
         return;
       }
-
       var value = arr.pop();
-
       if (isFun && validator(record, value, rowIndex, colIndex)) {
         setValue(value);
         history.current = [];
@@ -193,10 +174,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,158 +205,64 @@ 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;
-
-  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',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
-      marginLeft: '-4px'
-    }
-  }, options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: "small",
-    disabled: !quickOpetateClearAll && getLength < 2,
-    icon: /*#__PURE__*/React.createElement(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.createElement(Popover, {
-    placement: "bottom",
-    overlayClassName: 'lm_table_append_add_popover',
-    open: open,
-    title: null,
-    content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
-      onClick: appendAdd
-    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React.createElement("li", {
-      onClick: appendChildren
-    }, "\u6DFB\u52A0\u5B50\u7EA7")),
-    trigger: "hover"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: "small",
-    icon: /*#__PURE__*/React.createElement(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.createElement(Button, {
-    type: "link",
-    size: "small",
-    icon: /*#__PURE__*/React.createElement(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"]);
+    record = _props$record === void 0 ? {} : _props$record,
+    rowKey = props.rowKey,
+    isEdit = props.isEdit,
+    _props$col = props.col,
+    col = _props$col === void 0 ? {} : _props$col,
+    rowIndex = props.rowIndex,
+    colIndex = props.colIndex,
+    handleTableRowDelete = props.handleTableRowDelete,
+    handleTableRowAdd = props.handleTableRowAdd,
+    quickOpetateClearAll = props.quickOpetateClearAll,
+    getLength = props.getLength,
+    isHoverEdit = props.isHoverEdit,
+    editEnum = props.editEnum,
+    valueType = props.valueType,
+    children = props.children,
+    handleSave = props.handleSave,
+    handleAdd = props.handleAdd,
+    handleDelete = props.handleDelete,
+    handleCopy = props.handleCopy,
+    itemProps = props.itemProps,
+    restProps = __rest(props, ["record", "rowKey", "isEdit", "col", "rowIndex", "colIndex", "handleTableRowDelete", "handleTableRowAdd", "quickOpetateClearAll", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps"]);
   /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
-
-
   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);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoverStatus = _useState6[0],
+    setHoverStatus = _useState6[1];
   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);
+    setEditing(!editing);
+    // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+  };
   // 校验保存
-
-
   var save = function save(row) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var values, resultComponentProps;
@@ -386,29 +271,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 +296,19 @@ 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,35 +316,26 @@ 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) {
+  var copyKey = function copyKey(e, type) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     var dataIndex = col.dataIndex;
-    handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
+    handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex], type, props.rowIndex);
   };
-
   var Control = function Control(con) {
-    var _a; // const resultComponentProps = isFunction(componentProps) ? componentProps?.(record, col) : componentProps
-
-
+    var _a;
     var resultComponentProps = isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
-
     if (isFunction(componentProps) && ((_a = col === null || col === void 0 ? void 0 : col.newOptions) === null || _a === void 0 ? void 0 : _a.length)) {
       resultComponentProps = Object.assign(Object.assign({}, resultComponentProps), {
         options: col === null || col === void 0 ? void 0 : col.newOptions
       });
     }
-
-    var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue']);
-
+    var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue', 'quickcopy']);
     switch (con) {
       case 'input':
         return /*#__PURE__*/React.createElement(Input, Object.assign({
@@ -497,25 +355,16 @@ var EditableCell = function EditableCell(props) {
             noStyle: true
           }, /*#__PURE__*/React.cloneElement(resultComponentProps.addonAfter, {
             onChange: handleFormItemChange
-          })) : null,
-          suffix: resultComponentProps.quickcopy ? /*#__PURE__*/React.createElement("span", {
-            className: 'lm_table_quickcopy'
-          }, /*#__PURE__*/React.createElement(IconFont, {
-            onClick: copyKey,
-            type: 'lmweb-icon_m_brush'
           })) : null
         }));
-
       case 'inputRange':
         return /*#__PURE__*/React.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange,
-          ref: inputRef
+          onChange: handleFormItemChange
         }, resultComponentProps, {
           record: record,
           rowIndex: rowIndex,
           colIndex: colIndex
         }));
-
       case 'number':
         return /*#__PURE__*/React.createElement(InputNumber, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -526,13 +375,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,
@@ -541,14 +388,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",
@@ -558,67 +403,56 @@ 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
+          onChange: handleFormItemChange
         }, 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'
+          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({
+        return /*#__PURE__*/React.createElement(QuickOpetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength,
           quickOpetateClearAll: quickOpetateClearAll
         }, resultComponentProps));
-
       case 'render':
         {
           var _resultComponentProps = resultComponentProps,
-              render = _resultComponentProps.render;
+            render = _resultComponentProps.render;
           var fromData = form.getFieldsValue();
           return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), _defineProperty({}, dataIndex, fromData[dataIndex])) : record), {
             onChange: save
-          }));
+          }), rowIndex);
         }
-
       default:
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           onPressEnter: handleFormItemChange,
@@ -627,18 +461,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",
@@ -648,311 +479,243 @@ var EditableCell = function EditableCell(props) {
         onClick: toggleEdit
       }, childNode);
     } else if (isEdit && editable) {
-      childNode = /*#__PURE__*/React.createElement(React.Fragment, null, isExpandRow(childNode) && childNode[0], /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+      childNode = isExpandRow(childNode) ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          flexWrap: 'nowrap'
+        }
+      }, isExpandRow(childNode) && childNode[0], /*#__PURE__*/React.createElement(Form.Item, Object.assign({
         errorPlacement: "right",
         valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
           margin: 0
-        }
+        },
+        noStyle: formProps ? false : true
       }, formProps, {
         name: dataIndex
-      }), Control(editable)));
-
+      }), Control(editable))) : /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+        errorPlacement: "right",
+        valuePropName: editable === 'switch' ? 'checked' : 'value',
+        style: {
+          margin: 0
+        },
+        noStyle: formProps ? false : true
+      }, formProps, {
+        name: dataIndex
+      }), Control(editable));
       if (editable === 'input' && ((resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonBefore) || (resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonAfter))) {
-        childNode = /*#__PURE__*/React.createElement(React.Fragment, null, isExpandRow(childNode) && childNode[0], /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+        childNode = isExpandRow(childNode) ? /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: 'flex',
+            flexDirection: 'row',
+            flexWrap: 'nowrap'
+          }
+        }, isExpandRow(childNode) && childNode[0], /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+          errorPlacement: "right",
+          style: {
+            margin: 0
+          }
+        }, formProps, {
+          noStyle: formProps ? false : true,
+          name: [dataIndex, 'value']
+        }), Control(editable))) : /*#__PURE__*/React.createElement(Form.Item, Object.assign({
           errorPlacement: "right",
           style: {
             margin: 0
           }
         }, formProps, {
+          noStyle: formProps ? false : true,
           name: [dataIndex, 'value']
-        }), Control(editable)));
+        }), 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);
+  }, [col, isEdit, editing, getLength, record]);
   // 出现死循环找我
-
   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 (
-    //   (isEdit && editable && record[dataIndex]) ||
-    //   (isHoverEdit && editable && record[dataIndex])
-    // ) {
-    //   form.setFieldsValue({
-    //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
-    //   })
-    // }
-
+      form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' && record[dataIndex] ? moment(record[dataIndex]) : record[dataIndex]));
+    }
   }, [record]);
+  var handleTdHover = function handleTdHover() {
+    setHoverStatus(true);
+  };
+  var handleTdMouseOut = function handleTdMouseOut() {
+    setHoverStatus(false);
+  };
   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'),
+    onMouseEnter: componentProps.quickcopy ? handleTdHover : undefined,
+    onMouseLeave: componentProps.quickcopy ? handleTdMouseOut : undefined,
     key: "r".concat(rowIndex, "_c").concat(colIndex)
-  }), getMemoChildNode);
+  }), hoverStatus && props.rowIndex > 0 && /*#__PURE__*/React.createElement("span", {
+    className: 'quick_copy_warp quick_copy_up',
+    onClick: function onClick(e) {
+      return copyKey(e, 'up');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'lmweb-icon_up'
+  })), getMemoChildNode, hoverStatus && props.rowIndex < props.getLength - 1 && /*#__PURE__*/React.createElement("span", {
+    className: 'quick_copy_warp quick_copy_down',
+    onClick: function onClick(e) {
+      return copyKey(e, 'down');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'lmweb-icon_down'
+  })));
 };
-
+/** true 不刷新， false 刷新 */
+var MemoEditableCell = /*#__PURE__*/memo(EditableCell, function (prev, next) {
+  var pickProps = ['record', 'colIndex'];
+  var p = pick(prev, pickProps);
+  var n = pick(next, pickProps);
+  if (next === null || next === void 0 ? void 0 : next.shouldUpdate) {
+    return false;
+  }
+  // console.log(!checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n), '22', prev.record, next.record)
+  // console.log('333', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
+  /** TODO: 在record中带有children，子列表数据修改之后，会导致父级的record对比不一样 */
+  if (!checkMemoShouldUploadSpecialFun(prev, next)) {
+    return false;
+  }
+  return isEqual(p, n);
+});
 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,
+    rowDisabled = props.rowDisabled,
+    virtual = props.virtual,
+    sortOpen = props.sortOpen,
+    disabled = props.disabled,
+    colSortOpen = props.colSortOpen,
+    _props$indexCol = props.indexCol,
+    indexCol = _props$indexCol === void 0 ? false : _props$indexCol,
+    filterChange = props.filterChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    recordCreatorProps = props.recordCreatorProps,
+    _props$shouldUpdate = props.shouldUpdate,
+    shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$autoSizer = props.autoSizer,
+    autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer,
+    resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "rowDisabled", "virtual", "sortOpen", "disabled", "colSortOpen", "indexCol", "filterChange", "size", "recordCreatorProps", "shouldUpdate", "loading", "autoSizer"]);
   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);
-
-
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      _valid = _useState6[0],
-      setValid = _useState6[1]; // const [localRowSelectList, setLocalRowSelectList] = useState([])
-
-
+      value: checkRowKeyByDataSource(props.value, _rowKey),
+      onChange: props.onChange
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    dataSource = _useControllableValue2[0],
+    setDataSource = _useControllableValue2[1];
   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 _useControllableValue5 = useControllableValue({
+      value: {
+        disabledRows: (rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled.disabledRows) || []
+      }
+    }),
+    _useControllableValue6 = _slicedToArray(_useControllableValue5, 1),
+    localDisabledRows = _useControllableValue6[0];
+  /** TODO: 当前展开的列 */
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      sortEditTable = _useState8[0],
-      setCallBackFalg = _useState8[1];
-  /** 当前展开的列 */
-
-
-  var _useState9 = useState([]),
-      _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;
-    });
-    var newIndex = cloneArr.findIndex(function (v) {
-      return v[_rowKey] === over;
-    });
-    setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
-  };
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    expandedRowKeys = _useState8[0],
+    setExpandedRowKeys = _useState8[1];
+  var dataSourceRef = useRef(dataSource);
+  var deepDataSourceRef = useRef(deepDataSourcePreKeys(dataSource, _rowKey));
+  dataSourceRef.current = dataSource;
+  deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
+  var disabledDataSourceRowKeys = useRef(checkTableRowIsDisable(deepDataSourceRef.current, localDisabledRows.disabledRows, _rowKey));
+  disabledDataSourceRowKeys.current = checkTableRowIsDisable(deepDataSourceRef.current, localDisabledRows.disabledRows, _rowKey);
+  var tableWarpRef = useRef(null);
+  var autoSizerRef = useRef(null);
+  var allFormListRef = useRef({});
+  var scrollToIndexRef = useRef(null);
+  var _Form$useForm5 = Form.useForm(),
+    _Form$useForm6 = _slicedToArray(_Form$useForm5, 1),
+    checkForm = _Form$useForm6[0];
   var onColSortEnd = function onColSortEnd(active, over) {
     var _a;
-
     var oldIndex = columns.findIndex(function (item) {
-      return item['dataIndex'] === active;
+      return item.dataIndex === active;
     });
     var newIndex = columns.findIndex(function (item) {
-      return item['dataIndex'] === over;
+      return item.dataIndex === over;
     });
     filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = 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 handleAdd = debounce(function (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)
-  };
-
-  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];
-      }).join(',');
-      var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-        return item[_rowKey];
-      }).join(',')) || '';
-
-      if (dataSourceKeys !== setCallBackFalgKeys) {
-        setCallBackFalg(dataSource);
-        sortDataSorceRef.current = dataSource;
-      }
-    }
-  }, [dataSource]); // /** 本地缓存一个选择数据 */
-  // useEffect(() => {
-  //   if (rowSelection) {
-  //     const { selectedRowKeys } = rowSelection
-  //     if (selectedRowKeys) {
-  //       setLocalRowSelectList(localRowSelectList || [])
-  //     }
-  //   }
-  // }, [rowSelection])
-  // const editTableRowChange = (selectRows) => {
-  //   setLocalRowSelectList(selectRows);
-  //   // (rowSelection?.onChange as any)?.(selectRows)
-  // }
-
-  var handleSave = function handleSave(row, options) {
-    var _a, _b;
-
-    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[row[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
-    var res = 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 (get(item, rowKey) === rowValue) {
-          set(item, dataIndex, nextValue);
-        }
-
-        return item;
-      });
-    });
-  }; // @ts-ignore
-
-
-  var handleTableRowDelete = function handleTableRowDelete(key) {
+  }, 40);
+  // const reWriteOriginSource = (rowKey: string, rowValue, dataIndex: number, nextValue) => {
+  //   setDataSource((prevDataSource) => {
+  //     return prevDataSource?.map((item) => {
+  //       if (get(item, rowKey) === rowValue) {
+  //         set(item, dataIndex, nextValue)
+  //       }
+  //       return item
+  //     })
+  //   })
+  // }
+  // @ts-ignore
+  /** 删除当前行 */
+  var handleTableRowDelete = debounce(function (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;
-
+    var rkey = isObject(key) ? key[_rowKey] : key;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
     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;
         });
@@ -960,7 +723,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;
             }
@@ -968,54 +730,82 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         });
         return newData;
       };
-
-      var res = filter(dataSource, key);
+      var res = filter(dataSourceRef.current, 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);
     }
-  };
+    return null;
+  }, 40);
+  /** 替换当前行 */
+  var handleTableRowReplace = debounce(function (record, defaultRecord) {
+    var _a, _b;
+    var rkey = isObject(record) ? record[_rowKey] : record;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
+    // const res = cloneDeep(dataSourceRef.current)
+    var deep = function deep(children) {
+      return children.map(function (item) {
+        if (item[_rowKey] === rkey) {
+          return defaultRecord;
+        } else if (preKeys.includes(item[_rowKey]) && item.children) {
+          var child = deep(item.children);
+          return Object.assign(Object.assign({}, item), {
+            children: child
+          });
+        } else {
+          return item;
+        }
+      });
+    };
+    var res = deep(dataSourceRef.current);
+    setDataSource(res);
+  }, 20);
   /** 快捷添加 */
-
-
-  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
+  var handleTableRowAdd = debounce(function (record, isAppendInChindren, defaultRecord) {
     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 rkey = isObject(record) ? record[_rowKey] : record;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = produce(dataSourceRef.current, function (draft) {
-      var _a, _b, _c, _d;
-
-      if (preKeys.length > 1) {
+      var _a, _b, _c, _d, _e;
+      if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
         var deeps = function deeps(children) {
           children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
-            var _a;
-
+            var _a, _b;
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
-              if (item[_rowKey] === record[_rowKey]) {
+              if (item[_rowKey] === rkey) {
                 if (isAppendInChindren) {
                   if (item === null || item === void 0 ? void 0 : item.children) {
-                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push(_defineProperty({}, _rowKey, "".concat(Date.now())));
+                    if (Array.isArray(defaultRecord)) {
+                      var _a2;
+                      (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : (_a2 = _a).push.apply(_a2, _toConsumableArray(defaultRecord));
+                    } else {
+                      (_b = item === null || item === void 0 ? void 0 : item.children) === null || _b === void 0 ? void 0 : _b.push(defaultRecord || _defineProperty({}, _rowKey, "".concat(Date.now())));
+                    }
                   } else {
-                    item.children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
+                    if (Array.isArray(defaultRecord)) {
+                      item.children = _toConsumableArray(defaultRecord);
+                    } else {
+                      item.children = [defaultRecord || _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())));
+                  if (Array.isArray(defaultRecord)) {
+                    children.splice.apply(children, [index + 1, 0].concat(_toConsumableArray(defaultRecord)));
+                  } else {
+                    children.splice(index + 1, 0, defaultRecord || _defineProperty({}, _rowKey, "".concat(Date.now())));
+                  }
                 }
               } else if (item.children) {
                 deeps(item.children);
@@ -1023,72 +813,139 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             }
           });
         };
-
         deeps(draft);
       } else {
         var index = draft.findIndex(function (item) {
-          return record[_rowKey] === item[_rowKey];
+          return rkey === 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(_defineProperty({}, _rowKey, "".concat(Date.now())));
+              if (Array.isArray(defaultRecord)) {
+                var _b2;
+                (_b = draft[index].children) === null || _b === void 0 ? void 0 : (_b2 = _b).push.apply(_b2, _toConsumableArray(defaultRecord));
+              } else {
+                (_c = draft[index].children) === null || _c === void 0 ? void 0 : _c.push(defaultRecord || _defineProperty({}, _rowKey, "".concat(Date.now())));
+              }
             } else {
-              draft[index].children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
+              draft[index].children = Array.isArray(defaultRecord) ? _toConsumableArray(defaultRecord) : [defaultRecord || _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]]));
+            !expandedRowKeys.includes((_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray(expandedRowKeys), [(_e = draft[index]) === null || _e === void 0 ? void 0 : _e[_rowKey]]));
           } else {
-            draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+            if (Array.isArray(defaultRecord)) {
+              draft.splice.apply(draft, [index + 1, 0].concat(_toConsumableArray(defaultRecord)));
+            } else {
+              draft.splice(index + 1, 0, defaultRecord || _defineProperty({}, _rowKey, "".concat(Date.now())));
+            }
           }
         }
       }
     });
     setDataSource(res);
+  }, 50);
+  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;
+    if (options === null || options === void 0 ? void 0 : options.only) {
+      var res = produce(dataSourceRef.current, function (draft) {
+        if (options === null || options === void 0 ? void 0 : options.only) {
+          var _ref7 = options === null || options === void 0 ? void 0 : options.only,
+            key = _ref7.key,
+            value = _ref7.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);
+    } else {
+      handleTableRowReplace(row[_rowKey], row);
+    }
   };
-
-  var handleCopy = function handleCopy(key, value) {
+  /** 快捷刷子功能 */
+  var handleCopy = function handleCopy(key, value, type, rowIndex) {
     var res = produce(dataSourceRef.current, function (draft) {
-      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
-        return item[key] = value;
+      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
+        if (type === 'up' && index < rowIndex || type === 'down' && index > rowIndex) {
+          item[key] = value;
+        }
       });
     });
     setDataSource(res);
   };
   /** 判断columne中有没有带optionOnly参数  */
-
-
   var hasDisableOptions = useMemo(function () {
-    // const hasOnlyOptionsDatas = columns.filter(item => item?.['componentProps']?.optionOnly)
     var hasOnlyOptionsDatas = columns.filter(function (item) {
       var _a;
-
       var resultComponentProps = isFunction(item === null || item === void 0 ? void 0 : item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
       return resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.optionOnly;
     });
-
+    // const hasOnlyOptionsDatas = columns.filter((item) => item?.componentProps?.optionOnly)
     if (hasOnlyOptionsDatas.length) {
       return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
-        return item['dataIndex'];
+        return item.dataIndex;
       });
     }
-
     return false;
   }, [columns]);
   /** 动态获取disabled的props数据源 */
-
   var DisableOptions = useMemo(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
       var _a;
-
-      var resultComponentProps = isFunction(item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
-
-      var _ref5 = resultComponentProps || {},
-          optionOnly = _ref5.optionOnly,
-          options = _ref5.options; // const { optionOnly, options } = item['componentProps'] || {}
-
-
+      var resultComponentProps = isFunction(item.componentProps) ? (_a = item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item.componentProps;
+      var _ref8 = resultComponentProps || {},
+        optionOnly = _ref8.optionOnly,
+        options = _ref8.options;
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
         var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
@@ -1099,15 +956,13 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
           });
         });
-
         if (isFunction(item.componentProps)) {
           return Object.assign(Object.assign({}, item), {
             newOptions: newOptions
           });
         }
-
         return Object.assign(Object.assign({}, item), {
-          componentProps: Object.assign(Object.assign({}, item['componentProps']), {
+          componentProps: Object.assign(Object.assign({}, item.componentProps), {
             options: newOptions
           })
         });
@@ -1121,21 +976,50 @@ 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 ? {
       title: '排序',
-      dataIndex: 'sort',
+      dataIndex: '_sort',
       width: 48,
       maxWidth: 48,
       className: 'drag-visible',
+      fixed: 'left',
+      order: -2,
       render: function render(_, record) {
         return /*#__PURE__*/React.createElement(DragHandle, {
-          id: record[_rowKey] || record.id
+          id: (record === null || record === void 0 ? void 0 : record[_rowKey]) || (record === null || record === void 0 ? void 0 : record.id)
         });
       }
-    } : null].concat(_toConsumableArray(rColumns), [useQuickOpetate ? {
+    } : null, indexCol ? isBoolean(indexCol) ? {
+      title: '',
+      dataIndex: '_index',
+      width: 48,
+      maxWidth: 48,
+      ellipsis: true,
+      fixed: 'left',
+      order: -1,
+      render: function render(_, record, index) {
+        var _a, _b, _c;
+        return ((_c = (_b = (_a = deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b['_deepIds']) === null || _c === void 0 ? void 0 : _c.join('-')) || "".concat(index + 1);
+      }
+    } : Object.assign(Object.assign({
+      title: '',
+      dataIndex: '_index',
+      width: 48,
+      ellipsis: true,
+      maxWidth: 48,
+      order: -1,
+      fixed: 'left'
+    }, indexCol || {}), {
+      render: function render(_, record, index) {
+        var _a, _b, _c, _d, _e, _f;
+        if (isFunction(indexCol === null || indexCol === void 0 ? void 0 : indexCol.render)) {
+          return (_a = indexCol === null || indexCol === void 0 ? void 0 : indexCol.render) === null || _a === void 0 ? void 0 : _a.call(indexCol, record, (_c = (_b = deepDataSourceRef.current) === null || _b === void 0 ? void 0 : _b[record[_rowKey]]) === null || _c === void 0 ? void 0 : _c['_deepIds']);
+        }
+        return ((_f = (_e = (_d = deepDataSourceRef.current) === null || _d === void 0 ? void 0 : _d[record[_rowKey]]) === null || _e === void 0 ? void 0 : _e['_deepIds']) === null || _f === void 0 ? void 0 : _f.join('-')) || "".concat(index + 1);
+      }
+    }) : null].concat(_toConsumableArray(rColumns), [useQuickOpetate ? {
       title: '操作',
       dataIndex: 'lm_edit_opetate',
       width: 68,
@@ -1146,11 +1030,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
       }
     } : null]).filter(function (item) {
-      return item && item.show !== false;
+      return item && (item === null || item === void 0 ? void 0 : item.show) !== false;
     });
-    localColumns = localColumns.map(function (item, index) {
+    localColumns = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
-        order: [null, undefined].includes(item['order']) ? index : item['order']
+        order: [null, undefined].includes(item.order) ? index : item.order
       });
     }).sort(function (a, b) {
       return a.order - b.order;
@@ -1159,7 +1043,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     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') {
+      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left' || (item === null || item === void 0 ? void 0 : item.fixed) === true) {
         leftColumns.push(item);
       } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
         rightColumns.push(item);
@@ -1169,33 +1053,21 @@ 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;
-
-          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;
+      if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) && (col === null || col === void 0 ? void 0 : col.dataIndex) === '_sort') {
+        var fn = col === null || col === void 0 ? void 0 : col.render;
+        return Object.assign(Object.assign({}, col), {
+          render: function render(text, record, i) {
+            var _a;
+            return fn === null || fn === void 0 ? void 0 : fn((_a = dataSource[i]) === null || _a === void 0 ? void 0 : _a[col.dataIndex], dataSource[i], i);
           }
-
-          return record[dataIndex] !== prevRecord[dataIndex];
-        },
+        });
+      }
+      if (isEdit && (col === null || col === void 0 ? void 0 : col.render) && (col === null || col === void 0 ? void 0 : col.editable) === 'render') {
+        delete col.render;
+      }
+      var newCol = Object.assign({
         onCell: function onCell(record, rowIndex) {
           return {
             getLength: dataSource.length,
@@ -1210,7 +1082,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             editable: col.editable,
             dataIndex: col.dataIndex,
             itemProps: col.itemProps,
-            setValid: setValid,
+            shouldUpdate: shouldUpdate,
             isEdit: isEdit,
             isHoverEdit: isHoverEdit,
             handleAdd: handleAdd,
@@ -1218,88 +1090,55 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
             handleCopy: handleCopy,
             editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
             valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
-            handleSave: handleSave,
-            reWriteOriginSource: reWriteOriginSource
+            handleSave: handleSave
           };
         }
-      });
-
+      }, col);
       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) {
+    var res = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (col, index) {
       return mapColumns(col, index);
     });
     return res;
-  }, [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, {
-      items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
-        return item[_rowKey];
-      })
-    }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
-  }, [sortEditTable]);
+  }, [columns, isAdd, sortOpen, useQuickOpetate, dataSource, _toConsumableArray(memoOptions)]);
+  var onSortEnd = function onSortEnd(active, over) {
+    var cloneArr = _toConsumableArray(dataSourceRef.current);
+    var oldIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === active;
+    });
+    var newIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === over;
+    });
+    setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
+  };
   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);
     }));
   }, [columns]);
-  var config = 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]);
   useImperativeHandle(ref, function () {
     return {
       setRow: handleSave,
       getCheckboxRecords: function getCheckboxRecords() {
         return localRowSelectList.selectedRows;
       },
+      deleteRowData: function deleteRowData(data) {
+        return handleTableRowDelete(data);
+      },
+      addRowData: function addRowData(data, defaultValue, addInChild) {
+        return addInChild === 'replace' ? handleTableRowReplace(data, defaultValue) : handleTableRowAdd(data, addInChild, defaultValue);
+      },
       clearSelect: function clearSelect() {
         setLocalRowSelectList({
           selectedRows: []
@@ -1310,31 +1149,373 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
           selectedRows: value
         });
       },
-      valid: function valid() {
-        return _valid;
+      columns: columns.map(function (item) {
+        return omit(item, ['render', 'sorter', 'onFilter', 'filters', 'componentProps', 'formProps', 'editable']);
+      }),
+      // verify: async () => {
+      //   let allRule = {}
+      //   let time
+      //   let fullNum = 0
+      //   columns.forEach((col: any) => {
+      //     if (col?.formProps?.rules) {
+      //       allRule[col.dataIndex] = col?.formProps?.rules || []
+      //     }
+      //   })
+      //   const validator = new AsyncValidator(allRule);
+      //   let flag = true
+      //   let messageIndex = null
+      //   let errorRowKey = null
+      //   let errorInfo = null
+      //   const deepValidator = async (data, index) => {
+      //     for (let i = 0; i < data.length; i++) {
+      //       if (flag) {
+      //         try {
+      //           await validator.validate(data[i], (errors, fields) => {
+      //             if (errors) {
+      //               errorInfo = { errors, fields, value: data[i] };
+      //               flag = false
+      //               messageIndex = index === null ? i : index
+      //               errorRowKey = data?.[i]?.[rowKey]
+      //             } else if (data[i].children) {
+      //               deepValidator(data[i].children, i)
+      //             }
+      //           })
+      //         } catch (error) {
+      //           break;
+      //         }
+      //       }
+      //     }
+      //   }
+      //   await deepValidator(dataSource, null)
+      //   console.log(flag, 'fff')
+      //   if (flag) {
+      //     return Promise.resolve(dataSource)
+      //   } else {
+      //     setTimeout(() => {
+      //       if (messageIndex !== null) {
+      //         scrollToIndexRef.current?.(messageIndex, { align: 'center' })
+      //         time = setInterval(async () => {
+      //           fullNum++
+      //           if (fullNum > 5) {
+      //             clearInterval(time)
+      //           } else {
+      //             const form = (Object.values(allFormListRef.current || []).find((item: any) => item.key === errorRowKey) as any)?.form
+      //             if (form) {
+      //               try {
+      //                 await form.validateFields()
+      //                 console.log('验证成功')
+      //               } catch (error) {
+      //                 console.log('验证失败', error)
+      //                 return error
+      //               } finally {
+      //                 clearInterval(time)
+      //               }
+      //             }
+      //           }
+      //         }, 500)
+      //       }
+      //     }, 100)
+      //     return Promise.reject(errorInfo)
+      //   }
+      // },
+      verify: function verify() {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          var time, fullNum, flag, messageIndex, errorRowKey, errorInfo, deepValidator;
+          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+            while (1) {
+              switch (_context4.prev = _context4.next) {
+                case 0:
+                  if (!virtual) {
+                    _context4.next = 17;
+                    break;
+                  }
+                  fullNum = 0;
+                  flag = true;
+                  messageIndex = null;
+                  errorRowKey = null;
+                  errorInfo = null;
+                  deepValidator = function deepValidator(data, index) {
+                    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                      var _c, i;
+                      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                        while (1) {
+                          switch (_context2.prev = _context2.next) {
+                            case 0:
+                              i = 0;
+                            case 1:
+                              if (!(i < data.length)) {
+                                _context2.next = 23;
+                                break;
+                              }
+                              if (!flag) {
+                                _context2.next = 20;
+                                break;
+                              }
+                              _context2.prev = 3;
+                              checkForm.resetFields();
+                              checkForm.setFieldsValue(data[i]);
+                              _context2.next = 8;
+                              return checkForm.validateFields();
+                            case 8:
+                              if (!data[i].children) {
+                                _context2.next = 11;
+                                break;
+                              }
+                              _context2.next = 11;
+                              return deepValidator(data[i].children, i);
+                            case 11:
+                              _context2.next = 20;
+                              break;
+                            case 13:
+                              _context2.prev = 13;
+                              _context2.t0 = _context2["catch"](3);
+                              errorInfo = {
+                                error: _context2.t0,
+                                value: data[i]
+                              };
+                              flag = false;
+                              messageIndex = index === null ? i : index;
+                              errorRowKey = (_c = data === null || data === void 0 ? void 0 : data[i]) === null || _c === void 0 ? void 0 : _c[_rowKey];
+                              return _context2.abrupt("break", 23);
+                            case 20:
+                              i++;
+                              _context2.next = 1;
+                              break;
+                            case 23:
+                            case "end":
+                              return _context2.stop();
+                          }
+                        }
+                      }, _callee2, null, [[3, 13]]);
+                    }));
+                  };
+                  _context4.next = 9;
+                  return deepValidator(dataSource, null);
+                case 9:
+                  if (!flag) {
+                    _context4.next = 13;
+                    break;
+                  }
+                  return _context4.abrupt("return", Promise.resolve(dataSource));
+                case 13:
+                  setTimeout(function () {
+                    var _a;
+                    if (messageIndex !== null) {
+                      (_a = scrollToIndexRef.current) === null || _a === void 0 ? void 0 : _a.call(scrollToIndexRef, messageIndex, {
+                        align: 'center'
+                      });
+                      time = setInterval(function () {
+                        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+                          var _b, form;
+                          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                            while (1) {
+                              switch (_context3.prev = _context3.next) {
+                                case 0:
+                                  fullNum++;
+                                  if (!(fullNum > 5)) {
+                                    _context3.next = 5;
+                                    break;
+                                  }
+                                  clearInterval(time);
+                                  _context3.next = 20;
+                                  break;
+                                case 5:
+                                  form = (_b = Object.values(allFormListRef.current || []).find(function (item) {
+                                    return item.key === errorRowKey;
+                                  })) === null || _b === void 0 ? void 0 : _b.form;
+                                  if (!form) {
+                                    _context3.next = 20;
+                                    break;
+                                  }
+                                  _context3.prev = 7;
+                                  _context3.next = 10;
+                                  return form.validateFields();
+                                case 10:
+                                  console.log('验证成功');
+                                  _context3.next = 17;
+                                  break;
+                                case 13:
+                                  _context3.prev = 13;
+                                  _context3.t0 = _context3["catch"](7);
+                                  console.log('验证失败', _context3.t0);
+                                  return _context3.abrupt("return", _context3.t0);
+                                case 17:
+                                  _context3.prev = 17;
+                                  clearInterval(time);
+                                  return _context3.finish(17);
+                                case 20:
+                                case "end":
+                                  return _context3.stop();
+                              }
+                            }
+                          }, _callee3, null, [[7, 13, 17, 20]]);
+                        }));
+                      }, 300);
+                    }
+                  }, 100);
+                  return _context4.abrupt("return", Promise.reject(errorInfo));
+                case 15:
+                  _context4.next = 18;
+                  break;
+                case 17:
+                  return _context4.abrupt("return", Promise.all(Object.values(allFormListRef.current || []).map(function (item) {
+                    var _a;
+                    return (_a = item === null || item === void 0 ? void 0 : item.form) === null || _a === void 0 ? void 0 : _a.validateFields();
+                  })));
+                case 18:
+                case "end":
+                  return _context4.stop();
+              }
+            }
+          }, _callee4);
+        }));
       }
     };
   });
   var isShowAddAction = useMemo(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
   }, [isEdit, isAdd, isHoverEdit]);
-
+  var pushAllForm = function pushAllForm(form, key, index) {
+    allFormListRef.current[key] = {
+      form: form,
+      key: key,
+      index: index
+    };
+  };
+  var config = useRef(Object.assign({
+    pagination: false,
+    tableLayout: 'fixed',
+    scroll: {
+      x: '100%'
+    },
+    rowKey: function rowKey(record) {
+      return record[_rowKey] || record.index || Math.random();
+    },
+    components: {
+      table: virtual ? function (props) {
+        return /*#__PURE__*/React.createElement(VirtualTable, Object.assign({}, props, {
+          fn: scrollToIndexRef
+        }));
+      } : null,
+      body: Object.assign({
+        row: function row(rowProps) {
+          return sortOpen ? EditableSortRow(Object.assign(Object.assign({}, rowProps), {
+            virtual: virtual
+          })) : EditableRow(Object.assign(Object.assign({}, rowProps), {
+            virtual: virtual
+          }));
+        },
+        cell: props.shouldUpdate ? EditableCell : MemoEditableCell
+      }, sortOpen ? {
+        wrapper: function wrapper(wrapperProps) {
+          var _a, _b, _c;
+          return DraggableContainer(Object.assign(Object.assign({}, wrapperProps), {
+            virtual: virtual,
+            keys: (_a = dataSourceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+              return item[_rowKey];
+            }),
+            options: dataSourceRef.current,
+            rowKey: _rowKey,
+            onSortEnd: onSortEnd,
+            tableWidth: (_c = (_b = tableWarpRef === null || tableWarpRef === void 0 ? void 0 : tableWarpRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width
+          }));
+        }
+      } : virtual ? {
+        wrapper: VirtualWrapper
+      } : {}),
+      header: {
+        row: colSortOpen ? colDraggableContainer : null
+      }
+    },
+    onRow: function onRow(record, index) {
+      var _a;
+      return {
+        disabled: disabled || !!((_a = disabledDataSourceRowKeys.current) === null || _a === void 0 ? void 0 : _a.includes(record[_rowKey])),
+        dataKey: record[_rowKey],
+        index: index,
+        pushAllForm: pushAllForm
+      };
+    }
+  }, resetProps));
+  useEffect(function () {
+    var _a;
+    if (autoSizer) {
+      var tableClient = (_a = tableWarpRef === null || tableWarpRef === void 0 ? void 0 : tableWarpRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      var height = (tableClient === null || tableClient === void 0 ? void 0 : tableClient.height) || '100%';
+      var TailorHeight = size === 'middle' ? 48 : 40;
+      if (isAdd) {
+        TailorHeight += 48;
+      }
+      if (props.summary) {
+        TailorHeight += 48;
+      }
+      if (props.pagination) {
+        TailorHeight += 48;
+      }
+      autoSizerRef.current = {
+        width: tableClient === null || tableClient === void 0 ? void 0 : tableClient.width,
+        height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(TailorHeight, "px)") : height - TailorHeight
+      };
+    }
+  }, []);
+  var checkFormItem = useMemo(function () {
+    var arr = [];
+    columns.forEach(function (item) {
+      var _a;
+      if (item.children) {
+        (_a = item.children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) {
+          arr.push( /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+            noStyle: true,
+            key: c.dataIndex,
+            name: c.dataIndex
+          }, (c === null || c === void 0 ? void 0 : c['formProps']) || {}), c.dataIndex || 'text'));
+        });
+      } else {
+        arr.push( /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+          noStyle: true,
+          key: item.dataIndex,
+          name: item.dataIndex
+        }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}), item.dataIndex || 'text'));
+      }
+    });
+    return arr;
+  }, [columns]);
   if (colSortOpen) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "lm_editTable_warpper"
+      className: "lm_editTable_warpper",
+      ref: tableWarpRef
+    }, /*#__PURE__*/React.createElement(ConfigProvider, {
+      renderEmpty: loading ? function () {
+        return null;
+      } : CustomizeRenderEmpty
     }, /*#__PURE__*/React.createElement(DndContainer, {
+      rowKey: _rowKey,
+      options: resultColumns,
       move: onColSortEnd
     }, /*#__PURE__*/React.createElement(SortableBoxCol, {
       items: columns.reduce(function (acc, item) {
         return [].concat(_toConsumableArray(acc), [item.dataIndex]);
       }, [])
-    }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {
+    }, /*#__PURE__*/React.createElement(Table, Object.assign({}, checkDataSourceIsEmpty(config.current, dataSourceRef.current, autoSizerRef.current), {
+      loading: loading,
       size: size || 'small',
       columns: resultColumns,
       rowClassName: "editable-row",
       bordered: true,
       pagination: false,
-      // components={tableComponents}
+      expandable: Object.assign({
+        expandedRowKeys: expandedRowKeys,
+        fixed: true,
+        indentSize: 0,
+        expandIconColumnIndex: checkExpandIconColumnIndex({
+          rowSelection: rowSelection,
+          sortOpen: sortOpen,
+          indexCol: indexCol
+        }) || 0,
+        onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
+          return setExpandedRowKeys(expandedRows);
+        }
+      }, resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable),
       rowSelection: !rowSelection ? undefined : Object.assign(Object.assign({
         fixed: true,
         type: 'checkbox',
@@ -1344,40 +1525,56 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
           return isObject(v) ? v[_rowKey] : v;
         }),
         onChange: function onChange(selectedRowKeys, selectedRows, info) {
-          // editTableRowChange(selectedRowKeys, selectedRows, info)
           setLocalRowSelectList(selectedRowKeys, selectedRows, info);
         }
       }),
       dataSource: dataSource
-    })))), isShowAddAction && /*#__PURE__*/React.createElement(Button, {
-      className: "lm_editTable_add_bar",
-      type: "dashed",
-      onClick: handleAdd,
+    }))))), /*#__PURE__*/React.createElement(BottomOpetateComponent, {
+      disabled: disabled,
+      isShowAddAction: isShowAddAction,
+      recordCreatorProps: recordCreatorProps,
+      handleAdd: handleAdd
+    }), /*#__PURE__*/React.createElement("div", {
       style: {
-        marginTop: 8
+        display: 'none'
       }
-    }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
-      className: "lmweb-plus"
-    }), "\u65B0\u589E"));
-  } // @ts-ignore
-
-
+    }, /*#__PURE__*/React.createElement(Form, {
+      form: checkForm,
+      component: false
+    }, checkFormItem)));
+  }
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("div", {
-    className: "lm_editTable_warpper"
-  }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {
+    className: cls('lm_editTable_warpper', autoSizer && 'lm_editable_autosize'),
+    ref: tableWarpRef
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    renderEmpty: loading ? function () {
+      return null;
+    } : CustomizeRenderEmpty
+  }, /*#__PURE__*/React.createElement(Table, Object.assign({}, checkDataSourceIsEmpty(config.current, dataSourceRef.current, autoSizerRef.current), {
     size: size || 'small',
     columns: resultColumns,
     rowClassName: "editable-row",
     bordered: true,
+    loading: loading,
+    style: autoSizer ? {
+      height: isAdd ? "calc(100% - ".concat(48, "px)") : '100%'
+    } : undefined,
     pagination: false,
     // components={tableComponents}
-    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
+    expandable: Object.assign({
       expandedRowKeys: expandedRowKeys,
       fixed: true,
+      indentSize: 0,
+      expandIconColumnIndex: checkExpandIconColumnIndex({
+        rowSelection: rowSelection,
+        sortOpen: sortOpen,
+        indexCol: indexCol
+      }) || 0,
       onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
         return setExpandedRowKeys(expandedRows);
       }
-    },
+    }, resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable),
     rowSelection: !rowSelection ? undefined : Object.assign(Object.assign({
       fixed: true,
       type: 'checkbox',
@@ -1391,15 +1588,18 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }),
     dataSource: dataSource
-  })), isShowAddAction && /*#__PURE__*/React.createElement(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.createElement(IconFont, {
-    type: "lmweb-plus"
-  }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增'));
+  }))), /*#__PURE__*/React.createElement(BottomOpetateComponent, {
+    disabled: disabled,
+    isShowAddAction: isShowAddAction,
+    recordCreatorProps: recordCreatorProps,
+    handleAdd: handleAdd
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: checkForm,
+    component: false
+  }, checkFormItem)));
 });
 export default /*#__PURE__*/memo(EditTable);