linkmore-design 1.1.26 → 1.1.27-alpha.0

package/dist/index.umd.js

@@ -92885,7 +92885,12 @@
             fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
             type: item.type,
             value: Array.isArray(itemValue) ? itemValue : [itemValue],
-            operator: (item === null || item === void 0 ? void 0 : item.operator) || obj[cur].mode === 'and' ? 'equal' : 'contains'
+
+            /**
+             * and 等同于逻辑关系contains: 选中的值包含所有值
+             * or 等同于逻辑关系in: 选中的值存在于所有值之中
+             */
+            operator: obj[cur].mode === 'and' ? 'contains' : 'in'
           }]);
         }
 
@@ -93055,7 +93060,7 @@
               fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
               type: item.type,
               value: Array.isArray(itemValue) ? itemValue : [itemValue],
-              operator: complexFilter[cur].mode === 'and' ? 'equal' : 'contains'
+              operator: complexFilter[cur].mode === 'and' ? 'contains' : 'in'
             };
           }
 
@@ -188742,8 +188747,7 @@
 
   var _excluded$1j = ["children", "className", "disabled", "size"];
   var prefixCls$3 = 'lm_input-number';
-
-  var LMInputNumber = function LMInputNumber(props) {
+  var LMInputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
         className = props.className,
         customDisabled = props.disabled,
@@ -188757,24 +188761,24 @@
     var size = React__default['default'].useContext(SizeContext$1);
     var mergeSize = customizeSize || size;
     return /*#__PURE__*/React__default['default'].createElement(InputNumber$1, _objectSpread(_objectSpread({
+      ref: ref,
       className: classnames(className, prefixCls$3),
       placeholder: "\u8BF7\u8F93\u5165"
     }, rest), {}, {
       size: mergeSize,
       disabled: mergedDisabled
     }));
-  };
-
+  });
   var CInputNumber = LMInputNumber;
-
-  CInputNumber.Price = function (props) {
+  CInputNumber.Price = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React__default['default'].createElement(InputNumber$1, _objectSpread({
       prefix: "\uFFE5",
+      ref: ref,
       formatter: function formatter(value) {
         return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       }
     }, props));
-  };
+  });
 
   var getRenderPropValue = function getRenderPropValue(propValue) {
     if (!propValue) {
@@ -233634,6 +233638,14 @@
     return restrictToBoundingRect(transform, draggingNodeRect, containerNodeRect);
   };
 
+  const restrictToVerticalAxis = ({
+    transform
+  }) => {
+    return { ...transform,
+      x: 0
+    };
+  };
+
   var DndContainer = function DndContainer(_ref) {
     var children = _ref.children,
         move = _ref.move;
@@ -285975,12 +285987,16 @@
     var rowHeight = state.rowHeight,
         totalLen = state.totalLen;
     var virtualItems = instance.columnVirtual.virtualItems;
-    var trRef = React.useRef(null); // 列长度
+    var trRef = React.useRef(null); // 非固定列长度
 
     var columnsLen = React.useMemo(function () {
-      var _children$length;
+      var _children$filter$leng;
 
-      return (_children$length = children === null || children === void 0 ? void 0 : children.length) !== null && _children$length !== void 0 ? _children$length : 0;
+      return (_children$filter$leng = children === null || children === void 0 ? void 0 : children.filter(function (v) {
+        var _v$props, _v$props2;
+
+        return typeof ((_v$props = v.props) === null || _v$props === void 0 ? void 0 : _v$props.fixLeft) !== 'number' && typeof ((_v$props2 = v.props) === null || _v$props2 === void 0 ? void 0 : _v$props2.fixRight) !== 'number';
+      }).length) !== null && _children$filter$leng !== void 0 ? _children$filter$leng : 0; // return children?.length ?? 0
     }, [children]);
     React.useEffect(function () {
       if (state.columnsLen !== columnsLen) {
@@ -286029,26 +286045,20 @@
         fixedRight: [],
         columns: []
       });
-    }, [children]); // 截取非固定列
-
-    var resetVirtualItems = React.useMemo(function () {
-      var fixedLeft = fixedColumns.fixedLeft,
-          columns = fixedColumns.columns;
-      return virtualItems.slice(fixedLeft.length, fixedLeft.length + columns.length);
-    }, [fixedColumns, virtualItems]); // 横线单元格合并
+    }, [children]); // 横线单元格合并
 
     var colSpan = React.useMemo(function () {
-      var _resetVirtualItems$;
+      var _virtualItems$;
 
-      var startIndex = (resetVirtualItems === null || resetVirtualItems === void 0 ? void 0 : (_resetVirtualItems$ = resetVirtualItems[0]) === null || _resetVirtualItems$ === void 0 ? void 0 : _resetVirtualItems$.index) || 0;
-      return startIndex ? startIndex - fixedColumns.fixedLeft.length : startIndex;
-    }, [fixedColumns, resetVirtualItems]);
+      return (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.index;
+    }, [virtualItems]);
+    console.log('virtualItems', virtualItems);
     return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread(_objectSpread({}, resetProps), {}, {
       ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
     }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/React__default['default'].createElement("td", {
       colSpan: colSpan
-    }), resetVirtualItems.map(function (virtualCol) {
-      return children[virtualCol.index];
+    }), virtualItems.map(function (virtualCol) {
+      return fixedColumns.columns[virtualCol.index];
     }), fixedColumns.fixedRight);
   });
 
@@ -287660,7 +287670,12 @@
 
     return React.useCallback(function () {
       var fn = handlerRef.current;
-      return fn.apply(void 0, arguments);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, args);
     }, []);
   }
 
@@ -312649,16 +312664,59 @@
 
   Form$4.Wrapper = Wrapper;
 
-  var DndContainer$1 = function DndContainer(_ref) {
-    var children = _ref.children,
-        move = _ref.move;
+  var DragOver = /*#__PURE__*/React__default['default'].memo(function (_ref) {
+    var instance = _ref.instance;
+    var isDragging = instance.isDragging,
+        activeId = instance.activeId,
+        options = instance.options;
+    var item = activeId && options.find(function (v) {
+      return v.dataIndex === activeId;
+    });
+    return /*#__PURE__*/React__default['default'].createElement(DragOverlay, {
+      adjustScale: false
+    }, isDragging ? /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "lm_editable_col_drag"
+    }, item === null || item === void 0 ? void 0 : item.title) : null);
+  }); // 可拖拽容器
+
+  var DndContainer$1 = function DndContainer(_ref2) {
+    var children = _ref2.children,
+        move = _ref2.move,
+        options = _ref2.options,
+        rowKey = _ref2.rowKey;
+
+    var _React$useState = React__default['default'].useState(false),
+        _React$useState2 = _slicedToArray$1(_React$useState, 2),
+        isDragging = _React$useState2[0],
+        setIsDragging = _React$useState2[1]; // 是否拖拽中
+
+
+    var _React$useState3 = React__default['default'].useState(null),
+        _React$useState4 = _slicedToArray$1(_React$useState3, 2),
+        activeId = _React$useState4[0],
+        setActiveId = _React$useState4[1]; // 是否拖拽中
+
+
     var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates
-    })); // 拖拽结束
+    })); // 开始拖拽
+
+    var handleDragStart = function handleDragStart(_ref3) {
+      var active = _ref3.active;
+      setIsDragging(true);
+
+      if (!active) {
+        return;
+      }
+
+      setActiveId(active.id);
+    }; // 拖拽结束
+
 
     var handleDragEnd = function handleDragEnd(event) {
       var active = event.active,
-          over = event.over; // 未移入时触发
+          over = event.over;
+      setActiveId(null); // 未移入时触发
 
       if (!(over === null || over === void 0 ? void 0 : over.id)) {
         return;
@@ -312670,39 +312728,267 @@
       }
     };
 
+    var instance = {
+      isDragging: isDragging,
+      activeId: activeId,
+      options: options,
+      rowKey: rowKey,
+      children: children,
+      move: move,
+      items: options === null || options === void 0 ? void 0 : options.map(function (v) {
+        return v[rowKey];
+      })
+    };
     return /*#__PURE__*/React__default['default'].createElement(DndContext, {
       sensors: sensors,
       collisionDetection: closestCenter,
+      onDragStart: handleDragStart,
       onDragEnd: handleDragEnd,
+      onDragCancel: function onDragCancel() {
+        return setActiveId(null);
+      },
       modifiers: [restrictToParentElement]
-    }, children);
+    }, children, /*#__PURE__*/React__default['default'].createElement(DragOver, {
+      instance: instance
+    }));
   };
 
+  var DndContainer$2 = /*#__PURE__*/React.memo(DndContainer$1);
+
   var SortableBox$1 = function SortableBox(_ref) {
     var items = _ref.items,
         children = _ref.children;
     return /*#__PURE__*/React__default['default'].createElement(SortableContext$1, {
       items: items,
-      strategy: verticalListSortingStrategy
+      strategy: horizontalListSortingStrategy
     }, children);
   };
 
