linkmore-design 1.1.13-alpha.4 → 1.1.13-alpha.5

package/dist/index.umd.js

@@ -14966,7 +14966,7 @@
 
   var _objectWithoutProperties$1 = /*@__PURE__*/getDefaultExportFromCjs(objectWithoutProperties);
 
-  var _excluded$a = ["children", "className", "size", "type", "hover"];
+  var _excluded$a = ["children", "className", "size", "type", "hover", "danger"];
 
   var LMButton = function LMButton(props) {
     var children = props.children,
@@ -14976,6 +14976,7 @@
         type = _props$type === void 0 ? 'default' : _props$type,
         _props$hover = props.hover,
         hover = _props$hover === void 0 ? false : _props$hover,
+        danger = props.danger,
         restProps = _objectWithoutProperties$1(props, _excluded$a);
 
     var globalSize = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle';
@@ -14985,12 +14986,12 @@
 
     var classs = classnames('lm-button', className, {
       'lm-button-icon-only': !children
-    }, _defineProperty$1({}, "lm-button-".concat(size), size), _defineProperty$1({}, "lm-button-".concat(type), type), _defineProperty$1({}, "lm-button-".concat(type, "-hover"), type && hover));
+    }, _defineProperty$1({}, "lm-button-danger", danger), _defineProperty$1({}, "lm-button-".concat(size), size), _defineProperty$1({}, "lm-button-".concat(type), type), _defineProperty$1({}, "lm-button-".concat(type, "-hover"), type && hover));
     return /*#__PURE__*/React__default['default'].createElement(Button, _objectSpread(_objectSpread({}, restProps), {}, {
       className: classs,
       size: size,
       type: type,
-      danger: !!restProps.danger
+      danger: !!danger
     }), children);
   };
 
@@ -90798,7 +90799,7 @@
         console.log('报错了!', '报错项:', item, '报错值', filterValue);
         return filterValue;
       }
