linkmore-design 1.1.12 → 1.1.13-alpha.1

package/dist/variables.css

@@ -9742,6 +9742,9 @@ p {
   letter-spacing: 0px;
   color: var(--color-85);
 }
+.lm_editTable_warpper .lm_custom_cell_td {
+  position: relative;
+}
 .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content {
   display: flex;
   flex-direction: row;
@@ -9753,6 +9756,32 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td .ant-table-row-expand-icon {
   margin-top: 6px;
 }
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp {
+  font-size: 8px;
+  position: absolute;
+  left: calc(50% - 10px);
+  z-index: 100;
+  width: 20px;
+  height: 10px;
+  background-color: var(--color-6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #D8D8D8;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp:hover {
+  cursor: pointer;
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_up {
+  top: -4px;
+  left: calc(50% - 10px);
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_down {
+  bottom: -6px;
+  left: calc(50% - 10px);
+}
 .lm_editTable_warpper .lm_editTable_cell_edit {
   height: 40px;
   padding: 8px 8px !important;

package/es/IconFont/index.js

@@ -1,6 +1,6 @@
 import { createFromIconfontCN } from '@ant-design/icons';
 var IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_neaxovtw4w.js' // 在 iconfont.cn 上生成
   // scriptUrl: require('./font/iconfont.js'),
 
 });

package/es/LmEditTable/DndContainer.d.ts

@@ -1,5 +1,6 @@
-declare const DndContainer: ({ children, move }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ children, move }: {
     children: any;
     move: any;
-}) => JSX.Element;
-export default DndContainer;
+}) => JSX.Element>;
+export default _default;

package/es/LmEditTable/DndContainer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
 import { restrictToParentElement } from '@dnd-kit/modifiers';
 import { sortableKeyboardCoordinates } from '@dnd-kit/sortable'; // 可拖拽容器
@@ -32,4 +32,4 @@ var DndContainer = function DndContainer(_ref) {
   }, children);
 };
 
-export default DndContainer;
+export default /*#__PURE__*/memo(DndContainer);

package/es/LmEditTable/EditTable.d.ts

@@ -36,9 +36,11 @@ interface ILmColumns extends TableColumnType<any> {
 export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
+    virtual: boolean;
 } & ILmEditTable;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
+    virtual: boolean;
 } & ILmEditTable & React.RefAttributes<unknown>>>;
 export default _default;

package/es/LmEditTable/EditTable.js

@@ -54,25 +54,28 @@ import { PlusCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { arrayMove } from '@dnd-kit/sortable';
 import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form, Popover } from 'linkmore-design';
-import { get, set, isFunction, omit } from 'lodash';
+import { get, set, isFunction, omit, isEqual, pick } from 'lodash';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, memo, useCallback } from 'react';
 import { useControllableValue } from 'ahooks';
 import { produce } from 'immer';
-import DndContainer from './DndContainer';
-import SortableBox from './sortableBox';
+import DndContainer from './DndContainer'; // import SortableBox from './sortableBox';
+
 import SortableBoxCol from './sortableBoxCol';
 import SortableItem from './sortableItem';
 import ColSortableItem from './sortableItemCol';
 import DragHandle from './DragHandle';
 import UploadOss from '../UploadOss';
-import { isObjEmpty, deepDataSourcePreKeys, isExpandRow, checkRowKeyByDataSource } from './util';
-import cls from "classnames";
+import { isObjEmpty, deepDataSourcePreKeys, isExpandRow, checkRowKeyByDataSource, checkMemoShouldUploadSpecialFun } from './util';
+import { DraggableContainer } from './components';
+import cls from 'classnames';
+import { VirtualTable, VirtualWrapper, VirtualRow } from './virtual';
 var UploadBtn = UploadOss.UploadBtn;
 var EditableContext = /*#__PURE__*/React.createContext(null); // 表格行
 
 var EditableRow = function EditableRow(_a) {
   var index = _a.index,
-      props = __rest(_a, ["index"]);
+      virtual = _a.virtual,
+      props = __rest(_a, ["index", "virtual"]);
 
   var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -83,7 +86,7 @@ var EditableRow = function EditableRow(_a) {
     component: false
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
     value: form
-  }, /*#__PURE__*/React.createElement("tr", Object.assign({}, props))));
+  }, virtual ? /*#__PURE__*/React.createElement(VirtualRow, Object.assign({}, props)) : /*#__PURE__*/React.createElement("tr", Object.assign({}, props))));
 };
 
 var EditableSortRow = function EditableSortRow(_a) {
@@ -269,7 +272,7 @@ var Opetate = function Opetate(_ref) {
     }
   }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
     placement: "bottom",