-  var SortableBox$2 = function SortableBox(_ref) {
-    var items = _ref.items,
-        children = _ref.children;
-    return /*#__PURE__*/React__default['default'].createElement(SortableContext$1, {
-      items: items,
-      strategy: horizontalListSortingStrategy
-    }, children);
+  var TableContext$2 = /*#__PURE__*/React.createContext({
+    state: null,
+    dispatch: null,
+    instance: {}
+  });
+
+  var useStore$1 = function useStore() {
+    return React.useContext(TableContext$2);
+  };
+
+  var initialState$3 = {
+    // 行高度
+    rowHeight: 0,
+    columnsLen: 0,
+    // 总行数
+    totalLen: 0
+  };
+
+  var reducer$5 = function reducer(state, action) {
+    var totalLen = action.totalLen,
+        columnsLen = action.columnsLen,
+        rowHeight = action.rowHeight;
+
+    switch (action.type) {
+      // 数据数量
+      case 'changeTotalLen':
+        return _objectSpread(_objectSpread({}, state), {}, {
+          totalLen: totalLen
+        });
+      // 列数量
+
+      case 'changeColumnsLen':
+        return _objectSpread(_objectSpread({}, state), {}, {
+          columnsLen: columnsLen
+        });
+      // 初始化行高度
+
+      case 'initHeight':
+        return _objectSpread(_objectSpread({}, state), {}, {
+          rowHeight: rowHeight
+        });
+
+      default:
+        throw new Error();
+    }
   };
 
-  var _excluded$2P = ["data-row-key", "children", "className"];
+  var useRealive$1 = function useRealive() {
+    return React.useReducer(reducer$5, initialState$3);
+  };
+
+  var VirtualTable$1 = /*#__PURE__*/React__default['default'].memo(function (tableProps) {
+    var _bodyRef$current, _bodyRef$current2, _tableProps$children$3, _tableProps$children$4;
+
+    var bodyRef = React.useRef(null);
+
+    var _useRealive = useRealive$1(),
+        _useRealive2 = _slicedToArray$1(_useRealive, 2),
+        state = _useRealive2[0],
+        dispatch = _useRealive2[1]; // { totalSize, virtualItems }
+
+
+    var rowVirtual = useVirtual({
+      size: state.totalLen,
+      // 绑定父节点
+      parentRef: {
+        current: bodyRef === null || bodyRef === void 0 ? void 0 : (_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.parentNode
+      },
+      estimateSize: React__default['default'].useCallback(function () {
+        return state.rowHeight;
+      }, [state.rowHeight]),
+      overscan: 5
+    });
+    var columnVirtual = useVirtual({
+      horizontal: true,
+      size: state.columnsLen,
+      parentRef: {
+        current: bodyRef === null || bodyRef === void 0 ? void 0 : (_bodyRef$current2 = bodyRef.current) === null || _bodyRef$current2 === void 0 ? void 0 : _bodyRef$current2.parentNode
+      },
+      estimateSize: React__default['default'].useCallback(function (i) {
+        var _tableProps$children$, _tableProps$children$2;
+
+        return tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$children$ = tableProps.children[0]) === null || _tableProps$children$ === void 0 ? void 0 : (_tableProps$children$2 = _tableProps$children$.props) === null || _tableProps$children$2 === void 0 ? void 0 : _tableProps$children$2.colWidths[i];
+      }, [(_tableProps$children$3 = tableProps.children[0]) === null || _tableProps$children$3 === void 0 ? void 0 : (_tableProps$children$4 = _tableProps$children$3.props) === null || _tableProps$children$4 === void 0 ? void 0 : _tableProps$children$4.colWidths]),
+      overscan: 5
+    });
+    var instance = {
+      rowVirtual: rowVirtual,
+      columnVirtual: columnVirtual
+    };
+    return /*#__PURE__*/React__default['default'].createElement(TableContext$2.Provider, {
+      value: {
+        state: state,
+        dispatch: dispatch,
+        instance: instance
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("table", _objectSpread({
+      ref: bodyRef
+    }, tableProps)));
+  });
+
+  var _excluded$2P = ["children"];
+  var VirtualWrapper$1 = /*#__PURE__*/React__default['default'].memo(function (wrapperProps) {
+    var _virtualItems$, _virtualItems;
+
+    var children = wrapperProps.children,
+        resetProps = _objectWithoutProperties$1(wrapperProps, _excluded$2P);
+
+    var _useStore = useStore$1(),
+        state = _useStore.state,
+        dispatch = _useStore.dispatch,
+        instance = _useStore.instance;
+
+    var _instance$rowVirtual = instance.rowVirtual,
+        virtualItems = _instance$rowVirtual.virtualItems,
+        totalSize = _instance$rowVirtual.totalSize;
+    var contents = React.useMemo(function () {
+      return children[1];
+    }, [children]);
+    var contentsLen = React.useMemo(function () {
+      var _contents$length;
+
+      return (_contents$length = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _contents$length !== void 0 ? _contents$length : 0;
+    }, [contents]);
+    React.useEffect(function () {
+      if (state.totalLen !== contentsLen) {
+        dispatch({
+          type: 'changeTotalLen',
+          totalLen: contentsLen !== null && contentsLen !== void 0 ? contentsLen : 0
+        });
+      }
+    }, [contentsLen, dispatch, state.totalLen]);
+    var paddingTop = virtualItems.length > 0 ? (virtualItems === null || virtualItems === void 0 ? void 0 : (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) || 0 : 0;
+    var paddingBottom = virtualItems.length > 0 ? totalSize - ((virtualItems === null || virtualItems === void 0 ? void 0 : (_virtualItems = virtualItems[virtualItems.length - 1]) === null || _virtualItems === void 0 ? void 0 : _virtualItems.end) || 0) : 0;
+    return /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread({}, resetProps), paddingTop > 0 && /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
+      style: {
+        height: "".concat(paddingTop, "px")
+      }
+    })), children[0], virtualItems.map(function (virtualRow) {
+      return contents[virtualRow.index];
+    }), paddingBottom > 0 && /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
+      style: {
+        height: "".concat(paddingBottom, "px")
+      }
+    })));
+  });
+
+  function setRef(ref, value) {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref) {
+      ref.current = value;
+    }
+  }
+
+  function useForkRef(refA, refB) {
+    return React.useMemo(function () {
+      if (refA == null && refB == null) {
+        return null;
+      }
+
+      return function (refValue) {
+        setRef(refA, refValue);
+        setRef(refB, refValue);
+      };
+    }, [refA, refB]);
+  }
+
+  var _excluded$2Q = ["children", "pref"];
+  var VirtualRow$1 = /*#__PURE__*/React__default['default'].memo(function (_ref, ref) {
+    var children = _ref.children,
+        pref = _ref.pref,
+        resetProps = _objectWithoutProperties$1(_ref, _excluded$2Q);
+
+    var _useStore = useStore$1(),
+        state = _useStore.state,
+        dispatch = _useStore.dispatch;
+
+    var rowHeight = state.rowHeight,
+        totalLen = state.totalLen;
+    var trRef = React.useRef(null); // 列长度
+
+    var columnsLen = React.useMemo(function () {
+      var _children$length;
+
+      return (_children$length = children === null || children === void 0 ? void 0 : children.length) !== null && _children$length !== void 0 ? _children$length : 0;
+    }, [children]);
+    React.useEffect(function () {
+      if (state.columnsLen !== columnsLen) {
+        dispatch({
+          type: 'changeColumnsLen',
+          columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+        });
+      }
+    }, [columnsLen, dispatch, state.columnsLen]);
+    React.useEffect(function () {
+      var initHeight = function initHeight(tempRef) {
+        var _tempRef$current;
+
+        if ((tempRef === null || tempRef === void 0 ? void 0 : (_tempRef$current = tempRef.current) === null || _tempRef$current === void 0 ? void 0 : _tempRef$current.offsetHeight) && !rowHeight && totalLen) {
+          var _tempRef$current$offs, _tempRef$current2;
+
+          var tempRowHeight = (_tempRef$current$offs = tempRef === null || tempRef === void 0 ? void 0 : (_tempRef$current2 = tempRef.current) === null || _tempRef$current2 === void 0 ? void 0 : _tempRef$current2.offsetHeight) !== null && _tempRef$current$offs !== void 0 ? _tempRef$current$offs : 0;
+          dispatch({
+            type: 'initHeight',
+            rowHeight: tempRowHeight
+          });
+        }
+      };
+
+      initHeight(trRef);
+    }, [trRef, dispatch, rowHeight, totalLen, ref]);
+    return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread(_objectSpread({}, resetProps), {}, {
+      ref: useForkRef(pref, trRef)
+    }), children);
+  });
+
+  var _excluded$2R = ["data-row-key", "children", "className", "virtual"];
 
   var SortableItem$1 = function SortableItem(props) {
     var key = props['data-row-key'],
         children = props.children,
         className = props.className,
-        resetField = _objectWithoutProperties$1(props, _excluded$2P);
+        virtual = props.virtual,
+        resetField = _objectWithoutProperties$1(props, _excluded$2R);
 
     var _useSortable = useSortable({
       id: key
@@ -312716,27 +313002,66 @@
       transform: CSS.Transform.toString(transform),
       transition: transition
     };
-    return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread(_objectSpread({}, resetField), {}, {
+
+    if (!virtual) {
+      return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread(_objectSpread({}, resetField), {}, {
+        ref: setNodeRef,
+        key: key,
+        style: style
+      }, attributes), children);
+    }
+
+    return /*#__PURE__*/React__default['default'].createElement(VirtualRow$1, _objectSpread(_objectSpread({}, resetField), {}, {
       ref: setNodeRef,
+      pref: setNodeRef,
       key: key,
       style: style
     }, attributes), children);
   };
 
-  var _excluded$2Q = ["children"];
-  var Item$5 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var _children$props;
+  var SortableItem$2 = /*#__PURE__*/React.memo(SortableItem$1);
+
+  var _excluded$2S = ["children"];
+  //   children: React.ReactNode
+  // }
+  // interface ItemInstance {}
+  // @ts-ignore
 
+  var Item$5 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties$1(_ref, _excluded$2Q);
+        props = _objectWithoutProperties$1(_ref, _excluded$2S);
+
+    // const rProps = omit({ ...props, ...children.props }, [
+    //   'isSticky',
+    //   'colStart',
+    //   'colEnd',
+    //   'prefixCls',
+    //   'fixLeft',
+    //   'fixRight',
+    //   'lastFixLeft',
+    //   'firstFixRight',
+    //   'lastFixRight',
+    //   'firstFixLeft',
+    //   'isSticky',
+    //   'additionalProps',
+    //   'rowType',
+    // ])
+    return (
+      /*#__PURE__*/
+      // <th {...rProps} ref={ref as any} />
+      React__default['default'].createElement("th", _objectSpread(_objectSpread(_objectSpread({}, props), children.props), {}, {
+        ref: ref
+      })) // <th {...props} ref={ref as any}>
+      //   {(children as any)?.props?.children || children}
+      // </th>
 
-    return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread(_objectSpread({}, props), {}, {
-      ref: ref
-    }), (children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) || children);
+    );
   });
-  function SortableItem$2(props) {
+  function SortableItem$3(props) {
+    var id = props.id;
+
     var _useSortable = useSortable({
-      id: props.id
+      id: id
     }),
         attributes = _useSortable.attributes,
         listeners = _useSortable.listeners,
@@ -312746,7 +313071,9 @@
 
     var style = {
       position: 'relative',
-      transform: CSS.Translate.toString(transform),
+      transform: CSS.Translate.toString(transform ? _objectSpread(_objectSpread({}, transform), {}, {
+        y: 0
+      }) : transform),
       transition: transition,
       touchAction: 'none',
       height: '40px',
@@ -312776,7 +313103,7 @@
         touchAction: 'none',
         cursor: 'move'
       },
-      className: 'icon_drag' + (isDragging ? 'bing' : '')
+      className: "icon_drag".concat(isDragging ? 'bing' : '')
     }));
   };
 