-    }, [type, filterValue]);
+    }, [type, data, filterValue]);
 
     if (isString) {
       return /*#__PURE__*/React__default['default'].createElement("span", null, String);
@@ -90812,7 +90813,8 @@
     var filterValue = instance.filterValue,
         setFilterValue = instance.setFilterValue;
     var title = item.title,
-        colon = item.colon; // 是否有筛选值/是否处于筛选状态
+        colon = item.colon,
+        clearIconTrigger = item.clearIconTrigger; // 是否有筛选值/是否处于筛选状态
 
     var active = React.useMemo(function () {
       return getIsHas(filterValue);
@@ -90827,6 +90829,29 @@
         e.stopPropagation();
         setFilterValue(getValueForType(item.type));
       }
+    }; // Icon展示方式
+
+
+    var Icon = function Icon() {
+      // hover时出现清空
+      if (clearIconTrigger === 'hover') {
+        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+          type: "lmweb-close-circle-fill",
+          onClick: handleClear,
+          className: "icon_clear"
+        }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+          type: "lmweb-down",
+          className: "icon_down"
+        }));
+      } // 日期类型并且未选中时返回日期自带icon
+
+
+      if (item.type === 'date' && !active) return null; // 选中时展示清楚按钮
+
+      return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+        type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
+        onClick: handleClear
+      });
     };
 
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (title || showColon) && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -90840,10 +90865,7 @@
       item: item
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "filter_item_icon addon_after"
-    }, item.type !== 'date' || active ? /*#__PURE__*/React__default['default'].createElement(IconFont, {
-      type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
-      onClick: handleClear
-    }) : null));
+    }, /*#__PURE__*/React__default['default'].createElement(Icon, null)));
   });
   /*
    * css样式控制
@@ -181482,10 +181504,11 @@
     }, [uid]); // 从对象中读取存在的指定属性
 
     var getFileHasValue = React.useCallback(function (obj) {
+      if (!obj) return '';
       var extend = [uid, 'fileName'];
       var val = '';
       extend.forEach(function (v) {
-        if (!val) val = obj[v];
+        if (!val && obj[v]) val = obj[v];
       });
       return val;
     }, [uid]); // 获取当前的文件列表
@@ -181903,7 +181926,21 @@
       var _props$onDownload;
 
       (_props$onDownload = props.onDownload) === null || _props$onDownload === void 0 ? void 0 : _props$onDownload.call(props, file);
-    }, [props.onDownload]);
+    }, [props.onDownload]); // 拖拽移动事件
+
+    var move = React.useCallback(function (active, over, fileList) {
+      var _props$onMove;
+
+      (_props$onMove = props.onMove) === null || _props$onMove === void 0 ? void 0 : _props$onMove.call(props, active, over, fileList);
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        file: active,
+        fileList: fileList
+      });
+      dispatch({
+        type: 'changeFileList',
+        fileList: fileList
+      });
+    }, [props.onMove, onChange, dispatch]);
     var CoreMethods = {
       getIsMaxCount: getIsMaxCount,
       getFileHasValue: getFileHasValue,
@@ -181913,7 +181950,8 @@
       getUploadStatus: getUploadStatus,
       remove: remove,
       preview: preview,
-      download: download
+      download: download,
+      move: move
     };
     var RefMethods = {
       getState: function getState() {
@@ -182184,7 +182222,8 @@
   var PictureItem$1 = function PictureItem(_ref) {
     var file = _ref.file,
         index = _ref.index,
-        instance = _ref.instance;
+        instance = _ref.instance,
+        listeners = _ref.listeners;
     var dispatch = instance.dispatch,
         readOnly = instance.readOnly,
         size = instance.size,
@@ -182241,13 +182280,13 @@
       });
     };
 
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
       className: classnames('lm_upload_item', 'lm_upload_item_card', isError && 'lm_upload_item_error'),
       style: {
         height: size,
         width: size
       }
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, listeners || {}), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "lm_upload_item_thumb"
     }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/React__default['default'].createElement(Image$1, {
       width: resetSize.width,
@@ -182299,11 +182338,15 @@
 
   var LmUploadList = function LmUploadList(_ref) {
     var instance = _ref.instance;
-    var getFileHasValue = instance.getFileHasValue,
+    var uid = instance.uid,
+        getFileHasValue = instance.getFileHasValue,
         getFileList = instance.getFileList,
         itemRender = instance.itemRender,
         listType = instance.listType,
-        showUploadList = instance.showUploadList;
+        showUploadList = instance.showUploadList,
+        enableDrag = instance.enableDrag,
+        fileNames = instance.fileNames,
+        move = instance.move;
     if (!showUploadList) return null;
     var fileList = React.useMemo(function () {
       var _getFileList;
@@ -182312,6 +182355,51 @@
         return a.seq - b.seq;
       });
     }, [getFileList]);
+
+    var handleMove = function handleMove(active, over, fileList) {
+      try {
+        var fileMap = fileList.map(function (v) {
+          if (getFileHasValue(v) === getFileHasValue(active)) {
+            return _objectSpread(_objectSpread({}, v), {}, {
+              seq: over[fileNames.seq]
+            });
+          }
+
+          if (getFileHasValue(v) === getFileHasValue(over)) {
+            return _objectSpread(_objectSpread({}, v), {}, {
+              seq: active[fileNames.seq]
+            });
+          }
+
+          return v;
+        });
+        move(active, over, fileMap);
+      } catch (error) {
+        console.log('移动出现了错误', error);
+      }
+    };
+
+    if (enableDrag) {
+      return /*#__PURE__*/React__default['default'].createElement(LmDrag$1, {
+        options: fileList,
+        rowKey: uid,
+        move: handleMove
+      }, function (_ref2) {
+        var item = _ref2.item,
+            listeners = _ref2.listeners,
+            index = _ref2.index;
+        return render$1(itemRender || RenderItem, {
+          type: listType,
+          key: getFileHasValue(item) || index,
+          index: index,
+          file: item,
+          fileList: fileList,
+          instance: instance,
+          listeners: listeners
+        });
+      });
+    }
+
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file, idx) {
       return render$1(itemRender || RenderItem, {
         type: listType,
@@ -182542,7 +182630,7 @@
       size: 100,
       fileSize: 10,
       fileSizeType: 'M',
-      uid: 'uid',
+      uid: 'fileName',
       accept: '',
       type: ['jpg', 'jpeg', 'png'],
       listType: 'card',
@@ -182557,6 +182645,7 @@
       itemRender: null,
       enabledPreview: true,
       enabledCrop: false,
+      enableDrag: false,
       enabledOss: false,
       // oss配置
       ossConfig: function ossConfig() {
@@ -188614,8 +188703,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,
@@ -188629,24 +188717,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) {
@@ -227256,6 +227344,20 @@
     return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
   }
 
+  function getRelativeTransformOrigin(event, rect) {
+    const eventCoordinates = getEventCoordinates(event);
+
+    if (!eventCoordinates) {
+      return '0 0';
+    }
+
+    const transformOrigin = {
+      x: (eventCoordinates.x - rect.left) / rect.width * 100,
+      y: (eventCoordinates.y - rect.top) / rect.height * 100
+    };
+    return `${transformOrigin.x}% ${transformOrigin.y}%`;
+  }
+
   /**
    * Sort collisions from smallest to greatest value
    */
@@ -229649,6 +229751,237 @@
     };
   }
 
+  const defaultDropAnimation = {
+    duration: 250,
+    easing: 'ease',
+    dragSourceOpacity: 0
+  };
+  function useDropAnimation({
+    animate,
+    adjustScale,
+    activeId,
+    draggableNodes,
+    duration,
+    dragSourceOpacity,
+    easing,
+    node,
+    transform
+  }) {
+    const [dropAnimationComplete, setDropAnimationComplete] = React.useState(false);
+    useIsomorphicLayoutEffect$a(() => {
+      var _draggableNodes$activ;
+
+      if (!animate || !activeId || !easing || !duration) {
+        if (animate) {
+          setDropAnimationComplete(true);
+        }
+
+        return;
+      }
+
+      const finalNode = (_draggableNodes$activ = draggableNodes[activeId]) == null ? void 0 : _draggableNodes$activ.node.current;
+
+      if (transform && node && finalNode && finalNode.parentNode !== null) {
+        const fromNode = getMeasurableNode(node);
+
+        if (fromNode) {
+          const from = fromNode.getBoundingClientRect();
+          const to = getTransformAgnosticClientRect(finalNode);
+          const delta = {
+            x: from.left - to.left,
+            y: from.top - to.top
+          };
+
+          if (Math.abs(delta.x) || Math.abs(delta.y)) {
+            const scaleDelta = {
+              scaleX: adjustScale ? to.width * transform.scaleX / from.width : 1,
+              scaleY: adjustScale ? to.height * transform.scaleY / from.height : 1
+            };
+            const finalTransform = CSS.Transform.toString({
+              x: transform.x - delta.x,
+              y: transform.y - delta.y,
+              ...scaleDelta
+            });
+            const originalOpacity = finalNode.style.opacity;
+
+            if (dragSourceOpacity != null) {
+              finalNode.style.opacity = `${dragSourceOpacity}`;
+            }
+
+            const nodeAnimation = node.animate([{
+              transform: CSS.Transform.toString(transform)
+            }, {
+              transform: finalTransform
+            }], {
+              easing,
+              duration
+            });
+
+            nodeAnimation.onfinish = () => {
+              node.style.display = 'none';
+              setDropAnimationComplete(true);
+
+              if (finalNode && dragSourceOpacity != null) {
+                finalNode.style.opacity = originalOpacity;
+              }
+            };
+
+            return;
+          }
+        }
+      }
+
+      setDropAnimationComplete(true);
+    }, [animate, activeId, adjustScale, draggableNodes, duration, easing, dragSourceOpacity, node, transform]);
+    useIsomorphicLayoutEffect$a(() => {
+      if (dropAnimationComplete) {
+        setDropAnimationComplete(false);
+      }
+    }, [dropAnimationComplete]);
+    return dropAnimationComplete;
+  }
+
+  const defaultTransform = {
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1
+  };
+
+  const defaultTransition = activatorEvent => {
+    const isKeyboardActivator = isKeyboardEvent(activatorEvent);
+    return isKeyboardActivator ? 'transform 250ms ease' : undefined;
+  };
+
+  const DragOverlay = /*#__PURE__*/React__default['default'].memo(({
+    adjustScale = false,
+    children,
+    dropAnimation = defaultDropAnimation,
+    style: styleProp,
+    transition = defaultTransition,
+    modifiers,
+    wrapperElement = 'div',
+    className,
+    zIndex = 999
+  }) => {
+    var _active$id, _attributesSnapshot$c;
+
+    const {
+      active,
+      activeNodeRect,
+      containerNodeRect,
+      draggableNodes,
+      activatorEvent,
+      over,
+      dragOverlay,
+      scrollableAncestors,
+      scrollableAncestorRects,
+      windowRect
+    } = useDndContext();
+    const transform = React.useContext(ActiveDraggableContext);
+    const modifiedTransform = applyModifiers(modifiers, {
+      activatorEvent,
+      active,
+      activeNodeRect,
+      containerNodeRect,
+      draggingNodeRect: dragOverlay.rect,
+      over,
+      overlayNodeRect: dragOverlay.rect,
+      scrollableAncestors,
+      scrollableAncestorRects,
+      transform,
+      windowRect
+    });
+    const isDragging = active !== null;
+    const finalTransform = adjustScale ? modifiedTransform : { ...modifiedTransform,
+      scaleX: 1,
+      scaleY: 1
+    };
+    const initialRect = useLazyMemo(previousValue => {
+      if (isDragging) {
+        if (previousValue) {
+          return previousValue;
+        }
+
+        if (!activeNodeRect) {
+          return null;
+        }
+
+        return { ...activeNodeRect
+        };
+      }
+
+      return null;
+    }, [isDragging, activeNodeRect]);
+    const style = initialRect ? {
+      position: 'fixed',
+      width: initialRect.width,
+      height: initialRect.height,
+      top: initialRect.top,
+      left: initialRect.left,
+      zIndex,
+      transform: CSS.Transform.toString(finalTransform),
+      touchAction: 'none',
+      transformOrigin: adjustScale && activatorEvent ? getRelativeTransformOrigin(activatorEvent, initialRect) : undefined,
+      transition: typeof transition === 'function' ? transition(activatorEvent) : transition,
+      ...styleProp
+    } : undefined;
+    const attributes = isDragging ? {
+      style,
+      children,
+      className,
+      transform: finalTransform
+    } : undefined;
+    const attributesSnapshot = React.useRef(attributes);
+    const derivedAttributes = attributes != null ? attributes : attributesSnapshot.current;
+    const {
+      children: finalChildren,
+      transform: _,
+      ...otherAttributes
+    } = derivedAttributes != null ? derivedAttributes : {};
+    const prevActiveId = React.useRef((_active$id = active == null ? void 0 : active.id) != null ? _active$id : null);
+    const dropAnimationComplete = useDropAnimation({
+      animate: Boolean(dropAnimation && prevActiveId.current && !active),
+      adjustScale,
+      activeId: prevActiveId.current,
+      draggableNodes,
+      duration: dropAnimation == null ? void 0 : dropAnimation.duration,
+      easing: dropAnimation == null ? void 0 : dropAnimation.easing,
+      dragSourceOpacity: dropAnimation == null ? void 0 : dropAnimation.dragSourceOpacity,
+      node: dragOverlay.nodeRef.current,
+      transform: (_attributesSnapshot$c = attributesSnapshot.current) == null ? void 0 : _attributesSnapshot$c.transform
+    });
+    const shouldRender = Boolean(finalChildren && (children || dropAnimation && !dropAnimationComplete));
+    React.useEffect(() => {
+      if ((active == null ? void 0 : active.id) !== prevActiveId.current) {
+        var _active$id2;
+
+        prevActiveId.current = (_active$id2 = active == null ? void 0 : active.id) != null ? _active$id2 : null;
+      }
+
+      if (active && attributesSnapshot.current !== attributes) {
+        attributesSnapshot.current = attributes;
+      }
+    }, [active, attributes]);
+    React.useEffect(() => {
+      if (dropAnimationComplete) {
+        attributesSnapshot.current = undefined;
+      }
+    }, [dropAnimationComplete]);
+
+    if (!shouldRender) {
+      return null;
+    }
+
+    return React__default['default'].createElement(InternalContext.Provider, {
+      value: defaultInternalContext
+    }, React__default['default'].createElement(ActiveDraggableContext.Provider, {
+      value: defaultTransform
+    }, React__default['default'].createElement(wrapperElement, { ...otherAttributes,
+      ref: dragOverlay.setRef
+    }, finalChildren)));
+  });
+
   /**
    * Move an array item to a different position. Returns a new array with the item moved to the new position.
    */
@@ -229938,7 +230271,7 @@
 
     return newIndex !== index && containerId === previousContainerId;
   };