-    overlayClassName: 'lm_table_append_add_popover',
+    overlayClassName: "lm_table_append_add_popover",
     open: open,
     title: null,
     content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
@@ -300,14 +303,7 @@ var Opetate = function Opetate(_ref) {
       return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
     }
   }));
-}; // const isValidValue = (verifyValue) => {
-//   const toStringValue = JSON.stringify(verifyValue);
-//   if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
-//     return false;
-//   }
-//   return true;
-// }
-
+};
 /*
   表格单元格
   editEnum： 下拉框时的数据数组（非数组时是配置设置）
@@ -359,6 +355,12 @@ var EditableCell = function EditableCell(props) {
 
   var inputRef = useRef(null);
   var form = useContext(EditableContext);
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hoverStatus = _useState6[0],
+      setHoverStatus = _useState6[1];
+
   useEffect(function () {
     var _a;
 
@@ -369,13 +371,7 @@ var EditableCell = function EditableCell(props) {
 
   var toggleEdit = function toggleEdit() {
     setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
-  }; // const checkCellRef = useRef(null)
-  // const focusCapturedRef = useRef(false);
-  // const curValue = useMemo(() => {
-  //   return record?.dataIndex
-  // }, [record])
-  // const curValueIsValid = isValidValue(curValue);
-  // 校验保存
+  }; // 校验保存
 
 
   var save = function save(row) {
@@ -458,15 +454,15 @@ var EditableCell = function EditableCell(props) {
   /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
 
 
-  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 resultComponentProps = isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
-    var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue']);
+    var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue', 'quickcopy']);
 
     switch (con) {
       case 'input':
@@ -487,12 +483,6 @@ var EditableCell = function EditableCell(props) {
             noStyle: true
           }, /*#__PURE__*/React.cloneElement(resultComponentProps.addonAfter, {
             onChange: handleFormItemChange
-          })) : null,
-          suffix: resultComponentProps.quickcopy ? /*#__PURE__*/React.createElement("span", {
-            className: 'lm_table_quickcopy'
-          }, /*#__PURE__*/React.createElement(IconFont, {
-            onClick: copyKey,
-            type: 'lmweb-icon_m_brush'
           })) : null
         }));
 
@@ -575,7 +565,7 @@ var EditableCell = function EditableCell(props) {
 
       case 'switch':
         return /*#__PURE__*/React.createElement(Switch, Object.assign({
-          size: 'small'
+          size: "small"
         }, clearAttrComponentProps, {
           onChange: handleFormItemChange
         }));
@@ -664,8 +654,7 @@ var EditableCell = function EditableCell(props) {
     }
 
     return childNode;
-  }, [col, isEdit, editing, getLength]); // const [childNode, setChildNode] = useState(getMemoChildNode);
-  // 出现死循环找我
+  }, [col, isEdit, editing, getLength]); // 出现死循环找我
 
   useEffect(function () {
     var editable = col.editable,
@@ -673,22 +662,54 @@ var EditableCell = function EditableCell(props) {
 
     if (isEdit && editable) {
       form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' ? moment(record[dataIndex]) : record[dataIndex]));
-    } // if (
-    //   (isEdit && editable && record[dataIndex]) ||
-    //   (isHoverEdit && editable && record[dataIndex])
-    // ) {
-    //   form.setFieldsValue({
-    //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
-    //   })
-    // }
-
+    }
   }, [record]);