@@ -312788,19 +313115,20 @@
   function deepDataSourcePreKeys(dataSource, rowKey) {
     var deepDataSource = [];
 
-    var eachChildren = function eachChildren(children, preKeys) {
-      children === null || children === void 0 ? void 0 : children.forEach(function (item) {
+    var eachChildren = function eachChildren(children, preKeys, deepIds) {
+      children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
         deepDataSource.push(_objectSpread(_objectSpread({}, item), {}, {
-          preKeys: [].concat(_toConsumableArray$1(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
+          preKeys: [].concat(_toConsumableArray$1(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]]),
+          _deepIds: [].concat(_toConsumableArray$1(deepIds), [index + 1])
         }));
 
         if (item === null || item === void 0 ? void 0 : item.children) {
-          eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat(_toConsumableArray$1(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
+          eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat(_toConsumableArray$1(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]]), [].concat(_toConsumableArray$1(deepIds), [index + 1])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
         }
       });
     };
 
-    eachChildren(dataSource, []);
+    eachChildren(dataSource, [], []);
     return lodash.keyBy(deepDataSource, rowKey);
   }
   function isExpandRow(children) {
@@ -312832,21 +313160,366 @@
 
       return _objectSpread(_objectSpread({}, v), {}, _defineProperty$1({}, rowKey, v[rowKey] || "v".concat(idx + 1)));
     });
-    return res;
+    return res || [];
+  }
+  function getExpandStatus(children) {
+    var _children$2, _children$2$props, _children$2$props$chi, _children$2$props$chi2, _children$2$props$chi3;
+
+    return isExpandRow(children) ? children === null || children === void 0 ? void 0 : (_children$2 = children[0]) === null || _children$2 === void 0 ? void 0 : (_children$2$props = _children$2.props) === null || _children$2$props === void 0 ? void 0 : (_children$2$props$chi = _children$2$props.children) === null || _children$2$props$chi === void 0 ? void 0 : (_children$2$props$chi2 = _children$2$props$chi[1]) === null || _children$2$props$chi2 === void 0 ? void 0 : (_children$2$props$chi3 = _children$2$props$chi2.props) === null || _children$2$props$chi3 === void 0 ? void 0 : _children$2$props$chi3['aria-label'] : '';
+  }
+  function checkMemoShouldUploadSpecialFun(prev, next) {
+    var _prevCol$componentPro, _nextCol$componentPro, _prevCol$componentPro2, _nextCol$componentPro2, _prevCol$componentPro3, _nextCol$componentPro3, _prevCol$componentPro4, _nextCol$componentPro4, _prevCol$componentPro5, _nextCol$componentPro5, _prevCol$componentPro6, _nextCol$componentPro6;
+
+    var checkExpandStatus = getExpandStatus(prev.children) === getExpandStatus(next.children);
+
+    if (!checkExpandStatus) {
+      return false;
+    }
+
+    var prevCol = prev === null || prev === void 0 ? void 0 : prev.col;
+    var nextCol = next === null || next === void 0 ? void 0 : next.col;
+    /** TODO: 使用了自定义render, 是否要判断rowIndex? 这样排序之后，渲染的性能就会变差 */
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.render) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.render)) && !lodash.isEqual(lodash.pick(prev, ['colIndex', 'record', 'children']), lodash.pick(next, ['colIndex', 'record', 'children']))) {
+      return false;
+    }
+
+    if (!(next === null || next === void 0 ? void 0 : next.quickOpetateClearAll) && ((next === null || next === void 0 ? void 0 : next.getLength) < 2 || (prev === null || prev === void 0 ? void 0 : prev.getLength) === 1) && (next === null || next === void 0 ? void 0 : next.dataIndex) === 'lm_edit_opetate') {
+      return false;
+    }
+
+    if (prev.isEdit !== next.isEdit) {
+      return false;
+    } // console.log(22, prevCol?.editable === 'render', nextCol?.editable === 'render', prevCol?.componentProps, prevCol?.componentProps)
+
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.editable) === 'render' || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.editable) === 'render') && ((prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro = prevCol.componentProps) === null || _prevCol$componentPro === void 0 ? void 0 : _prevCol$componentPro.render) || (nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro = nextCol.componentProps) === null || _nextCol$componentPro === void 0 ? void 0 : _nextCol$componentPro.render)) && (!lodash.isEqual(lodash.omit(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps, ['render']), lodash.omit(nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps, ['render'])) || !lodash.isEqual(lodash.pick(prev, ['colIndex', 'record', 'rowIndex']), lodash.pick(next, ['colIndex', 'record', 'rowIndex'])))) {
+      return false;
+    }
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.fixed) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed)) && !lodash.isEqual(prev === null || prev === void 0 ? void 0 : prev.style, next === null || next === void 0 ? void 0 : next.style)) {
+      return false;
+    }
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro2 = prevCol.componentProps) === null || _prevCol$componentPro2 === void 0 ? void 0 : _prevCol$componentPro2.optionOnly) || (nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro2 = nextCol.componentProps) === null || _nextCol$componentPro2 === void 0 ? void 0 : _nextCol$componentPro2.optionOnly)) && !lodash.isEqual(prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro3 = prevCol.componentProps) === null || _prevCol$componentPro3 === void 0 ? void 0 : _prevCol$componentPro3.options, nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro3 = nextCol.componentProps) === null || _nextCol$componentPro3 === void 0 ? void 0 : _nextCol$componentPro3.options)) {
+      return false;
+    }
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro4 = prevCol.componentProps) === null || _prevCol$componentPro4 === void 0 ? void 0 : _prevCol$componentPro4.options) || (nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro4 = nextCol.componentProps) === null || _nextCol$componentPro4 === void 0 ? void 0 : _nextCol$componentPro4.options)) && !lodash.isEqual(prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro5 = prevCol.componentProps) === null || _prevCol$componentPro5 === void 0 ? void 0 : _prevCol$componentPro5.options, nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro5 = nextCol.componentProps) === null || _nextCol$componentPro5 === void 0 ? void 0 : _nextCol$componentPro5.options)) {
+      return false;
+    }
+
+    if ((lodash.isFunction(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) || lodash.isFunction(nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps)) && !lodash.isEqual(prevCol.newOptions, nextCol.newOptions) && !lodash.isEqual(prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps, nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps)) {
+      return false;
+    }
+
+    if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.order) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.order)) && !lodash.isEqual(prevCol === null || prevCol === void 0 ? void 0 : prevCol.order, nextCol === null || nextCol === void 0 ? void 0 : nextCol.order)) {
+      // return isEqual(prevCol?.order, nextCol?.fixed)
+      return false;
+    }
+
+    if (next.className.indexOf('drag-visible') > -1) {
+      return lodash.isEqual(prev.style, next.style);
+    }
+
+    if (next.className.indexOf('ant-table-selection-column') > -1) {
+      var _prev$children, _prev$children$, _next$children, _next$children$;
+
+      return lodash.isEqual((_prev$children = prev.children) === null || _prev$children === void 0 ? void 0 : (_prev$children$ = _prev$children[1]) === null || _prev$children$ === void 0 ? void 0 : _prev$children$.props, (_next$children = next.children) === null || _next$children === void 0 ? void 0 : (_next$children$ = _next$children[1]) === null || _next$children$ === void 0 ? void 0 : _next$children$.props);
+    }
+    /** 如果启用了快速复制功能，需要实时判断rowIndex与getLength */
+
+
+    if ((prevCol === null || prevCol === void 0 ? void 0 : (_prevCol$componentPro6 = prevCol.componentProps) === null || _prevCol$componentPro6 === void 0 ? void 0 : _prevCol$componentPro6.quickcopy) || (nextCol === null || nextCol === void 0 ? void 0 : (_nextCol$componentPro6 = nextCol.componentProps) === null || _nextCol$componentPro6 === void 0 ? void 0 : _nextCol$componentPro6.quickcopy)) {
+      var pickProps = ['record', 'colIndex', 'rowIndex', 'getLength'];
+      var p = lodash.pick(prev, pickProps);
+      var n = lodash.pick(next, pickProps);
+      return lodash.isEqual(p, n);
+    }
+
+    return true;
+  }
+  function checkExpandIconColumnIndex(_ref) {
+    var rowSelection = _ref.rowSelection,
+        sortOpen = _ref.sortOpen,
+        indexCol = _ref.indexCol;
+    var arr = [rowSelection, sortOpen, indexCol].filter(function (item) {
+      return !!item;
+    });
+    return arr.length;
+  }
+
+  var DndContainer$3 = function DndContainer(_ref) {
+    var children = _ref.children,
+        options = _ref.options,
+        move = _ref.move,
+        rowKey = _ref.rowKey,
+        items = _ref.items,
+        tableWidth = _ref.tableWidth;
+
+    var _React$useState = React__default['default'].useState(false),
+        _React$useState2 = _slicedToArray$1(_React$useState, 2),
+        isDragging = _React$useState2[0],
+        setIsDragging = _React$useState2[1]; // 是否拖拽中
+
+
+    var _React$useState3 = React__default['default'].useState(null),
+        _React$useState4 = _slicedToArray$1(_React$useState3, 2),
+        activeId = _React$useState4[0],
+        setActiveId = _React$useState4[1]; // 是否拖拽中
+
+
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })); // 开始拖拽
+
+    var handleDragStart = function handleDragStart(_ref2) {
+      var active = _ref2.active;
+      setIsDragging(true);
+
+      if (!active) {
+        return;
+      }
+
+      setActiveId(active.id);
+    }; // 拖拽结束
+
+
+    var handleDragEnd = function handleDragEnd(event) {
+      var active = event.active,
+          over = event.over;
+      setActiveId(null); // 未移入时触发
+
+      if (!(over === null || over === void 0 ? void 0 : over.id)) {
+        return;
+      } // 移入时触发更新数据
+
+
+      if (active.id !== over.id) {
+        move(active.id, over.id);
+      }
+    };
+
+    var instance = {
+      isDragging: isDragging,
+      activeId: activeId,
+      options: options,
+      rowKey: rowKey,
+      children: children,
+      move: move,
+      items: items,
+      tableWidth: tableWidth
+    };
+    console.log('instance', instance);
+    return /*#__PURE__*/React__default['default'].createElement(DndContext, {
+      sensors: sensors,
+      onDragStart: handleDragStart,
+      onDragCancel: function onDragCancel() {
+        return setActiveId(null);
+      },
+      collisionDetection: closestCenter,
+      onDragEnd: handleDragEnd,
+      modifiers: [restrictToParentElement, restrictToVerticalAxis]
+    }, children);
+  };
+
+  var DndContainer$4 = /*#__PURE__*/React.memo(DndContainer$3);
+
+  var SortableBox$2 = function SortableBox(_ref) {
+    var items = _ref.items,
+        children = _ref.children;
+    return /*#__PURE__*/React__default['default'].createElement(SortableContext$1, {
+      items: items,
+      strategy: verticalListSortingStrategy
+    }, children);
+  };
+
+  var _excluded$2T = ["keys", "onSortEnd", "virtual", "rowKey", "options", "tableWidth"];
+
+  var DraggableContainer = function DraggableContainer(_ref) {
+    var keys = _ref.keys,
+        onSortEnd = _ref.onSortEnd,
+        virtual = _ref.virtual,
+        rowKey = _ref.rowKey,
+        options = _ref.options,
+        tableWidth = _ref.tableWidth,
+        props = _objectWithoutProperties$1(_ref, _excluded$2T);
+
+    return /*#__PURE__*/React__default['default'].createElement(DndContainer$4, {
+      move: onSortEnd,
+      items: keys,
+      rowKey: rowKey,
+      options: options,
+      tableWidth: tableWidth
+    }, /*#__PURE__*/React__default['default'].createElement(SortableBox$2, {
+      items: keys
+    }, virtual ? /*#__PURE__*/React__default['default'].createElement(VirtualWrapper$1, _objectSpread({}, props)) : /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread({}, props))));
+  };
+
+  var BottomOpetateComponent = function BottomOpetateComponent(props) {
+    var isShowAddAction = props.isShowAddAction,
+        recordCreatorProps = props.recordCreatorProps,
+        handleAdd = props.handleAdd,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled;
+    return isShowAddAction ? /*#__PURE__*/React__default['default'].createElement(LMButton, {
+      className: "lm_editTable_add_bar",
+      type: "dashed",
+      disabled: disabled,
+      onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
+      style: _objectSpread({
+        marginTop: 8
+      }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
+    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: "lmweb-plus"
+    }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增') : null;
+  };
+
+  var getRenderPropValue$1 = function getRenderPropValue(propValue) {
+    if (!propValue) {
+      return null;
+    }
+
+    var isRenderFunction = typeof propValue === 'function';
+
+    if (isRenderFunction) {
+      return propValue();
+    }
+
+    return propValue;
+  };
+
+  var _excluded$2U = ["prefixCls", "title", "content", "_overlay"];
+  var Popover$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var customizePrefixCls = _ref.prefixCls,
+        title = _ref.title,
+        content = _ref.content,
+        _overlay = _ref._overlay,
+        otherProps = _objectWithoutProperties$1(_ref, _excluded$2U);
+
+    var _React$useContext = React.useContext(ConfigContext),
+        getPrefixCls = _React$useContext.getPrefixCls;
+
+    var getOverlay = function getOverlay(prefixCls) {
+      if (!title && !content) return undefined;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-title")
+      }, getRenderPropValue$1(title)), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-inner-content")
+      }, getRenderPropValue$1(content)));
+    };
+
+    var prefixCls = getPrefixCls('popover', customizePrefixCls);
+    var rootPrefixCls = getPrefixCls();
+    return /*#__PURE__*/React.createElement(Tooltip$4, _objectSpread(_objectSpread({}, otherProps), {}, {
+      prefixCls: prefixCls,
+      ref: ref,
+      overlay: _overlay || getOverlay(prefixCls),
+      transitionName: getTransitionName$9(rootPrefixCls, 'zoom-big', otherProps.transitionName)
+    }));
+  });
+
+  {
+    Popover$1.displayName = 'Popover';
   }
 