-  const defaultTransition = {
+  const defaultTransition$1 = {
     duration: 200,
     easing: 'ease'
   };
@@ -230009,7 +230342,7 @@
     id,
     strategy: localStrategy,
     resizeObserverConfig,
-    transition = defaultTransition
+    transition = defaultTransition$1
   }) {
     const {
       items,
@@ -288287,7 +288620,7 @@
 
   LMRadio.Button = Radio$1.Button;
 
-  var _excluded$2h = ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel"];
+  var _excluded$2h = ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel", "suffix", "icon", "iconClick"];
   var prefixCls$7 = 'lm_select';
   var CLMSelect$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
@@ -288298,6 +288631,9 @@
         options = props.options,
         value = props.value,
         defaultLabel = props.defaultLabel,
+        suffix = props.suffix,
+        icon = props.icon,
+        iconClick = props.iconClick,
         rest = _objectWithoutProperties$1(props, _excluded$2h); // ===================== Size =====================
 
 
@@ -288336,6 +288672,29 @@
       if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
       return value;
     }, [value, defaultLabel, hasOption]);
+
+    if (icon) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'lm_select_has_icon',
+        style: props.style
+      }, /*#__PURE__*/React__default['default'].createElement(Select$2, _objectSpread(_objectSpread({
+        className: classnames(className, prefixCls$7),
+        size: size,
+        ref: ref,
+        value: resetValue,
+        options: options,
+        disabled: mergedDisabled || undefined
+      }, rest), {}, {
+        dropdownClassName: classnames('lm_select_dropdown', dropdownClassName)
+      }), children), /*#__PURE__*/React__default['default'].createElement(LMButton, {
+        size: size,
+        onClick: iconClick,
+        className: 'lm_select_icon_button',
+        disabled: mergedDisabled || undefined,
+        icon: icon
+      }));
+    }
+
     return /*#__PURE__*/React__default['default'].createElement(Select$2, _objectSpread(_objectSpread({
       className: classnames(className, prefixCls$7),
       size: size,
@@ -312528,7 +312887,8 @@
     var children = _ref.children,
         props = _objectWithoutProperties$1(_ref, _excluded$2S);
 
-    return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread(_objectSpread(_objectSpread({}, props), children.props), {}, {
+    var rProps = lodash.omit(_objectSpread(_objectSpread({}, props), children.props), ['isSticky', 'colStart', 'colEnd', 'prefixCls', 'fixLeft', 'fixRight', 'lastFixLeft', 'firstFixRight', 'lastFixRight', 'firstFixLeft', 'isSticky', 'additionalProps', 'rowType']);
+    return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread(_objectSpread({}, rProps), {}, {
       ref: ref
     })); // <th {...props} ref={ref as any}>
     //   {/* {(children as any)?.props?.children || children} */}
@@ -313148,8 +313508,7 @@
 
         case 'inputRange':
           return /*#__PURE__*/React__default['default'].createElement(InputRange$1, _objectSpread(_objectSpread({
-            onChange: handleFormItemChange,
-            ref: inputRef
+            onChange: handleFormItemChange
           }, resultComponentProps), {}, {
             record: record,
             rowIndex: rowIndex,
@@ -313242,7 +313601,6 @@
           return /*#__PURE__*/React__default['default'].createElement(Opetate$1, _objectSpread({
             record: record,
             rowKey: rowKey,
-            ref: inputRef,
             handleAdd: handleTableRowAdd,
             handleDelete: handleTableRowDelete,
             getLength: getLength,
@@ -313371,6 +313729,8 @@
     return lodash.isEqual(p, n);
   });
   var EditTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _localRowSelectList$s2;
+
     var defaultData = props.value,
         columns = props.columns,
         isEdit = props.isEdit,
@@ -313411,19 +313771,31 @@
     var _useState7 = React.useState({}),
         _useState8 = _slicedToArray$1(_useState7, 2),
         _valid = _useState8[0],
-        setValid = _useState8[1];
+        setValid = _useState8[1]; // const [localRowSelectList, setLocalRowSelectList] = useState([])
 
-    var _useState9 = React.useState([]),
-        _useState10 = _slicedToArray$1(_useState9, 2),
-        localRowSelectList = _useState10[0],
-        setLocalRowSelectList = _useState10[1];
+
+    var transformRowSelect = function transformRowSelect(selectedRowKeys, selectedRows, info) {
+      var _rowSelection$onChang;
+
+      return rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, selectedRowKeys, selectedRows, info);
+    };
+
+    var _useControllableValue3 = useControllableValue({
+      value: {
+        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+      },
+      onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
+    }),
+        _useControllableValue4 = _slicedToArray$1(_useControllableValue3, 2),
+        localRowSelectList = _useControllableValue4[0],
+        setLocalRowSelectList = _useControllableValue4[1];
     /** 当前展开的列 */
 
 
-    var _useState11 = React.useState([]),
-        _useState12 = _slicedToArray$1(_useState11, 2),
-        expandedRowKeys = _useState12[0],
-        setExpandedRowKeys = _useState12[1];
+    var _useState9 = React.useState([]),
+        _useState10 = _slicedToArray$1(_useState9, 2),
+        expandedRowKeys = _useState10[0],
+        setExpandedRowKeys = _useState10[1];
 
     var dataSourceRef = React.useRef(dataSource);
     var deepDataSourceRef = React.useRef(deepDataSourcePreKeys(dataSource, _rowKey));
@@ -313467,25 +313839,20 @@
       setDataSource(res); // onChange?.(res)
     };
     /** 本地缓存一个选择数据 */
+    // useEffect(() => {
+    //   if (rowSelection) {
+    //     const { selectedRowKeys } = rowSelection
+    //     if (selectedRowKeys) {
+    //       setLocalRowSelectList(localRowSelectList || [])
+    //     }
+    //   }
+    // }, [rowSelection])
+    // const editTableRowChange = (selectRows) => {
+    //   setLocalRowSelectList(selectRows)
+    //   ;(rowSelection?.onChange as any)?.(selectRows)
+    // }
 
 
-    React.useEffect(function () {
-      if (rowSelection) {
-        var selectedRowKeys = rowSelection.selectedRowKeys;
-
-        if (selectedRowKeys) {
-          setLocalRowSelectList(localRowSelectList || []);
-        }
-      }
-    }, [rowSelection]);
-
-    var editTableRowChange = function editTableRowChange(selectRows) {
-      var _rowSelection$onChang;
-
-      setLocalRowSelectList(selectRows);
-      rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, selectRows);
-    };
-
     var handleSave = function handleSave(row, options) {
       var _deepDataSourceRef$cu, _deepDataSourceRef$cu2;
 
@@ -313575,7 +313942,8 @@
     var handleTableRowDelete = function handleTableRowDelete(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中的数据 */
@@ -313621,28 +313989,29 @@
     /** 快捷添加 */
 
 
-    var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
+    var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren, 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;
       var res = fn(dataSourceRef.current, function (draft) {
         if (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;
 
-                      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(defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
                     } else {
-                      item.children = [_defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+                      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())));
+                    children.splice(index + 1, 0, defaultRecord || _defineProperty$1({}, _rowKey, "".concat(Date.now())));
                   }
                 } else if (item.children) {
                   deeps(item.children);
@@ -313654,7 +314023,7 @@
           deeps(draft);
         } else {
           var index = draft.findIndex(function (item) {
-            return record[_rowKey] === item[_rowKey];
+            return rkey === item[_rowKey];
           });
 
           if (index !== -1) {
@@ -313676,6 +314045,7 @@
           }
         }
       });
+      console.log(preKeys, '--preKeys', res);
       setDataSource(res);
     };
 
@@ -313711,9 +314081,9 @@
 
     var DisableOptions = React.useMemo(function () {
       var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-        var _ref8 = item.componentProps || {},
-            optionOnly = _ref8.optionOnly,
-            options = _ref8.options;
+        var _ref10 = item.componentProps || {},
+            optionOnly = _ref10.optionOnly,
+            options = _ref10.options;
 
         if (optionOnly && options) {
           var dataIndex = item.dataIndex;
@@ -313880,10 +314250,10 @@
       setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
     };
 
-    var colDraggableContainer = React.useCallback(function (_ref9) {
+    var colDraggableContainer = React.useCallback(function (_ref11) {
       var _React$Children;
 
-      var props = _extends$2({}, _ref9);
+      var props = _extends$2({}, _ref11);
 
       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;
@@ -313900,6 +314270,25 @@
     React.useImperativeHandle(ref, function () {
       return {
         setRow: handleSave,
+        getCheckboxRecords: function getCheckboxRecords() {
+          return localRowSelectList.selectedRows;
+        },
+        deleteRowData: function deleteRowData(data) {
+          return handleTableRowDelete(data);
+        },
+        addRowData: function addRowData(data, addInChind, defaultValue) {
+          return handleTableRowAdd(data, addInChind, defaultValue);
+        },
+        clearSelect: function clearSelect() {
+          setLocalRowSelectList({
+            selectedRows: []
+          });
+        },
+        customSetCheckboxRecords: function customSetCheckboxRecords(value) {
+          setLocalRowSelectList({
+            selectedRows: value
+          });
+        },
         valid: function valid() {
           return _valid;
         }
@@ -313950,6 +314339,8 @@
     }, resetProps));
 
     if (colSortOpen) {
+      var _localRowSelectList$s;
+
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "lm_editTable_warpper"
       }, /*#__PURE__*/React__default['default'].createElement(DndContainer$2, {
@@ -313965,17 +314356,18 @@
         bordered: true,
         pagination: false,
         // components={tableComponents}
-        rowSelection: !rowSelection ? undefined : {
+        rowSelection: !rowSelection ? undefined : _objectSpread(_objectSpread({
           fixed: true,
           type: 'checkbox',
-          columnWidth: 36,
-          selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
-            return v[_rowKey];
+          columnWidth: 36
+        }, rowSelection), {}, {
+          selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : (_localRowSelectList$s = localRowSelectList.selectedRows) === null || _localRowSelectList$s === void 0 ? void 0 : _localRowSelectList$s.map(function (v) {
+            return lodash.isObject(v) ? v[_rowKey] : v;
           }),
-          onChange: function onChange(selectedRowKeys, selectedRows) {
-            editTableRowChange(selectedRows);
+          onChange: function onChange(selectedRowKeys, selectedRows, info) {
+            setLocalRowSelectList(selectedRowKeys, selectedRows, info);
           }
-        },
+        }),
         dataSource: dataSource
       })))), isShowAddAction && /*#__PURE__*/React__default['default'].createElement(LMButton, {
         className: "lm_editTable_add_bar",
@@ -314006,17 +314398,18 @@
           return setExpandedRowKeys(expandedRows);
         }
       },
-      rowSelection: !rowSelection ? undefined : {
+      rowSelection: !rowSelection ? undefined : _objectSpread(_objectSpread({
         fixed: true,
         type: 'checkbox',
-        columnWidth: 36,
-        selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
-          return v[_rowKey];
+        columnWidth: 36
+      }, rowSelection), {}, {
+        selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : (_localRowSelectList$s2 = localRowSelectList.selectedRows) === null || _localRowSelectList$s2 === void 0 ? void 0 : _localRowSelectList$s2.map(function (v) {
+          return lodash.isObject(v) ? v[_rowKey] : v;
         }),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
-          editTableRowChange(selectedRows);
+        onChange: function onChange(selectedRowKeys, selectedRows, info) {
+          setLocalRowSelectList(selectedRowKeys, selectedRows, info);
         }
-      },
+      }),
       dataSource: dataSource
     })), isShowAddAction && /*#__PURE__*/React__default['default'].createElement(LMButton, {
       className: "lm_editTable_add_bar",
@@ -314060,7 +314453,8 @@
         top = _props$top === void 0 ? '104px' : _props$top,
         _props$menuData = props.menuData,
         menuData = _props$menuData === void 0 ? [] : _props$menuData,
-        warpElement = props.warpElement;
+        warpElement = props.warpElement,
+        root = props.root;
     var idTopInfo = React.useRef({});
 
     var _useState = React.useState(false),
@@ -314120,11 +314514,13 @@
       var scrollama = require('scrollama');
 
       menuTimeEventRef.current = scrollama();
+      console.log(getTargetElement$1(warpElement || document), '--getTargetElement(warpElement || document)');
       (_menuTimeEventRef$cur2 = menuTimeEventRef.current) === null || _menuTimeEventRef$cur2 === void 0 ? void 0 : (_menuTimeEventRef$cur3 = _menuTimeEventRef$cur2.setup({
         step: filterMenuData.map(function (item) {
           return document.getElementById("".concat(item.menuId));
         }).filter(Boolean),
-        container: getTargetElement$1(warpElement || document)
+        container: getTargetElement$1(warpElement || document),
+        root: root ? getTargetElement$1(root) : undefined
       })) === null || _menuTimeEventRef$cur3 === void 0 ? void 0 : _menuTimeEventRef$cur3.onStepEnter(function (_ref) {
         var element = _ref.element;
         updateActiveToc(element.id);
@@ -314156,12 +314552,6 @@
       wait: 50
     });
 
-    var bindDom = function bindDom() {
-      if (!Object.keys(idTopInfo.current).length) {
-        setKeysDom();
-      }
-    };
-
     var handleScroll = function handleScroll() {
       setScrollOpenStatus(true);
     };
@@ -314176,10 +314566,6 @@
       var _getTargetElement2;
 
       // bindScroller();
-      setTimeout(function () {
-        bindDom();
-        bindScroller();
-      }, 200);
       (_getTargetElement2 = getTargetElement$1(warpElement || document)) === null || _getTargetElement2 === void 0 ? void 0 : _getTargetElement2.addEventListener('scroll', handleScroll, {
         once: true
       });
@@ -314189,6 +314575,12 @@
         (_getTargetElement3 = getTargetElement$1(warpElement || document)) === null || _getTargetElement3 === void 0 ? void 0 : _getTargetElement3.removeEventListener('scroll', handleScroll);
       };
     }, []);
+    React.useEffect(function () {
+      setTimeout(function () {
+        setKeysDom();
+        bindScroller();
+      }, 200);
+    }, [filterMenuData]);
     return /*#__PURE__*/React__default['default'].createElement("div", {
       className: classnames(prefixCls$a),
       onMouseEnter: function onMouseEnter() {
@@ -321757,6 +322149,7 @@
     var itemPrefixCls = _ref.itemPrefixCls,
         component = _ref.component,
         span = _ref.span,
+        rowSpan = _ref.rowSpan,
         className = _ref.className,
         style = _ref.style,
         labelStyle = _ref.labelStyle,
@@ -321773,7 +322166,8 @@
       return /*#__PURE__*/React.createElement(Component, {
         className: classnames((_classNames = {}, _defineProperty$1(_classNames, "".concat(itemPrefixCls, "-item-label"), notEmpty(label)), _defineProperty$1(_classNames, "".concat(itemPrefixCls, "-item-content"), notEmpty(content)), _classNames), className),
         style: style,
-        colSpan: span
+        colSpan: span,
+        rowSpan: rowSpan
       }, notEmpty(label) && /*#__PURE__*/React.createElement("span", {
         style: labelStyle
       }, label), notEmpty(content) && /*#__PURE__*/React.createElement("span", {
@@ -321784,7 +322178,8 @@
     return /*#__PURE__*/React.createElement(Component, {
       className: classnames("".concat(itemPrefixCls, "-item"), className),
       style: style,
-      colSpan: span
+      colSpan: span,
+      rowSpan: rowSpan
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(itemPrefixCls, "-item-container")
     }, (label || label === 0) && /*#__PURE__*/React.createElement("span", {
@@ -321818,6 +322213,8 @@
           contentStyle = _ref3$props.contentStyle,
           _ref3$props$span = _ref3$props.span,
           span = _ref3$props$span === void 0 ? 1 : _ref3$props$span,
+          _ref3$props$rowSpan = _ref3$props.rowSpan,
+          rowSpan = _ref3$props$rowSpan === void 0 ? 1 : _ref3$props$rowSpan,
           key = _ref3.key;
 
       if (typeof component === 'string') {
@@ -321828,6 +322225,7 @@
           labelStyle: _objectSpread(_objectSpread({}, rootLabelStyle), labelStyle),
           contentStyle: _objectSpread(_objectSpread({}, rootContentStyle), contentStyle),
           span: span,
+          rowSpan: rowSpan,
           colon: colon,
           component: component,
           itemPrefixCls: itemPrefixCls,
@@ -321842,6 +322240,7 @@
         className: className,
         style: _objectSpread(_objectSpread(_objectSpread({}, rootLabelStyle), style), labelStyle),
         span: 1,
+        rowSpan: rowSpan,
         colon: colon,
         component: component[0],
         itemPrefixCls: itemPrefixCls,
@@ -321852,6 +322251,7 @@
         className: className,
         style: _objectSpread(_objectSpread(_objectSpread({}, rootContentStyle), style), contentStyle),
         span: span * 2 - 1,
+        rowSpan: rowSpan,
         component: component[1],
         itemPrefixCls: itemPrefixCls,
         bordered: bordered,
@@ -324941,6 +325341,205 @@
 
   var LmImageViewer$1 = /*#__PURE__*/React.forwardRef(LmImageViewer);
 
+  var SortableItem$4 = function SortableItem(_ref) {
+    var index = _ref.index,
+        item = _ref.item,
+        instance = _ref.instance;
+    var children = instance.children,
+        rowKey = instance.rowKey;
+
+    var _useSortable = useSortable({
+      id: item[rowKey] || index,
+      data: {
+        item: item
+      }
+    }),
+        attributes = _useSortable.attributes,
+        listeners = _useSortable.listeners,
+        setNodeRef = _useSortable.setNodeRef,
+        transform = _useSortable.transform,
+        transition = _useSortable.transition;
+
+    var resetStyle = React.useMemo(function () {
+      return {
+        transform: CSS.Transform.toString(transform),
+        transition: transition
+      };
+    }, [transform, transition]);
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
+      className: "lm_drag_item",
+      ref: setNodeRef,
+      style: resetStyle
+    }, attributes), children === null || children === void 0 ? void 0 : children({
+      item: item,
+      listeners: listeners,
+      index: index
+    })));
+  };
+
+  var SortableItem$5 = /*#__PURE__*/React__default['default'].memo(SortableItem$4);
+
+  var SortableBox$3 = function SortableBox(_ref) {
+    var instance = _ref.instance;
+    var items = instance.items,
+        rowKey = instance.rowKey,
+        options = instance.options;
+    return /*#__PURE__*/React__default['default'].createElement(SortableContext$1, {
+      items: items,
+      strategy: rectSortingStrategy
+    }, options === null || options === void 0 ? void 0 : options.map(function (item, idx) {
+      return /*#__PURE__*/React__default['default'].createElement(SortableItem$5, {
+        instance: instance,
+        index: idx,
+        key: item[rowKey] || idx,
+        item: item
+      });
+    }));
+  };
+
+  var SortableBox$4 = /*#__PURE__*/React__default['default'].memo(SortableBox$3);
+
+  var DragOver = /*#__PURE__*/React__default['default'].memo(function (_ref) {
+    var instance = _ref.instance;
+    var isDragging = instance.isDragging,
+        activeId = instance.activeId,
+        rowKey = instance.rowKey,
+        children = instance.children,
+        options = instance.options;
+    var item = activeId && options.find(function (v) {
+      return v[rowKey] === activeId;
+    });
+    return /*#__PURE__*/React__default['default'].createElement(DragOverlay, {
+      adjustScale: false
+    }, isDragging ? children({
+      item: item,
+      listeners: {}
+    }) : null);
+  });
+  /*
+   * restrictToParentElement 拖拽限制在父元素内
+   */
+  // 可拖拽容器
+
+  var DndContainer$3 = function DndContainer(_ref2) {
+    var options = _ref2.options,
+        rowKey = _ref2.rowKey,
+        children = _ref2.children,
+        move = _ref2.move;
+
+    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 handleMove = function handleMove(activeItem, overItem) {
+      var fileMap = options.map(function (v) {
+        if (v[rowKey] === activeItem[rowKey]) {
+          return _objectSpread({}, overItem);
+        }
+
+        if (v[rowKey] === overItem[rowKey]) {
+          return _objectSpread({}, activeItem);
+        }
+
+        return v;
+      });
+      move === null || move === void 0 ? void 0 : move(activeItem, overItem, fileMap);
+    }; // 开始拖拽
+
+
+    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;
+      setActiveId(null); // 未移入时触发
+
+      if (!(over === null || over === void 0 ? void 0 : over.id)) {
+        return;
+      } // 移入时触发更新数据
+
+
+      if (active.id !== over.id) {
+        handleMove(active.data.current.item, over.data.current.item);
+      }
+    };
+
+    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,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: function onDragCancel() {
+        return setActiveId(null);
+      },
+      modifiers: [restrictToParentElement],
+      collisionDetection: closestCenter
+    }, /*#__PURE__*/React__default['default'].createElement(SortableBox$4, {
+      instance: instance
+    }), /*#__PURE__*/React__default['default'].createElement(DragOver, {
+      instance: instance
+    }));
+  };
+
+  var Root$1 = function Root(props, ref) {
+    // 向外暴露出的方法
+    React.useImperativeHandle(ref, function () {
+      return {};
+    });
+    return /*#__PURE__*/React__default['default'].createElement(DndContainer$3, _objectSpread({}, props));
+  };
+
+  var Root$2 = /*#__PURE__*/React.forwardRef(Root$1);
+
+  var LmDrag = function LmDrag(_ref, ref) {
+    var resetProps = _extends$2({}, _ref);
+
+    var defaultRef = React.useRef(null);
+
+    var defaultProps = _objectSpread({
+      options: [],
+      rowKey: 'id'
+    }, resetProps);
+
+    return /*#__PURE__*/React__default['default'].createElement(Root$2, _objectSpread({
+      ref: ref || defaultRef
+    }, defaultProps));
+  };
+
+  var LmDrag$1 = /*#__PURE__*/React.forwardRef(LmDrag);
+
   exports.Alert = Alert$1;
   exports.Approval = LMApproval;
   exports.AutoComplete = RefAutoComplete$1;
@@ -324983,6 +325582,7 @@
   exports.Layout = Layout$1;
   exports.LeftTable = LeftSide;
   exports.List = List$2;
+  exports.LmDrag = LmDrag$1;
   exports.LmEditTable = LmEditTable;
   exports.LmFilter = LmFilter$1;
   exports.LmImgList = LmImgList;