+
+  var handleTdHover = function handleTdHover() {
+    setHoverStatus(true);
+  };
+
+  var handleTdMouseOut = function handleTdMouseOut() {
+    setHoverStatus(false);
+  };
+
   return /*#__PURE__*/React.createElement("td", Object.assign({}, omit(clearProps, ['dataIndex']), {
     className: cls(clearProps === null || clearProps === void 0 ? void 0 : clearProps.className, 'lm_custom_cell_td'),
+    onMouseEnter: componentProps.quickcopy ? handleTdHover : undefined,
+    onMouseLeave: componentProps.quickcopy ? handleTdMouseOut : undefined,
     key: "r".concat(rowIndex, "_c").concat(colIndex)
-  }), getMemoChildNode);
+  }), hoverStatus && props.rowIndex > 0 && /*#__PURE__*/React.createElement("span", {
+    className: 'quick_copy_warp quick_copy_up',
+    onClick: function onClick(e) {
+      return copyKey(e, 'up');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'lmweb-icon_up'
+  })), getMemoChildNode, hoverStatus && props.rowIndex < props.getLength - 1 && /*#__PURE__*/React.createElement("span", {
+    className: 'quick_copy_warp quick_copy_down',
+    onClick: function onClick(e) {
+      return copyKey(e, 'down');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'lmweb-icon_down'
+  })));
 };
+/** true 不刷新， false 刷新 */
+
 
+var MemoEditableCell = /*#__PURE__*/memo(EditableCell, function (prev, next) {
+  var pickProps = ['record', 'colIndex'];
+  var p = pick(prev, pickProps);
+  var n = pick(next, pickProps); // console.log(prev, next, '22', checkMemoShouldUploadSpecialFun(prev, next), isEqual(p, n))
+
+  /** TODO: 在record中带有children，子列表数据修改之后，会导致父级的record对比不一样 */
+
+  if (!checkMemoShouldUploadSpecialFun(prev, next)) {
+    return false;
+  }
+
+  return isEqual(p, n);
+});
 var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultData = props.value,
       columns = props.columns,
@@ -706,6 +727,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       _props$quickOpetateCl = props.quickOpetateClearAll,
       quickOpetateClearAll = _props$quickOpetateCl === void 0 ? true : _props$quickOpetateCl,
       rowSelection = props.rowSelection,
+      virtual = props.virtual,
       sortOpen = props.sortOpen,
       colSortOpen = props.colSortOpen,
       filterChange = props.filterChange,
@@ -714,7 +736,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       recordCreatorProps = props.recordCreatorProps,
       _props$shouldUpdate = props.shouldUpdate,
       shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
-      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]); // const [dataSource, setDataSource] = useState([]);
+      resetProps = __rest(props // const [dataSource, setDataSource] = useState([]);
+  , ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "virtual", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]); // const [dataSource, setDataSource] = useState([]);
 
 
   var _useControllableValue = useControllableValue({
@@ -726,20 +749,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       setDataSource = _useControllableValue2[1]; // const [count, setCount] = useState(0);
 
 
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      _valid = _useState6[0],
-      setValid = _useState6[1];
-
-  var _useState7 = useState([]),
+  var _useState7 = useState({}),
       _useState8 = _slicedToArray(_useState7, 2),
-      localRowSelectList = _useState8[0],
-      setLocalRowSelectList = _useState8[1];
+      _valid = _useState8[0],
+      setValid = _useState8[1];
 
   var _useState9 = useState([]),
       _useState10 = _slicedToArray(_useState9, 2),
-      sortEditTable = _useState10[0],
-      setCallBackFalg = _useState10[1];
+      localRowSelectList = _useState10[0],
+      setLocalRowSelectList = _useState10[1];
   /** 当前展开的列 */
 
 
@@ -748,21 +766,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       expandedRowKeys = _useState12[0],
       setExpandedRowKeys = _useState12[1];
 
-  var dataSourceRef = useRef([]);
-  var sortDataSorceRef = useRef([]);
-  var deepDataSourceRef = useRef([]);
-
-  var onSortEnd = function onSortEnd(active, over) {
-    var cloneArr = _toConsumableArray(dataSourceRef.current);
-
-    var oldIndex = cloneArr.findIndex(function (v) {
-      return v[_rowKey] === active;
-    });
-    var newIndex = cloneArr.findIndex(function (v) {
-      return v[_rowKey] === over;
-    });
-    setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
-  };
+  var dataSourceRef = useRef(dataSource);
+  var deepDataSourceRef = useRef(deepDataSourcePreKeys(dataSource, _rowKey));
+  dataSourceRef.current = dataSource;
+  deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
 
   var onColSortEnd = function onColSortEnd(active, over) {
     var _a;
@@ -800,29 +807,9 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     setDataSource(res); // onChange?.(res)
   };
-
-  useEffect(function () {
-    var _a;
-
-    dataSourceRef.current = dataSource;
-    deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
-
-    if (sortOpen) {
-      var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
-        return item[_rowKey];
-      }).join(',');
-      var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-        return item[_rowKey];
-      }).join(',')) || '';
-
-      if (dataSourceKeys !== setCallBackFalgKeys) {
-        setCallBackFalg(dataSource);
-        sortDataSorceRef.current = dataSource;
-      }
-    }
-  }, [dataSource]);
   /** 本地缓存一个选择数据 */
 