-  var _excluded$2R = ["index"],
+  Popover$1.defaultProps = {
+    placement: 'top',
+    trigger: 'hover',
+    mouseEnterDelay: 0.1,
+    mouseLeaveDelay: 0.1,
+    overlayStyle: {}
+  };
+  Popover$1.AntdPopover = Popover;
+
+  var QuickOpetate = function QuickOpetate(_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 disabled = React__default['default'].useContext(DisabledContext$1) || false;
+
+    var appendChildren = function appendChildren() {
+      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
+    };
+
+    var appendAdd = function appendAdd() {
+      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
+    };
+
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+        marginLeft: '-4px'
+      }
+    }, options.includes('delete') && /*#__PURE__*/React__default['default'].createElement(LMButton, {
+      type: "link",
+      size: "small",
+      disabled: !quickOpetateClearAll && getLength < 2 || disabled,
+      icon: /*#__PURE__*/React__default['default'].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__default['default'].createElement(Popover$1, {
+      placement: "bottom",
+      overlayClassName: "lm_table_append_add_popover",
+      open: open,
+      title: null,
+      content: /*#__PURE__*/React__default['default'].createElement("ul", null, /*#__PURE__*/React__default['default'].createElement("li", {
+        onClick: appendAdd
+      }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React__default['default'].createElement("li", {
+        onClick: appendChildren
+      }, "\u6DFB\u52A0\u5B50\u7EA7")),
+      trigger: "hover"
+    }, /*#__PURE__*/React__default['default'].createElement(LMButton, {
+      type: "link",
+      size: "small",
+      icon: /*#__PURE__*/React__default['default'].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__default['default'].createElement(LMButton, {
+      type: "link",
+      size: "small",
+      disabled: disabled,
+      icon: /*#__PURE__*/React__default['default'].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')));
+      }
+    }) : null);
+  };
+
+  var _excluded$2V = ["index", "virtual"],
       _excluded2$I = ["index"],
       _excluded3$b = ["value", "onChange", "record", "rowIndex", "colIndex", "validator"],
-      _excluded4$2 = ["record", "rowKey", "isEdit", "col", "rowIndex", "colIndex", "handleTableRowDelete", "handleTableRowAdd", "quickOpetateClearAll", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps", "setValid", "reWriteOriginSource"],
+      _excluded4$2 = ["record", "rowKey", "isEdit", "col", "rowIndex", "colIndex", "handleTableRowDelete", "handleTableRowAdd", "quickOpetateClearAll", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps"],
       _excluded5 = ["onMouseEnter", "onMouseLeave"],
-      _excluded6 = ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"];
+      _excluded6 = ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "virtual", "sortOpen", "disabled", "colSortOpen", "indexCol", "filterChange", "size", "recordCreatorProps", "shouldUpdate", "loading"];
   var UploadBtn$1 = UploadOss.UploadBtn;
   var EditableContext$1 = /*#__PURE__*/React__default['default'].createContext(null); // 表格行
 
   var EditableRow$1 = function EditableRow(_ref) {
     var index = _ref.index,
-        props = _objectWithoutProperties$1(_ref, _excluded$2R);
+        virtual = _ref.virtual,
+        props = _objectWithoutProperties$1(_ref, _excluded$2V);
 
     var _Form$useForm = Form$4.useForm(),
         _Form$useForm2 = _slicedToArray$1(_Form$useForm, 1),
@@ -312857,7 +313530,7 @@
       component: false
     }, /*#__PURE__*/React__default['default'].createElement(EditableContext$1.Provider, {
       value: form
-    }, /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread({}, props))));
+    }, virtual ? /*#__PURE__*/React__default['default'].createElement(VirtualRow$1, _objectSpread({}, props)) : /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread({}, props))));
   };
 
   var EditableSortRow = function EditableSortRow(_ref2) {
@@ -312870,10 +313543,11 @@
 
     return /*#__PURE__*/React__default['default'].createElement(Form$4, {
       form: form,
+      disabled: props.disabled || false,
       component: false
     }, /*#__PURE__*/React__default['default'].createElement(EditableContext$1.Provider, {
       value: form
-    }, /*#__PURE__*/React__default['default'].createElement(SortableItem$1, _objectSpread({}, props))));
+    }, /*#__PURE__*/React__default['default'].createElement(SortableItem$2, _objectSpread({}, props))));
   };
 
   var UploadSingle$1 = function UploadSingle(props) {
@@ -313000,88 +313674,7 @@
         return handleInput(e, 'next');
       }
     }, editEnum))));
-  }; // 操作列
-
-
-  var Opetate$1 = function Opetate(_ref4) {
-    var record = _ref4.record,
-        rowKey = _ref4.rowKey,
-        handleAdd = _ref4.handleAdd,
-        handleDelete = _ref4.handleDelete,
-        _ref4$options = _ref4.options,
-        options = _ref4$options === void 0 ? ['add', 'delete'] : _ref4$options,
-        getLength = _ref4.getLength,
-        quickOpetateClearAll = _ref4.quickOpetateClearAll;
-
-    var appendChildren = function appendChildren() {
-      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
-    };
-
-    var appendAdd = function appendAdd() {
-      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
-    };
-
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'flex-start',
-        marginLeft: '-4px'
-      }
-    }, options.includes('delete') && /*#__PURE__*/React__default['default'].createElement(LMButton, {
-      type: "link",
-      size: "small",
-      disabled: !quickOpetateClearAll && getLength < 2,
-      icon: /*#__PURE__*/React__default['default'].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__default['default'].createElement(Popover$1, {
-      placement: "bottom",
-      overlayClassName: 'lm_table_append_add_popover',
-      open: open,
-      title: null,
-      content: /*#__PURE__*/React__default['default'].createElement("ul", null, /*#__PURE__*/React__default['default'].createElement("li", {
-        onClick: appendAdd
-      }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React__default['default'].createElement("li", {
-        onClick: appendChildren
-      }, "\u6DFB\u52A0\u5B50\u7EA7")),
-      trigger: "hover"
-    }, /*#__PURE__*/React__default['default'].createElement(LMButton, {
-      type: "link",
-      size: "small",
-      icon: /*#__PURE__*/React__default['default'].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__default['default'].createElement(LMButton, {
-      type: "link",
-      size: "small",
-      icon: /*#__PURE__*/React__default['default'].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： 下拉框时的数据数组（非数组时是配置设置）
@@ -313111,8 +313704,6 @@
         handleDelete = props.handleDelete,
         handleCopy = props.handleCopy,
         itemProps = props.itemProps,
-        setValid = props.setValid,
-        reWriteOriginSource = props.reWriteOriginSource,
         restProps = _objectWithoutProperties$1(props, _excluded4$2);
     /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
 
@@ -313133,6 +313724,12 @@
 
     var inputRef = React.useRef(null);
     var form = React.useContext(EditableContext$1);
+
+    var _useState5 = React.useState(false),
+        _useState6 = _slicedToArray$1(_useState5, 2),
+        hoverStatus = _useState6[0],
+        setHoverStatus = _useState6[1];
+
     React.useEffect(function () {
       if (editing) {
         var _inputRef$current;
@@ -313143,17 +313740,11 @@
 
     var toggleEdit = function toggleEdit() {
       setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
-    }; // const checkCellRef = useRef(null)
-    // const focusCapturedRef = useRef(false);
-    // const curValue = useMemo(() => {
-    //   return record?.dataIndex
-    // }, [record])
-    // const curValueIsValid = isValidValue(curValue);
-    // 校验保存
+    }; // 校验保存
 
 
     var save = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime$1().mark(function _callee(row) {
+      var _ref4 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime$1().mark(function _callee(row) {
         var values, resultComponentProps;
         return _regeneratorRuntime$1().wrap(function _callee$(_context) {
           while (1) {
@@ -313201,13 +313792,7 @@
               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;
@@ -313225,7 +313810,7 @@
       }));
 
       return function save(_x) {
-        return _ref5.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }(); // 触发保存
 
@@ -313236,16 +313821,15 @@
     /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
 
 
-    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 _col$newOptions;
 
-      // const resultComponentProps = isFunction(componentProps) ? componentProps?.(record, col) : componentProps
       var resultComponentProps = lodash.isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
 
       if (lodash.isFunction(componentProps) && (col === null || col === void 0 ? void 0 : (_col$newOptions = col.newOptions) === null || _col$newOptions === void 0 ? void 0 : _col$newOptions.length)) {
@@ -313254,7 +313838,7 @@
         });
       }
 
-      var clearAttrComponentProps = lodash.omit(resultComponentProps, ['optionOnly', 'isOnlyValue']);
+      var clearAttrComponentProps = lodash.omit(resultComponentProps, ['optionOnly', 'isOnlyValue', 'quickcopy']);
 
       switch (con) {
         case 'input':
@@ -313275,19 +313859,12 @@
               noStyle: true
             }, /*#__PURE__*/React__default['default'].cloneElement(resultComponentProps.addonAfter, {
               onChange: handleFormItemChange
-            })) : null,
-            suffix: resultComponentProps.quickcopy ? /*#__PURE__*/React__default['default'].createElement("span", {
-              className: 'lm_table_quickcopy'
-            }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-              onClick: copyKey,
-              type: 'lmweb-icon_m_brush'
             })) : null
           }));
 
         case 'inputRange':
           return /*#__PURE__*/React__default['default'].createElement(InputRange$1, _objectSpread(_objectSpread({
-            onChange: handleFormItemChange,
-            ref: inputRef
+            onChange: handleFormItemChange
           }, resultComponentProps), {}, {
             record: record,
             rowIndex: rowIndex,
@@ -313363,7 +313940,7 @@
 
         case 'switch':
           return /*#__PURE__*/React__default['default'].createElement(Switch$2, _objectSpread(_objectSpread({
-            size: 'small'
+            size: "small"
           }, clearAttrComponentProps), {}, {
             onChange: handleFormItemChange
           }));
@@ -313377,10 +313954,9 @@
 
         case 'operate':
         case 'lm_edit_opetate':
-          return /*#__PURE__*/React__default['default'].createElement(Opetate$1, _objectSpread({
+          return /*#__PURE__*/React__default['default'].createElement(QuickOpetate, _objectSpread({
             record: record,
             rowKey: rowKey,
-            ref: inputRef,
             handleAdd: handleTableRowAdd,
             handleDelete: handleTableRowDelete,
             getLength: getLength,
@@ -313394,7 +313970,7 @@
             var fromData = form.getFieldsValue();
             return render === null || render === void 0 ? void 0 : render(_objectSpread(_objectSpread({}, !isObjEmpty(fromData) ? _objectSpread(_objectSpread({}, record), {}, _defineProperty$1({}, dataIndex, fromData[dataIndex])) : record), {}, {
               onChange: save
-            }));
+            }), rowIndex);
           }
 
         default:
@@ -313429,7 +314005,8 @@
           valuePropName: editable === 'switch' ? 'checked' : 'value',
           style: {
             margin: 0
-          }
+          },
+          noStyle: formProps ? false : true
         }, formProps), {}, {
           name: dataIndex
         }), Control(editable)));
@@ -313441,6 +314018,7 @@
               margin: 0
             }
           }, formProps), {}, {
+            noStyle: formProps ? false : true,
             name: [dataIndex, 'value']
           }), Control(editable)));
         }
@@ -313453,31 +314031,68 @@
       }
 
       return childNode;