+
   useEffect(function () {
     if (rowSelection) {
       var selectedRowKeys = rowSelection.selectedRowKeys;
@@ -1029,10 +1016,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     setDataSource(res);
   };
 
-  var handleCopy = function handleCopy(key, value) {
+  var handleCopy = function handleCopy(key, value, type, rowIndex) {
     var res = produce(dataSourceRef.current, function (draft) {
-      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
-        return item[key] = value;
+      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
+        if (type === 'up' && index < rowIndex || type === 'down' && index > rowIndex) {
+          item[key] = value;
+        }
       });
     });
     setDataSource(res);
@@ -1097,6 +1086,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       width: 48,
       maxWidth: 48,
       className: 'drag-visible',
+      fixed: 'left',
       render: function render(_, record) {
         return /*#__PURE__*/React.createElement(DragHandle, {
           id: record[_rowKey] || record.id
@@ -1145,19 +1135,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       }
 
       var newCol = Object.assign(Object.assign({}, col), {
-        shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
-          var _a;
-
-          var dataIndex = col.dataIndex,
-              editable = col.editable,
-              relevanceCols = col.relevanceCols;
-
-          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
-            return true;
-          }
-
-          return record[dataIndex] !== prevRecord[dataIndex];
-        },
         onCell: function onCell(record, rowIndex) {
           return {
             getLength: dataSource.length,
@@ -1197,20 +1174,20 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       return mapColumns(col, index);
     });
     return res;
-  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, dataSource, _toConsumableArray(memoOptions)]);
-  var DraggableContainer = useCallback(function (_a) {
-    var _b;
+  }, [columns, isAdd, sortOpen, useQuickOpetate, dataSource, _toConsumableArray(memoOptions)]);
 
-    var props = __rest(_a, []);
+  var onSortEnd = function onSortEnd(active, over) {
+    var cloneArr = _toConsumableArray(dataSourceRef.current);
+
+    var oldIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === active;
+    });
+    var newIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === over;
+    });
+    setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
+  };
 
-    return /*#__PURE__*/React.createElement(DndContainer, {
-      move: onSortEnd
-    }, /*#__PURE__*/React.createElement(SortableBox, {
-      items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
-        return item[_rowKey];
-      })
-    }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
-  }, [sortEditTable]);
   var colDraggableContainer = useCallback(function (_a) {
     var _b;
 
@@ -1228,34 +1205,6 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       }, child);
     }));
   }, [columns]);