-    }, [col, isEdit, editing, getLength]); // const [childNode, setChildNode] = useState(getMemoChildNode);
-    // 出现死循环找我
+    }, [col, isEdit, editing, getLength, record]); // 出现死循环找我
 
     React.useEffect(function () {
       var editable = col.editable,
           dataIndex = col.dataIndex;
 
       if (isEdit && editable) {
-        form.setFieldsValue(_defineProperty$1({}, dataIndex, editable === 'date' ? hooks(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$1({}, dataIndex, editable === 'date' && record[dataIndex] ? hooks(record[dataIndex]) : record[dataIndex]));
+      }
     }, [record]);
+
+    var handleTdHover = function handleTdHover() {
+      setHoverStatus(true);
+    };
+
+    var handleTdMouseOut = function handleTdMouseOut() {
+      setHoverStatus(false);
+    };
+
     return /*#__PURE__*/React__default['default'].createElement("td", _objectSpread(_objectSpread({}, lodash.omit(clearProps, ['dataIndex'])), {}, {
       className: classnames(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__default['default'].createElement("span", {
+      className: 'quick_copy_warp quick_copy_up',
+      onClick: function onClick(e) {
+        return copyKey(e, 'up');
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: 'lmweb-icon_up'
+    })), getMemoChildNode, hoverStatus && props.rowIndex < props.getLength - 1 && /*#__PURE__*/React__default['default'].createElement("span", {
+      className: 'quick_copy_warp quick_copy_down',
+      onClick: function onClick(e) {
+        return copyKey(e, 'down');
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: 'lmweb-icon_down'
+    })));
   };
+  /** true 不刷新， false 刷新 */
+
+
+  var MemoEditableCell = /*#__PURE__*/React.memo(EditableCell$1, function (prev, next) {
+    var pickProps = ['record', 'colIndex'];
+    var p = lodash.pick(prev, pickProps);
+    var n = lodash.pick(next, pickProps);
+
+    if (next === null || next === void 0 ? void 0 : next.shouldUpdate) {
+      return false;
+    } // console.log(!checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n), '22', prev.record, next.record)
+    // console.log('333', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
 
+    /** TODO: 在record中带有children，子列表数据修改之后，会导致父级的record对比不一样 */
+
+
+    if (!checkMemoShouldUploadSpecialFun(prev, next)) {
+      return false;
+    }
+
+    return lodash.isEqual(p, n);
+  });
   var EditTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _localRowSelectList$s2;
 
@@ -313496,16 +314111,21 @@
         _props$quickOpetateCl = props.quickOpetateClearAll,
         quickOpetateClearAll = _props$quickOpetateCl === void 0 ? true : _props$quickOpetateCl,
         rowSelection = props.rowSelection,
+        virtual = props.virtual,
         sortOpen = props.sortOpen,
+        disabled = props.disabled,
         colSortOpen = props.colSortOpen,
+        _props$indexCol = props.indexCol,
+        indexCol = _props$indexCol === void 0 ? false : _props$indexCol,
         filterChange = props.filterChange,
         _props$size = props.size,
         size = _props$size === void 0 ? 'small' : _props$size,
         recordCreatorProps = props.recordCreatorProps,
         _props$shouldUpdate = props.shouldUpdate,
         shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
-        resetProps = _objectWithoutProperties$1(props, _excluded6); // const [dataSource, setDataSource] = useState([]);
-
+        _props$loading = props.loading,
+        loading = _props$loading === void 0 ? false : _props$loading,
+        resetProps = _objectWithoutProperties$1(props, _excluded6);
 
     var _useControllableValue = useControllableValue({
       value: checkRowKeyByDataSource(props.value, _rowKey),
@@ -313513,14 +314133,7 @@
     }),
         _useControllableValue2 = _slicedToArray$1(_useControllableValue, 2),
         dataSource = _useControllableValue2[0],
-        setDataSource = _useControllableValue2[1]; // const [count, setCount] = useState(0);
-
-
-    var _useState5 = React.useState({}),
-        _useState6 = _slicedToArray$1(_useState5, 2),
-        _valid = _useState6[0],
-        setValid = _useState6[1]; // const [localRowSelectList, setLocalRowSelectList] = useState([])
-
+        setDataSource = _useControllableValue2[1];
 
     var transformRowSelect = function transformRowSelect(selectedRowKeys, selectedRows, info) {
       var _rowSelection$onChang;
@@ -313537,43 +314150,28 @@
         _useControllableValue4 = _slicedToArray$1(_useControllableValue3, 2),
         localRowSelectList = _useControllableValue4[0],
         setLocalRowSelectList = _useControllableValue4[1];
+    /** TODO: 当前展开的列 */
+
 
     var _useState7 = React.useState([]),
         _useState8 = _slicedToArray$1(_useState7, 2),
-        sortEditTable = _useState8[0],
-        setCallBackFalg = _useState8[1];
-    /** 当前展开的列 */
+        expandedRowKeys = _useState8[0],
+        setExpandedRowKeys = _useState8[1];
 
-
-    var _useState9 = React.useState([]),
-        _useState10 = _slicedToArray$1(_useState9, 2),
-        expandedRowKeys = _useState10[0],
-        setExpandedRowKeys = _useState10[1];
-
-    var dataSourceRef = React.useRef([]);
-    var sortDataSorceRef = React.useRef([]);
-    var deepDataSourceRef = React.useRef([]);
-
-    var onSortEnd = function onSortEnd(active, over) {
-      var cloneArr = _toConsumableArray$1(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 dataSourceRef = React.useRef(dataSource);
+    var deepDataSourceRef = React.useRef(deepDataSourcePreKeys(dataSource, _rowKey));
+    dataSourceRef.current = dataSource;
+    deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
+    var tableWarpRef = React.useRef(null);
 
     var onColSortEnd = function onColSortEnd(active, over) {
       var _arrayMove;
 
       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((_arrayMove = arrayMove(columns, oldIndex, newIndex)) === null || _arrayMove === void 0 ? void 0 : _arrayMove.map(function (item, index) {
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -313586,55 +314184,21 @@
     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 = lodash.debounce(function (row) {
       var _recordCreatorProps$i;
 
       var addDataInfo = lodash.isFunction(recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.initData) ? recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : (_recordCreatorProps$i = recordCreatorProps.initData) === null || _recordCreatorProps$i === void 0 ? void 0 : _recordCreatorProps$i.call(recordCreatorProps) : recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.initData;
       var res = fn(dataSourceRef.current, function (draft) {
         draft.push(_objectSpread(_defineProperty$1({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
       });
-      setDataSource(res); // onChange?.(res)
-    };
-
-    React.useEffect(function () {
-      dataSourceRef.current = dataSource;
-      deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
-
-      if (sortOpen) {
-        var _sortDataSorceRef$cur;
-
-        var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
-          return item[_rowKey];
-        }).join(',');
-        var setCallBackFalgKeys = ((_sortDataSorceRef$cur = sortDataSorceRef.current) === null || _sortDataSorceRef$cur === void 0 ? void 0 : _sortDataSorceRef$cur.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)
-    // }
+      setDataSource(res);
+    }, 40);
 
     var handleSave = function handleSave(row, options) {
       var _deepDataSourceRef$cu, _deepDataSourceRef$cu2;
@@ -313707,25 +314271,26 @@
         }
       });
       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 (lodash.get(item, rowKey) === rowValue) {
-            lodash.set(item, dataIndex, nextValue);
-          }
+    }; // 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
 
-          return item;
-        });
-      });
-    }; // @ts-ignore
+    /** 删除当前行 */
 
 
-    var handleTableRowDelete = function handleTableRowDelete(key) {
+    var handleTableRowDelete = lodash.debounce(function (key) {
       var _deepDataSourceRef$cu3, _deepDataSourceRef$cu4;
 
-      var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu3 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu3 === void 0 ? void 0 : (_deepDataSourceRef$cu4 = _deepDataSourceRef$cu3[key]) === null || _deepDataSourceRef$cu4 === void 0 ? void 0 : _deepDataSourceRef$cu4.preKeys;
+      var rkey = lodash.isObject(key) ? key[_rowKey] : key;
+      var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu3 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu3 === void 0 ? void 0 : (_deepDataSourceRef$cu4 = _deepDataSourceRef$cu3[rkey]) === null || _deepDataSourceRef$cu4 === void 0 ? void 0 : _deepDataSourceRef$cu4.preKeys;
 
       if (preKeys.length > 1) {
         /** 说明删除的是children中的数据 */
@@ -313746,7 +314311,7 @@
           return newData;
         };
 
-        var res = filter(dataSource, key);
+        var res = filter(dataSourceRef.current, key);
         setDataSource(res);
       } else {
         var _dataSourceRef$curren;
@@ -313767,32 +314332,74 @@
 
         setDataSource(_res);
       }
-    };
-    /** 快捷添加 */
 
+      return null;
+    }, 40);
+    /** 替换当前行 */
 
-    var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
+    var handleTableRowReplace = lodash.debounce(function (record, defaultRecord) {
       var _deepDataSourceRef$cu5, _deepDataSourceRef$cu6;
 
-      var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu5 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu5 === void 0 ? void 0 : (_deepDataSourceRef$cu6 = _deepDataSourceRef$cu5[record[_rowKey]]) === null || _deepDataSourceRef$cu6 === void 0 ? void 0 : _deepDataSourceRef$cu6.preKeys;
+      var rkey = lodash.isObject(record) ? record[_rowKey] : record;
+      var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu5 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu5 === void 0 ? void 0 : (_deepDataSourceRef$cu6 = _deepDataSourceRef$cu5[rkey]) === null || _deepDataSourceRef$cu6 === void 0 ? void 0 : _deepDataSourceRef$cu6.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 _objectSpread(_objectSpread({}, item), {}, {
+              children: child
+            });
+          } else {
+            return item;
+          }
+        });
+      };
+
+      var res = deep(dataSourceRef.current);
+      setDataSource(res);
+    }, 40);
+    /** 快捷添加 */
+
+    var handleTableRowAdd = lodash.debounce(function (record, isAppendInChindren, defaultRecord) {
+      var _deepDataSourceRef$cu7, _deepDataSourceRef$cu8;
+
+      var rkey = lodash.isObject(record) ? record[_rowKey] : record;
+      var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu7 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu7 === void 0 ? void 0 : (_deepDataSourceRef$cu8 = _deepDataSourceRef$cu7[rkey]) === null || _deepDataSourceRef$cu8 === void 0 ? void 0 : _deepDataSourceRef$cu8.preKeys;
       var res = fn(dataSourceRef.current, function (draft) {
-        if (preKeys.length > 1) {
+        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) {
               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) {
-                      var _item$children;
+                      if (Array.isArray(defaultRecord)) {
+                        var _item$children;
 
-                      item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.push(_defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                        item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.push.apply(_item$children, _toConsumableArray$1(defaultRecord));
+                      } else {
+                        var _item$children2;
+
+                        item === null || item === void 0 ? void 0 : (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.push(defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                      }
                     } else {
-                      item.children = [_defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+                      if (Array.isArray(defaultRecord)) {
+                        item.children = _toConsumableArray$1(defaultRecord);
+                      } else {
+                        item.children = [defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+                      }
                     }
 
                     !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray$1(expandedRowKeys), [item[_rowKey]]));
                   } else {
-                    children.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                    if (Array.isArray(defaultRecord)) {
+                      children.splice.apply(children, [index + 1, 0].concat(_toConsumableArray$1(defaultRecord)));
+                    } else {
+                      children.splice(index + 1, 0, defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                    }
                   }
                 } else if (item.children) {
                   deeps(item.children);
@@ -313804,7 +314411,7 @@
           deeps(draft);
         } else {
           var index = draft.findIndex(function (item) {
-            return record[_rowKey] === item[_rowKey];
+            return rkey === item[_rowKey];
           });
 
           if (index !== -1) {
@@ -313812,27 +314419,40 @@
               var _draft$index$children, _draft$index, _draft$index2;
 
               if ((_draft$index$children = draft[index].children) === null || _draft$index$children === void 0 ? void 0 : _draft$index$children.length) {
-                var _draft$index$children2;
+                if (Array.isArray(defaultRecord)) {
+                  var _draft$index$children2;
+
+                  (_draft$index$children2 = draft[index].children) === null || _draft$index$children2 === void 0 ? void 0 : _draft$index$children2.push.apply(_draft$index$children2, _toConsumableArray$1(defaultRecord));
+                } else {
+                  var _draft$index$children3;
 
-                (_draft$index$children2 = draft[index].children) === null || _draft$index$children2 === void 0 ? void 0 : _draft$index$children2.push(_defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                  (_draft$index$children3 = draft[index].children) === null || _draft$index$children3 === void 0 ? void 0 : _draft$index$children3.push(defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                }
               } else {
-                draft[index].children = [_defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+                draft[index].children = Array.isArray(defaultRecord) ? _toConsumableArray$1(defaultRecord) : [defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now()))];
               }
 
               !expandedRowKeys.includes((_draft$index = draft[index]) === null || _draft$index === void 0 ? void 0 : _draft$index[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray$1(expandedRowKeys), [(_draft$index2 = draft[index]) === null || _draft$index2 === void 0 ? void 0 : _draft$index2[_rowKey]]));
             } else {
-              draft.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+              if (Array.isArray(defaultRecord)) {
+                draft.splice.apply(draft, [index + 1, 0].concat(_toConsumableArray$1(defaultRecord)));
+              } else {
+                draft.splice(index + 1, 0, defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+              }
             }
           }
         }
       });
       setDataSource(res);
-    };
+    }, 50);
+    /** 快捷刷子功能 */
 
-    var handleCopy = function handleCopy(key, value) {
+    var handleCopy = function handleCopy(key, value, type, rowIndex) {
       var res = fn(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);
@@ -313841,17 +314461,16 @@
 
 
     var hasDisableOptions = React.useMemo(function () {
-      // const hasOnlyOptionsDatas = columns.filter(item => item?.['componentProps']?.optionOnly)
       var hasOnlyOptionsDatas = columns.filter(function (item) {
         var _item$componentProps;
 
         var resultComponentProps = lodash.isFunction(item === null || item === void 0 ? void 0 : item.componentProps) ? item === null || item === void 0 ? void 0 : (_item$componentProps = item.componentProps) === null || _item$componentProps === void 0 ? void 0 : _item$componentProps.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;
         });
       }
 
@@ -313863,12 +314482,11 @@
       var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
         var _item$componentProps2;
 
-        var resultComponentProps = lodash.isFunction(item.componentProps) ? item === null || item === void 0 ? void 0 : (_item$componentProps2 = item.componentProps) === null || _item$componentProps2 === void 0 ? void 0 : _item$componentProps2.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
-
-        var _ref8 = resultComponentProps || {},
-            optionOnly = _ref8.optionOnly,
-            options = _ref8.options; // const { optionOnly, options } = item['componentProps'] || {}
+        var resultComponentProps = lodash.isFunction(item.componentProps) ? (_item$componentProps2 = item.componentProps) === null || _item$componentProps2 === void 0 ? void 0 : _item$componentProps2.call(item, {}, item) : item.componentProps;
 
+        var _ref11 = resultComponentProps || {},
+            optionOnly = _ref11.optionOnly,
+            options = _ref11.options;
 
         if (optionOnly && options) {
           var dataIndex = item.dataIndex;
@@ -313888,7 +314506,7 @@
           }
 
           return _objectSpread(_objectSpread({}, item), {}, {
-            componentProps: _objectSpread(_objectSpread({}, item['componentProps']), {}, {
+            componentProps: _objectSpread(_objectSpread({}, item.componentProps), {}, {
               options: newOptions
             })
           });
@@ -313904,21 +314522,54 @@
     /** 组装之后的最终columns */
 
     var resultColumns = React.useMemo(function () {
-      var _localColumns;
+      var _localColumns, _localColumns2, _localColumns3;
 
       var rColumns = hasDisableOptions ? DisableOptions : columns;
       var localColumns = [sortOpen ? {
         title: '排序',
-        dataIndex: 'sort',
+        dataIndex: '_sort',
         width: 48,
         maxWidth: 48,
         className: 'drag-visible',
+        fixed: 'left',
         render: function render(_, record) {
           return /*#__PURE__*/React__default['default'].createElement(Dragger$1, {
-            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$1(rColumns), [useQuickOpetate ? {
+      } : null, indexCol ? lodash.isBoolean(indexCol) ? {
+        title: '',
+        dataIndex: '_index',
+        width: 48,
+        maxWidth: 48,
+        ellipsis: true,
+        fixed: 'left',
+        render: function render(_, record, index) {
+          var _deepDataSourceRef$cu9, _deepDataSourceRef$cu10, _deepDataSourceRef$cu11;
+
+          console.log(deepDataSourceRef.current, '--deepDataSourceRef.current', _rowKey);
+          return ((_deepDataSourceRef$cu9 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu9 === void 0 ? void 0 : (_deepDataSourceRef$cu10 = _deepDataSourceRef$cu9[record[_rowKey]]) === null || _deepDataSourceRef$cu10 === void 0 ? void 0 : (_deepDataSourceRef$cu11 = _deepDataSourceRef$cu10['_deepIds']) === null || _deepDataSourceRef$cu11 === void 0 ? void 0 : _deepDataSourceRef$cu11.join('-')) || "".concat(index + 1);
+        }
+      } : _objectSpread(_objectSpread({
+        title: '',
+        dataIndex: '_index',
+        width: 48,
+        ellipsis: true,
+        maxWidth: 48,
+        fixed: 'left'
+      }, indexCol || {}), {}, {
+        render: function render(_, record, index) {
+          var _deepDataSourceRef$cu14, _deepDataSourceRef$cu15, _deepDataSourceRef$cu16;
+
+          if (lodash.isFunction(indexCol === null || indexCol === void 0 ? void 0 : indexCol.render)) {
+            var _indexCol$render, _deepDataSourceRef$cu12, _deepDataSourceRef$cu13;
+
+            return indexCol === null || indexCol === void 0 ? void 0 : (_indexCol$render = indexCol.render) === null || _indexCol$render === void 0 ? void 0 : _indexCol$render.call(indexCol, record, (_deepDataSourceRef$cu12 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu12 === void 0 ? void 0 : (_deepDataSourceRef$cu13 = _deepDataSourceRef$cu12[record[_rowKey]]) === null || _deepDataSourceRef$cu13 === void 0 ? void 0 : _deepDataSourceRef$cu13['_deepIds']);
+          }
+
+          return ((_deepDataSourceRef$cu14 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu14 === void 0 ? void 0 : (_deepDataSourceRef$cu15 = _deepDataSourceRef$cu14[record[_rowKey]]) === null || _deepDataSourceRef$cu15 === void 0 ? void 0 : (_deepDataSourceRef$cu16 = _deepDataSourceRef$cu15['_deepIds']) === null || _deepDataSourceRef$cu16 === void 0 ? void 0 : _deepDataSourceRef$cu16.join('-')) || "".concat(index + 1);
+        }
+      }) : null].concat(_toConsumableArray$1(rColumns), [useQuickOpetate ? {
         title: '操作',
         dataIndex: 'lm_edit_opetate',
         width: 68,
@@ -313929,11 +314580,11 @@
           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 = localColumns) === null || _localColumns === void 0 ? void 0 : _localColumns.map(function (item, index) {
         return _objectSpread(_objectSpread({}, 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;
@@ -313941,7 +314592,7 @@
       var leftColumns = [];
       var mainColumns = [];
       var rightColumns = [];
-      (_localColumns = localColumns) === null || _localColumns === void 0 ? void 0 : _localColumns.forEach(function (item) {
+      (_localColumns2 = localColumns) === null || _localColumns2 === void 0 ? void 0 : _localColumns2.forEach(function (item) {
         if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
           leftColumns.push(item);
         } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
@@ -313956,29 +314607,22 @@
       var mapColumns = function mapColumns(col, index) {
         var _col$children;
 
-        if (!col.editable && !((_col$children = col.children) === null || _col$children === void 0 ? void 0 : _col$children.length)) {
-          return col;
-        }
-
-        var newCol = _objectSpread(_objectSpread({}, col), {}, {
-          shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
-            var _col$componentProps2;
-
-            var dataIndex = col.dataIndex,
-                editable = col.editable,
-                relevanceCols = col.relevanceCols,
-                componentProps = col.componentProps;
+        if (!col.editable && !((_col$children = col.children) === null || _col$children === void 0 ? void 0 : _col$children.length) && (col === null || col === void 0 ? void 0 : col.dataIndex) === '_sort') {
+          var fn = col === null || col === void 0 ? void 0 : col.render;
+          return _objectSpread(_objectSpread({}, col), {}, {
+            render: function render(text, record, i) {
+              var _dataSource$i;
 
-            if (componentProps && lodash.isFunction(componentProps)) {
-              return true;
+              return fn === null || fn === void 0 ? void 0 : fn((_dataSource$i = dataSource[i]) === null || _dataSource$i === void 0 ? void 0 : _dataSource$i[col.dataIndex], dataSource[i], i);
             }
+          });
+        }
 
-            if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_col$componentProps2 = col.componentProps) === null || _col$componentProps2 === void 0 ? void 0 : _col$componentProps2.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
-              return true;
-            }
+        if (isEdit && (col === null || col === void 0 ? void 0 : col.render) && (col === null || col === void 0 ? void 0 : col.editable) === 'render') {
+          delete col.render;
+        }
 
-            return record[dataIndex] !== prevRecord[dataIndex];
-          },
+        var newCol = _objectSpread(_objectSpread({}, col), {}, {
           onCell: function onCell(record, rowIndex) {
             return {
               getLength: dataSource.length,
@@ -313993,7 +314637,7 @@
               editable: col.editable,
               dataIndex: col.dataIndex,
               itemProps: col.itemProps,
-              setValid: setValid,
+              shouldUpdate: shouldUpdate,
               isEdit: isEdit,
               isHoverEdit: isHoverEdit,
               handleAdd: handleAdd,
@@ -314001,8 +314645,7 @@
               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
             };
           }
         });
@@ -314016,28 +314659,28 @@
         return newCol;
       };
 
-      var res = localColumns.map(function (col, index) {
+      var res = (_localColumns3 = localColumns) === null || _localColumns3 === void 0 ? void 0 : _localColumns3.map(function (col, index) {
         return mapColumns(col, index);
       });
       return res;
-    }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, dataSource, _toConsumableArray$1(memoOptions)]);
-    var DraggableContainer = React.useCallback(function (_ref9) {
-      var _dataSourceRef$curren2;
+    }, [columns, isAdd, sortOpen, useQuickOpetate, dataSource, _toConsumableArray$1(memoOptions)]);
 
-      var props = _extends$2({}, _ref9);
+    var onSortEnd = function onSortEnd(active, over) {
+      var cloneArr = _toConsumableArray$1(dataSourceRef.current);
 
-      return /*#__PURE__*/React__default['default'].createElement(DndContainer$1, {
-        move: onSortEnd
-      }, /*#__PURE__*/React__default['default'].createElement(SortableBox$1, {
-        items: (_dataSourceRef$curren2 = dataSourceRef.current) === null || _dataSourceRef$curren2 === void 0 ? void 0 : _dataSourceRef$curren2.map(function (item) {
-          return item[_rowKey];
-        })
-      }, /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread({}, props))));
-    }, [sortEditTable]);
-    var colDraggableContainer = React.useCallback(function (_ref10) {
+      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 = React.useCallback(function (_ref12) {
       var _React$Children;
 
-      var props = _extends$2({}, _ref10);
+      var props = _extends$2({}, _ref12);
 
       return /*#__PURE__*/React__default['default'].createElement("tr", null, (_React$Children = React__default['default'].Children) === null || _React$Children === void 0 ? void 0 : _React$Children.map(props.children, function (child) {
         var _child$props, _child$props$column;
@@ -314046,45 +314689,23 @@
           return child;
         }
 
-        return /*#__PURE__*/React__default['default'].createElement(SortableItem$2, {
+        return /*#__PURE__*/React__default['default'].createElement(SortableItem$3, {
           id: child.key
         }, child);
       }));
     }, [columns]);
-    var config = React.useMemo(function () {
-      var component = {
-        body: Object.assign({
-          row: sortOpen ? EditableSortRow : EditableRow$1,
-          cell: EditableCell$1
-        }, sortOpen ? {
-          wrapper: DraggableContainer
-        } : {})
-      };
-
-      if (colSortOpen) {
-        component['header'] = {
-          row: colDraggableContainer
-        };
-      }
-
-      return _objectSpread({
-        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]);
     React.useImperativeHandle(ref, function () {
       return {
         setRow: handleSave,
         getCheckboxRecords: function getCheckboxRecords() {
           return localRowSelectList.selectedRows;
         },
+        deleteRowData: function deleteRowData(data) {
+          return handleTableRowDelete(data);
+        },
+        addRowData: function addRowData(data, defaultValue, addInChild) {
+          return addInChild === 'replace' ? handleTableRowReplace(data, defaultValue) : handleTableRowAdd(data, addInChild, defaultValue);
+        },
         clearSelect: function clearSelect() {
           setLocalRowSelectList({
             selectedRows: []
@@ -314094,34 +314715,82 @@
           setLocalRowSelectList({
             selectedRows: value
           });
-        },
-        valid: function valid() {
-          return _valid;
         }
       };
     });
     var isShowAddAction = React.useMemo(function () {
       return isEdit && isAdd || isHoverEdit && isAdd;
     }, [isEdit, isAdd, isHoverEdit]);
+    var config = React.useRef(_objectSpread({
+      pagination: false,
+      tableLayout: 'fixed',
+      scroll: {
+        x: '100%'
+      },
+      rowKey: function rowKey(record) {
+        return record[_rowKey] || record.index || Math.random();
+      },
+      components: {
+        table: virtual ? VirtualTable$1 : null,
+        body: Object.assign({
+          row: function row(rowProps) {
+            return sortOpen ? EditableSortRow(_objectSpread(_objectSpread({}, rowProps), {}, {
+              virtual: virtual
+            })) : EditableRow$1(_objectSpread(_objectSpread({}, rowProps), {}, {
+              virtual: virtual
+            }));
+          },
+          cell: MemoEditableCell
+        }, sortOpen ? {
+          wrapper: function wrapper(wrapperProps) {
+            var _dataSourceRef$curren2, _tableWarpRef$current, _tableWarpRef$current2;
+
+            return DraggableContainer(_objectSpread(_objectSpread({}, wrapperProps), {}, {
+              virtual: virtual,
+              keys: (_dataSourceRef$curren2 = dataSourceRef.current) === null || _dataSourceRef$curren2 === void 0 ? void 0 : _dataSourceRef$curren2.map(function (item) {
+                return item[_rowKey];
+              }),
+              options: dataSourceRef.current,
+              rowKey: _rowKey,
+              onSortEnd: onSortEnd,
+              tableWidth: tableWarpRef === null || tableWarpRef === void 0 ? void 0 : (_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : (_tableWarpRef$current2 = _tableWarpRef$current.getBoundingClientRect()) === null || _tableWarpRef$current2 === void 0 ? void 0 : _tableWarpRef$current2.width
+            }));
+          }
+        } : virtual ? {
+          wrapper: VirtualWrapper$1
+        } : {}),
+        header: {
+          row: colSortOpen ? colDraggableContainer : null
+        }
+      },
+      onRow: function onRow(record, index) {
+        return {
+          disabled: disabled
+        };
+      }
+    }, resetProps));
 
     if (colSortOpen) {
       var _localRowSelectList$s;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "lm_editTable_warpper"
-      }, /*#__PURE__*/React__default['default'].createElement(DndContainer$1, {
+        className: "lm_editTable_warpper",
+        ref: tableWarpRef
+      }, /*#__PURE__*/React__default['default'].createElement(DndContainer$2, {
+        rowKey: _rowKey,
+        options: resultColumns,
         move: onColSortEnd
-      }, /*#__PURE__*/React__default['default'].createElement(SortableBox$2, {
+      }, /*#__PURE__*/React__default['default'].createElement(SortableBox$1, {
         items: columns.reduce(function (acc, item) {
           return [].concat(_toConsumableArray$1(acc), [item.dataIndex]);
         }, [])
-      }, /*#__PURE__*/React__default['default'].createElement(Table$1, _objectSpread(_objectSpread({}, config), {}, {
+      }, /*#__PURE__*/React__default['default'].createElement(Table$1, _objectSpread(_objectSpread({}, config.current), {}, {
+        loading: loading,
         size: size || 'small',
         columns: resultColumns,
         rowClassName: "editable-row",
         bordered: true,
         pagination: false,
-        // components={tableComponents}
         rowSelection: !rowSelection ? undefined : _objectSpread(_objectSpread({
           fixed: true,
           type: 'checkbox',
@@ -314131,36 +314800,39 @@
             return lodash.isObject(v) ? v[_rowKey] : v;
           }),
           onChange: function onChange(selectedRowKeys, selectedRows, info) {
-            // editTableRowChange(selectedRowKeys, selectedRows, info)
             setLocalRowSelectList(selectedRowKeys, selectedRows, info);
           }
         }),
         dataSource: dataSource
-      })))), isShowAddAction && /*#__PURE__*/React__default['default'].createElement(LMButton, {
-        className: "lm_editTable_add_bar",
-        type: "dashed",
-        onClick: handleAdd,
-        style: {
-          marginTop: 8
-        }
-      }, /*#__PURE__*/React__default['default'].createElement(PlusCircleOutlined$2, {
-        className: "lmweb-plus"
-      }), "\u65B0\u589E"));
+      })))), /*#__PURE__*/React__default['default'].createElement(BottomOpetateComponent, {
+        disabled: disabled,
+        isShowAddAction: isShowAddAction,
+        recordCreatorProps: recordCreatorProps,
+        handleAdd: handleAdd
+      }));
     } // @ts-ignore
 
 
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "lm_editTable_warpper"
-    }, /*#__PURE__*/React__default['default'].createElement(Table$1, _objectSpread(_objectSpread({}, config), {}, {
+      className: "lm_editTable_warpper",
+      ref: tableWarpRef
+    }, /*#__PURE__*/React__default['default'].createElement(Table$1, _objectSpread(_objectSpread({}, config.current), {}, {
       size: size || 'small',
       columns: resultColumns,
       rowClassName: "editable-row",
       bordered: true,
+      loading: loading,
       pagination: false,
       // components={tableComponents}
       expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
         expandedRowKeys: expandedRowKeys,
         fixed: true,
+        // indentSize: 0,
+        expandIconColumnIndex: checkExpandIconColumnIndex({
+          rowSelection: rowSelection,
+          sortOpen: sortOpen,
+          indexCol: indexCol
+        }) || 0,
         onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
           return setExpandedRowKeys(expandedRows);
         }
@@ -314178,16 +314850,12 @@
         }
       }),
       dataSource: dataSource
-    })), isShowAddAction && /*#__PURE__*/React__default['default'].createElement(LMButton, {
-      className: "lm_editTable_add_bar",
-      type: "dashed",
-      onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
-      style: _objectSpread({
-        marginTop: 8
-      }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
-    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-      type: "lmweb-plus"
-    }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增'));
+    })), /*#__PURE__*/React__default['default'].createElement(BottomOpetateComponent, {
+      disabled: disabled,
+      isShowAddAction: isShowAddAction,
+      recordCreatorProps: recordCreatorProps,
+      handleAdd: handleAdd
+    }));
   });
   var LmEditTable = /*#__PURE__*/React.memo(EditTable$1);
 
@@ -314863,7 +315531,7 @@
     }
   }
 
-  var _excluded$2S = ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"];
+  var _excluded$2W = ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"];
   function generateRangePicker$1(generateConfig) {
     var RangePicker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var customizePrefixCls = props.prefixCls,
@@ -314876,7 +315544,7 @@
           bordered = _props$bordered === void 0 ? true : _props$bordered,
           placeholder = props.placeholder,
           customStatus = props.status,
-          restProps = _objectWithoutProperties$1(props, _excluded$2S);
+          restProps = _objectWithoutProperties$1(props, _excluded$2W);
 
       var innerRef = React.useRef(null);
 
@@ -314976,7 +315644,7 @@
     return RangePicker$1;
   }
 
-  var _excluded$2T = ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"];
+  var _excluded$2X = ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"];
   function generatePicker$2(generateConfig) {
     function getPicker(picker, displayName) {
       var Picker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -314990,7 +315658,7 @@
             placeholder = props.placeholder,
             customDisabled = props.disabled,
             customStatus = props.status,
-            restProps = _objectWithoutProperties$1(props, _excluded$2T);
+            restProps = _objectWithoutProperties$1(props, _excluded$2X);
 
         warning$6(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));
 
@@ -315198,63 +315866,6 @@
   var DatePicker$1 = generatePicker$3(momentGenerateConfig);
   DatePicker$1.AntdDatePicker = DatePicker;
 
-  var getRenderPropValue$1 = function getRenderPropValue(propValue) {
-    if (!propValue) {
-      return null;
-    }
-
-    var isRenderFunction = typeof propValue === 'function';
-
-    if (isRenderFunction) {
-      return propValue();
-    }
-
-    return propValue;
-  };
-
-  var _excluded$2U = ["prefixCls", "title", "content", "_overlay"];
-  var Popover$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var customizePrefixCls = _ref.prefixCls,
-        title = _ref.title,
-        content = _ref.content,
-        _overlay = _ref._overlay,
-        otherProps = _objectWithoutProperties$1(_ref, _excluded$2U);
-
-    var _React$useContext = React.useContext(ConfigContext),
-        getPrefixCls = _React$useContext.getPrefixCls;
-
-    var getOverlay = function getOverlay(prefixCls) {
-      if (!title && !content) return undefined;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-title")
-      }, getRenderPropValue$1(title)), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-inner-content")
-      }, getRenderPropValue$1(content)));
-    };
-
-    var prefixCls = getPrefixCls('popover', customizePrefixCls);
-    var rootPrefixCls = getPrefixCls();
-    return /*#__PURE__*/React.createElement(Tooltip$4, _objectSpread(_objectSpread({}, otherProps), {}, {
-      prefixCls: prefixCls,
-      ref: ref,
-      overlay: _overlay || getOverlay(prefixCls),
-      transitionName: getTransitionName$9(rootPrefixCls, 'zoom-big', otherProps.transitionName)
-    }));
-  });
-
-  {
-    Popover$1.displayName = 'Popover';
-  }
-
-  Popover$1.defaultProps = {
-    placement: 'top',
-    trigger: 'hover',
-    mouseEnterDelay: 0.1,
-    mouseLeaveDelay: 0.1,
-    overlayStyle: {}
-  };
-  Popover$1.AntdPopover = Popover;
-
   var CheckOutlined_1 = createCommonjsModule(function (module, exports) {
   // This icon file is generated automatically.
   Object.defineProperty(exports, "__esModule", { value: true });
@@ -316067,7 +316678,7 @@
 
   var KeyCode$1 = /*@__PURE__*/getDefaultExportFromCjs(KeyCode_1);
 
-  var _excluded$2V = ["style", "noStyle", "disabled"];
+  var _excluded$2Y = ["style", "noStyle", "disabled"];
   var inlineStyle$1 = {
     border: 0,
     background: 'transparent',
@@ -316096,7 +316707,7 @@
     var style = props.style,
         noStyle = props.noStyle,
         disabled = props.disabled,
-        restProps = _objectWithoutProperties$1(props, _excluded$2V);
+        restProps = _objectWithoutProperties$1(props, _excluded$2Y);
 
     var mergedStyle = {};
 
@@ -316307,7 +316918,7 @@
     }, conditions);
   });
 
-  var _excluded$2W = ["prefixCls", "component", "className", "aria-label", "setContentRef", "children"];
+  var _excluded$2Z = ["prefixCls", "component", "className", "aria-label", "setContentRef", "children"];
 
   var Typography$2 = function Typography(_ref, ref) {
     var customizePrefixCls = _ref.prefixCls,
@@ -316317,7 +316928,7 @@
         ariaLabel = _ref['aria-label'],
         setContentRef = _ref.setContentRef,
         children = _ref.children,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$2W);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$2Z);
 
     var _React$useContext = React.useContext(ConfigContext),
         getPrefixCls = _React$useContext.getPrefixCls,
@@ -316560,7 +317171,7 @@
     EllipsisTooltip$1.displayName = 'EllipsisTooltip';
   }
 
-  var _excluded$2X = ["prefixCls", "className", "style", "type", "disabled", "children", "ellipsis", "editable", "copyable", "component", "title"];
+  var _excluded$2_ = ["prefixCls", "className", "style", "type", "disabled", "children", "ellipsis", "editable", "copyable", "component", "title"];
 
   function wrapperDecorations$1(_ref, content) {
     var mark = _ref.mark,
@@ -316612,7 +317223,7 @@
         copyable = props.copyable,
         component = props.component,
         title = props.title,
-        restProps = _objectWithoutProperties$1(props, _excluded$2X);
+        restProps = _objectWithoutProperties$1(props, _excluded$2_);
 
     var _React$useContext = React.useContext(ConfigContext),
         getPrefixCls = _React$useContext.getPrefixCls,
@@ -317030,12 +317641,12 @@
     });
   });
 
-  var _excluded$2Y = ["ellipsis", "rel"];
+  var _excluded$2$ = ["ellipsis", "rel"];
 
   var Link$2 = function Link(_ref, ref) {
     var ellipsis = _ref.ellipsis,
         rel = _ref.rel,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$2Y);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$2$);
 
     warning$6(_typeof$1(ellipsis) !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.');
     var baseRef = React.useRef(null);
@@ -317069,11 +317680,11 @@
 
   var Paragraph$7 = /*#__PURE__*/React.forwardRef(Paragraph$6);
 
-  var _excluded$2Z = ["ellipsis"];
+  var _excluded$30 = ["ellipsis"];
 
   var Text$2 = function Text(_ref, ref) {
     var ellipsis = _ref.ellipsis,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$2Z);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$30);
 
     var mergedEllipsis = React.useMemo(function () {
       if (ellipsis && _typeof$1(ellipsis) === 'object') {
@@ -317093,13 +317704,13 @@
 
   var Text$3 = /*#__PURE__*/React.forwardRef(Text$2);
 
-  var _excluded$2_ = ["level"];
+  var _excluded$31 = ["level"];
   var TITLE_ELE_LIST$1 = tupleNum$1(1, 2, 3, 4, 5);
 
   var Title$4 = function Title(props, ref) {
     var _props$level = props.level,
         level = _props$level === void 0 ? 1 : _props$level,
-        restProps = _objectWithoutProperties$1(props, _excluded$2_);
+        restProps = _objectWithoutProperties$1(props, _excluded$31);
 
     var component;
 
@@ -317204,7 +317815,7 @@
   RefAutoComplete$1.Option = Option;
   RefAutoComplete$1.AntdAutoComplete = RefAutoComplete;
 
-  var _excluded$2$ = ["children", "treeData", "value", "defaultLabel", "disabled", "size"];
+  var _excluded$32 = ["children", "treeData", "value", "defaultLabel", "disabled", "size"];
   var CLMTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
         treeData = props.treeData,
@@ -317212,7 +317823,7 @@
         defaultLabel = props.defaultLabel,
         customDisabled = props.disabled,
         customizeSize = props.size,
-        resetProps = _objectWithoutProperties$1(props, _excluded$2$); // ===================== Disabled =====================
+        resetProps = _objectWithoutProperties$1(props, _excluded$32); // ===================== Disabled =====================
 
 
     var disabled = React__default['default'].useContext(DisabledContext$1);
@@ -317347,7 +317958,7 @@
     return ErrorBoundary;
   }(React.Component);
 
-  var _excluded$30 = ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "duration"];
+  var _excluded$33 = ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "duration"];
   var iconMapFilled$1 = {
     success: CheckCircleFilled$2,
     info: InfoCircleFilled$2,
@@ -317420,7 +318031,7 @@
         closeIcon = _ref$closeIcon === void 0 ? /*#__PURE__*/React.createElement(CloseOutlined$2, null) : _ref$closeIcon,
         action = _ref.action,
         duration = _ref.duration,
-        props = _objectWithoutProperties$1(_ref, _excluded$30);
+        props = _objectWithoutProperties$1(_ref, _excluded$33);
 
     var _React$useState = React.useState(false),
         _React$useState2 = _slicedToArray$1(_React$useState, 2),
@@ -317850,7 +318461,7 @@
     };
   };
 
-  var _excluded$31 = ["className", "onUrge", "onDeleteComment"];
+  var _excluded$34 = ["className", "onUrge", "onDeleteComment"];
   var prefixCls$b = 'lm_approval';
   var colors = ['#36BCF1', '#AE86DC', '#8BD248', '#F5A173'];
   var cacheColorMap = new Map();
@@ -318258,7 +318869,7 @@
         onUrge = _props$onUrge === void 0 ? function () {} : _props$onUrge,
         _props$onDeleteCommen2 = props.onDeleteComment,
         onDeleteComment = _props$onDeleteCommen2 === void 0 ? function () {} : _props$onDeleteCommen2,
-        others = _objectWithoutProperties$1(props, _excluded$31);
+        others = _objectWithoutProperties$1(props, _excluded$34);
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray$1(_useState, 2),
@@ -320049,7 +320660,7 @@
     return nodes;
   }
 
-  var _excluded$32 = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
+  var _excluded$35 = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
       _excluded2$J = ["prefixCls", "className"];
   var ConfigContext$7 = ConfigProvider$1.ConfigContext;
 
@@ -320074,7 +320685,7 @@
     var defaultExpandAll = _ref2.defaultExpandAll,
         defaultExpandParent = _ref2.defaultExpandParent,
         defaultExpandedKeys = _ref2.defaultExpandedKeys,
-        props = _objectWithoutProperties$1(_ref2, _excluded$32);
+        props = _objectWithoutProperties$1(_ref2, _excluded$35);
 
     // Shift click usage
     var lastSelectedKey = React.useRef();
@@ -320572,11 +321183,11 @@
     blockNode: false
   };
 
-  var _excluded$33 = ["className"];
+  var _excluded$36 = ["className"];
   var prefixCls$c = 'lm_tree';
   var LmTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var className = props.className,
-        rest = _objectWithoutProperties$1(props, _excluded$33);
+        rest = _objectWithoutProperties$1(props, _excluded$36);
 
     return /*#__PURE__*/React__default['default'].createElement(Tree$2, _objectSpread(_objectSpread({
       ref: ref
@@ -321635,7 +322246,7 @@
     }, unitNodes);
   }
 
-  var _excluded$34 = ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"];
+  var _excluded$37 = ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"];
 
   var ScrollNumber$1 = function ScrollNumber(_ref) {
     var customizePrefixCls = _ref.prefixCls,
@@ -321648,7 +322259,7 @@
         _ref$component = _ref.component,
         component = _ref$component === void 0 ? 'sup' : _ref$component,
         children = _ref.children,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$34);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$37);
 
     var _React$useContext = React.useContext(ConfigContext$1),
         getPrefixCls = _React$useContext.getPrefixCls;
@@ -321698,7 +322309,7 @@
     return /*#__PURE__*/React.createElement(component, newProps, numberNodes);
   };
 
-  var _excluded$35 = ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"];
+  var _excluded$38 = ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"];
 
   var Badge$1 = function Badge(_ref) {
     var _classNames, _classNames2;
@@ -321723,7 +322334,7 @@
         className = _ref.className,
         _ref$showZero = _ref.showZero,
         showZero = _ref$showZero === void 0 ? false : _ref$showZero,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$35);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$38);
 
     var _React$useContext = React.useContext(ConfigContext$1),
         getPrefixCls = _React$useContext.getPrefixCls,
@@ -321858,7 +322469,7 @@
 
   Badge$1.Ribbon = Ribbon$1;
 
-  var _excluded$36 = ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"];
+  var _excluded$39 = ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"];
 
   var Divider$5 = function Divider(props) {
     var _classNames;
@@ -321877,7 +322488,7 @@
         children = props.children,
         dashed = props.dashed,
         plain = props.plain,
-        restProps = _objectWithoutProperties$1(props, _excluded$36);
+        restProps = _objectWithoutProperties$1(props, _excluded$39);
 
     var prefixCls = getPrefixCls('divider', customizePrefixCls);
     var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
@@ -322263,7 +322874,7 @@
     }
   }; // 状态管理操作
 
-  var reducer$5 = function reducer(state, action) {
+  var reducer$6 = function reducer(state, action) {
     var resize = action.resize,
         transform = action.transform,
         current = action.current;
@@ -322291,7 +322902,7 @@
     }
   }; // 仅在初始化时触发一次
 
-  var initialState$3 = function initialState(props) {
+  var initialState$4 = function initialState(props) {
     var initialIndex = props.initialIndex;
     return _objectSpread(_objectSpread({}, defaultState), {}, {
       currentIndex: initialIndex
@@ -322642,10 +323253,10 @@
   var Root = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var bodyRef = React.useRef(null);
     var initialState = React.useMemo(function () {
-      return initialState$3(props);
+      return initialState$4(props);
     }, []);
 
-    var _useReducer = React.useReducer(reducer$5, initialState),
+    var _useReducer = React.useReducer(reducer$6, initialState),
         _useReducer2 = _slicedToArray$1(_useReducer, 2),
         state = _useReducer2[0],
         dispatch = _useReducer2[1]; // 获取核心Methods
@@ -322711,7 +323322,7 @@
 
   }; // 状态管理操作
 
-  var reducer$6 = function reducer(state, action) {
+  var reducer$7 = function reducer(state, action) {
     var result = action.result,
         init = action.init;
 
@@ -322727,7 +323338,7 @@
     }
   }; // 仅在初始化时触发一次
 
-  var initialState$4 = function initialState() {
+  var initialState$5 = function initialState() {
     return _objectSpread({}, defaultState$1);
   };
 
@@ -324401,14 +325012,14 @@
 
   var Body$1 = /*#__PURE__*/React__default['default'].memo(Index$b);
 
-  var _excluded$37 = ["value", "onChange", "leftIcon", "rightIcon"];
+  var _excluded$3a = ["value", "onChange", "leftIcon", "rightIcon"];
 
   var ResetSlider = function ResetSlider(_ref) {
     var value = _ref.value,
         _onChange = _ref.onChange,
         leftIcon = _ref.leftIcon,
         rightIcon = _ref.rightIcon,
-        props = _objectWithoutProperties$1(_ref, _excluded$37);
+        props = _objectWithoutProperties$1(_ref, _excluded$3a);
 
     // 减
     var decrement = function decrement() {
@@ -324562,10 +325173,10 @@
 
   var LmBox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var initialState = React.useMemo(function () {
-      return initialState$4();
+      return initialState$5();
     }, []);
 
-    var _useReducer = React.useReducer(reducer$6, initialState),
+    var _useReducer = React.useReducer(reducer$7, initialState),
         _useReducer2 = _slicedToArray$1(_useReducer, 2),
         state = _useReducer2[0],
         dispatch = _useReducer2[1]; // 获取核心Methods
@@ -324628,7 +325239,7 @@
 
   }; // 状态管理操作
 
-  var reducer$7 = function reducer(state, action) {
+  var reducer$8 = function reducer(state, action) {
     var transform = action.transform,
         current = action.current,
         visible = action.visible;
@@ -324661,7 +325272,7 @@
     }
   }; // 仅在初始化时触发一次
 
-  var initialState$5 = function initialState(props) {
+  var initialState$6 = function initialState(props) {
     var initialIndex = props.initialIndex;
     return _objectSpread(_objectSpread({}, defaultState$2), {}, {
       currentIndex: initialIndex
@@ -325051,10 +325662,10 @@
   var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
     var previewRef = React.useRef(null);
     var initialState = React.useMemo(function () {
-      return initialState$5(props);
+      return initialState$6(props);
     }, []);
 
-    var _useReducer = React.useReducer(reducer$7, initialState),
+    var _useReducer = React.useReducer(reducer$8, initialState),
         _useReducer2 = _slicedToArray$1(_useReducer, 2),
         state = _useReducer2[0],
         dispatch = _useReducer2[1]; // 获取核心Methods
@@ -325109,7 +325720,7 @@
 
   var LmImageViewer$1 = /*#__PURE__*/React.forwardRef(LmImageViewer);
 
-  var SortableItem$3 = function SortableItem(_ref) {
+  var SortableItem$4 = function SortableItem(_ref) {
     var index = _ref.index,
         item = _ref.item,
         instance = _ref.instance;
@@ -325145,7 +325756,7 @@
     })));
   };
 
-  var SortableItem$4 = /*#__PURE__*/React__default['default'].memo(SortableItem$3);
+  var SortableItem$5 = /*#__PURE__*/React__default['default'].memo(SortableItem$4);
 
   var SortableBox$3 = function SortableBox(_ref) {
     var instance = _ref.instance;
@@ -325156,7 +325767,7 @@
       items: items,
       strategy: rectSortingStrategy
     }, options === null || options === void 0 ? void 0 : options.map(function (item, idx) {
-      return /*#__PURE__*/React__default['default'].createElement(SortableItem$4, {
+      return /*#__PURE__*/React__default['default'].createElement(SortableItem$5, {
         instance: instance,
         index: idx,
         key: item[rowKey] || idx,
@@ -325167,7 +325778,7 @@
 
   var SortableBox$4 = /*#__PURE__*/React__default['default'].memo(SortableBox$3);
 
-  var DragOver = /*#__PURE__*/React__default['default'].memo(function (_ref) {
+  var DragOver$1 = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     var instance = _ref.instance;
     var isDragging = instance.isDragging,
         activeId = instance.activeId,
@@ -325189,7 +325800,7 @@
    */
   // 可拖拽容器
 
-  var DndContainer$2 = function DndContainer(_ref2) {
+  var DndContainer$5 = function DndContainer(_ref2) {
     var options = _ref2.options,
         rowKey = _ref2.rowKey,
         children = _ref2.children,
@@ -325276,7 +325887,7 @@
       collisionDetection: closestCenter
     }, /*#__PURE__*/React__default['default'].createElement(SortableBox$4, {
       instance: instance
-    }), /*#__PURE__*/React__default['default'].createElement(DragOver, {
+    }), /*#__PURE__*/React__default['default'].createElement(DragOver$1, {
       instance: instance
     }));
   };
@@ -325286,7 +325897,7 @@
     React.useImperativeHandle(ref, function () {
       return {};
     });
-    return /*#__PURE__*/React__default['default'].createElement(DndContainer$2, _objectSpread({}, props));
+    return /*#__PURE__*/React__default['default'].createElement(DndContainer$5, _objectSpread({}, props));
   };
 
   var Root$2 = /*#__PURE__*/React.forwardRef(Root$1);