-  var config = useMemo(function () {
-    var component = {
-      body: Object.assign({
-        row: sortOpen ? EditableSortRow : EditableRow,
-        cell: EditableCell
-      }, sortOpen ? {
-        wrapper: DraggableContainer
-      } : {})
-    };
-
-    if (colSortOpen) {
-      component['header'] = {
-        row: colDraggableContainer
-      };
-    }
-
-    return Object.assign({
-      pagination: false,
-      tableLayout: 'fixed',
-      scroll: {
-        x: '100%'
-      },
-      rowKey: function rowKey(record) {
-        return record[_rowKey] || record.index || Math.random();
-      },
-      components: component
-    }, resetProps);
-  }, [resultColumns, dataSource, sortOpen, colSortOpen, size]);
   useImperativeHandle(ref, function () {
     return {
       setRow: handleSave,
@@ -1267,6 +1216,46 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var isShowAddAction = useMemo(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
   }, [isEdit, isAdd, isHoverEdit]);
+  var config = useRef(Object.assign({
+    pagination: false,
+    tableLayout: 'fixed',
+    scroll: {
+      x: '100%'
+    },
+    rowKey: function rowKey(record) {
+      return record[_rowKey] || record.index || Math.random();
+    },
+    components: {
+      table: virtual ? VirtualTable : null,
+      body: Object.assign({
+        row: function row(rowProps) {
+          return sortOpen ? EditableSortRow(Object.assign(Object.assign({}, rowProps), {
+            virtual: virtual
+          })) : EditableRow(Object.assign(Object.assign({}, rowProps), {
+            virtual: virtual
+          }));
+        },
+        cell: MemoEditableCell
+      }, sortOpen ? {
+        wrapper: function wrapper(wrapperProps) {
+          var _a;
+
+          return DraggableContainer(Object.assign(Object.assign({}, wrapperProps), {
+            virtual: virtual,
+            keys: (_a = dataSourceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+              return item[_rowKey];
+            }),
+            onSortEnd: onSortEnd
+          }));
+        }
+      } : virtual ? {
+        wrapper: VirtualWrapper
+      } : {}),
+      header: {
+        row: colSortOpen ? colDraggableContainer : null
+      }
+    }
+  }, resetProps));
 
   if (colSortOpen) {
     return /*#__PURE__*/React.createElement("div", {
@@ -1277,7 +1266,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       items: columns.reduce(function (acc, item) {
         return [].concat(_toConsumableArray(acc), [item.dataIndex]);
       }, [])
-    }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {
+    }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config.current, {
       size: size || 'small',
       columns: resultColumns,
       rowClassName: "editable-row",
@@ -1311,7 +1300,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_editTable_warpper"
-  }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {
+  }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config.current, {
     size: size || 'small',
     columns: resultColumns,
     rowClassName: "editable-row",

package/es/LmEditTable/components/DraggableContainer.d.ts

@@ -0,0 +1,7 @@
+declare const DraggableContainer: ({ keys, onSortEnd, virtual, ...props }: {
+    [x: string]: any;
+    keys: any;
+    onSortEnd: any;
+    virtual: any;
+}) => JSX.Element;
+export default DraggableContainer;

package/es/LmEditTable/components/DraggableContainer.js

@@ -0,0 +1,32 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React from 'react';
+import DndContainer from '../DndContainer';
+import SortableBox from '../sortableBox';
+import { VirtualWrapper } from '../virtual';
+
+var DraggableContainer = function DraggableContainer(_a) {
+  var keys = _a.keys,
+      onSortEnd = _a.onSortEnd,
+      virtual = _a.virtual,
+      props = __rest(_a, ["keys", "onSortEnd", "virtual"]);
+
+  return /*#__PURE__*/React.createElement(DndContainer, {
+    move: onSortEnd
+  }, /*#__PURE__*/React.createElement(SortableBox, {
+    items: keys
+  }, virtual ? /*#__PURE__*/React.createElement(VirtualWrapper, Object.assign({}, props)) : /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
+};
+
+export default DraggableContainer;

package/es/LmEditTable/components/index.d.ts

@@ -0,0 +1,11 @@
+import DraggableContainer from './DraggableContainer';
+export { DraggableContainer };
+declare const _default: {
+    DraggableContainer: ({ keys, onSortEnd, virtual, ...props }: {
+        [x: string]: any;
+        keys: any;
+        onSortEnd: any;
+        virtual: any;
+    }) => JSX.Element;
+};
+export default _default;

package/es/LmEditTable/components/index.js

@@ -0,0 +1,5 @@
+import DraggableContainer from './DraggableContainer';
+export { DraggableContainer };
+export default {
+  DraggableContainer: DraggableContainer
+};

package/es/LmEditTable/sortableItem.d.ts

@@ -1,2 +1,3 @@
-declare const SortableItem: (props: any) => JSX.Element;
-export default SortableItem;
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+export default _default;