bkui-vue 2.1.0-dev-beta.12 → 2.1.0-dev-beta.14

package/lib/select/select.d.ts

@@ -248,6 +248,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             default: string;
         };
+        renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -441,7 +446,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "remove" | "enter" | "update:modelValue")[], import("vue").PublicProps, {
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "danger" | "success" | "warning" | "info";
@@ -584,7 +589,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "remove" | "enter" | "update:modelValue")[], import("vue").PublicProps, {
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "danger" | "success" | "warning" | "info";
@@ -819,6 +824,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             default: string;
         };
+        renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1122,6 +1132,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             default: string;
         };
+        renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1246,6 +1261,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     multiple: boolean;
     disabled: boolean;
     trigger: "default" | "manual";
+    scrollHeight: number;
     minHeight: number;
     showOnInit: boolean;
     loading: boolean;
@@ -1254,7 +1270,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tagTheme: "" | "danger" | "success" | "warning" | "info";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
-    scrollHeight: number;
     clearable: boolean;
     withValidate: boolean;
     noDataText: string;

package/lib/select/selectTagInput.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleInput: (e: any) => void;
     handleKeydown: (e: any) => void;
     resolveClassName: (cls: string) => string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "enter" | "update:modelValue" | "remove")[], "keydown" | "enter" | "update:modelValue" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "remove" | "enter" | "update:modelValue")[], "keydown" | "remove" | "enter" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     selected: {
         type: PropType<ISelected[]>;
         default: () => any[];

package/lib/table/components/table-column.d.ts

@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<{
     render?: import("../props").RenderFunctionString;
     label?: import("../props").LabelFunctionString;
     width?: string | number;
-    align?: "" | "right" | "left" | "center";
     className?: import("../props").RowClassFunctionString;
+    align?: "" | "right" | "left" | "center";
     showOverflowTooltip?: import("../props").IOverflowTooltipProp;
     field?: import("../props").LabelFunctionString;
     prop?: import("../props").LabelFunctionString;
@@ -73,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{
     render?: import("../props").RenderFunctionString;
     label?: import("../props").LabelFunctionString;
     width?: string | number;
-    align?: "" | "right" | "left" | "center";
     className?: import("../props").RowClassFunctionString;
+    align?: "" | "right" | "left" | "center";
     showOverflowTooltip?: import("../props").IOverflowTooltipProp;
     field?: import("../props").LabelFunctionString;
     prop?: import("../props").LabelFunctionString;

package/lib/table/index.d.ts

@@ -709,8 +709,8 @@ declare const BkTable: {
         render?: import("./props").RenderFunctionString;
         label?: import("./props").LabelFunctionString;
         width?: string | number;
-        align?: "" | "right" | "left" | "center";
         className?: import("./props").RowClassFunctionString;
+        align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: import("./props").IOverflowTooltipProp;
         field?: import("./props").LabelFunctionString;
         prop?: import("./props").LabelFunctionString;
@@ -728,8 +728,8 @@ declare const BkTable: {
         render?: import("./props").RenderFunctionString;
         label?: import("./props").LabelFunctionString;
         width?: string | number;
-        align?: "" | "right" | "left" | "center";
         className?: import("./props").RowClassFunctionString;
+        align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: import("./props").IOverflowTooltipProp;
         field?: import("./props").LabelFunctionString;
         prop?: import("./props").LabelFunctionString;

package/lib/table-column/index.d.ts

@@ -13,8 +13,8 @@ declare const BkTableColumn: {
         render?: import("../table/props").RenderFunctionString;
         label?: import("../table/props").LabelFunctionString;
         width?: string | number;
-        align?: "" | "right" | "left" | "center";
         className?: import("../table/props").RowClassFunctionString;
+        align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: import("../table/props").IOverflowTooltipProp;
         field?: import("../table/props").LabelFunctionString;
         prop?: import("../table/props").LabelFunctionString;
@@ -47,8 +47,8 @@ declare const BkTableColumn: {
         render?: import("../table/props").RenderFunctionString;
         label?: import("../table/props").LabelFunctionString;
         width?: string | number;
-        align?: "" | "right" | "left" | "center";
         className?: import("../table/props").RowClassFunctionString;
+        align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: import("../table/props").IOverflowTooltipProp;
         field?: import("../table/props").LabelFunctionString;
         prop?: import("../table/props").LabelFunctionString;
@@ -78,8 +78,8 @@ declare const BkTableColumn: {
     render?: import("../table/props").RenderFunctionString;
     label?: import("../table/props").LabelFunctionString;
     width?: string | number;
-    align?: "" | "right" | "left" | "center";
     className?: import("../table/props").RowClassFunctionString;
+    align?: "" | "right" | "left" | "center";
     showOverflowTooltip?: import("../table/props").IOverflowTooltipProp;
     field?: import("../table/props").LabelFunctionString;
     prop?: import("../table/props").LabelFunctionString;

package/lib/tag-input/index.d.ts

@@ -278,6 +278,11 @@ declare const TagInput: {
                 } & {
                     default: string;
                 };
+                renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
                 hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -411,6 +416,7 @@ declare const TagInput: {
             popoverDelay?: number | number[];
             extCls?: string;
             referenceCls?: string;
+            renderReferenceWrapper?: boolean;
             hideIgnoreReference?: boolean;
             componentEventDelay?: number;
             forceClickoutside?: boolean;
@@ -495,7 +501,7 @@ declare const TagInput: {
             };
             floatingReference?: any;
         };
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "update:modelValue" | "remove" | "removeAll" | "copy-success")[], import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "remove" | "update:modelValue" | "removeAll" | "copy-success")[], import("vue").PublicProps, {
         separator: string;
         disabled: boolean;
         trigger: "focus" | "search";
@@ -657,6 +663,11 @@ declare const TagInput: {
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -963,6 +974,11 @@ declare const TagInput: {
                 } & {
                     default: string;
                 };
+                renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
                 hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -1096,6 +1112,7 @@ declare const TagInput: {
             popoverDelay?: number | number[];
             extCls?: string;
             referenceCls?: string;
+            renderReferenceWrapper?: boolean;
             hideIgnoreReference?: boolean;
             componentEventDelay?: number;
             forceClickoutside?: boolean;
@@ -1342,6 +1359,11 @@ declare const TagInput: {
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1643,6 +1665,11 @@ declare const TagInput: {
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1776,6 +1803,7 @@ declare const TagInput: {
         popoverDelay?: number | number[];
         extCls?: string;
         referenceCls?: string;
+        renderReferenceWrapper?: boolean;
         hideIgnoreReference?: boolean;
         componentEventDelay?: number;
         forceClickoutside?: boolean;
@@ -1860,7 +1888,7 @@ declare const TagInput: {
         };
         floatingReference?: any;
     };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "update:modelValue" | "remove" | "removeAll" | "copy-success")[], "blur" | "focus" | "input" | "select" | "change" | "update:modelValue" | "remove" | "removeAll" | "copy-success", {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "remove" | "update:modelValue" | "removeAll" | "copy-success")[], "blur" | "focus" | "input" | "select" | "change" | "remove" | "update:modelValue" | "removeAll" | "copy-success", {
     separator: string;
     disabled: boolean;
     trigger: "focus" | "search";
@@ -2022,6 +2050,11 @@ declare const TagInput: {
         } & {
             default: string;
         };
+        renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {

package/lib/tag-input/tag-input.d.ts

@@ -277,6 +277,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -400,6 +405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         popoverDelay?: number | number[];
         extCls?: string;
         referenceCls?: string;
+        renderReferenceWrapper?: boolean;
         hideIgnoreReference?: boolean;
         componentEventDelay?: number;
         forceClickoutside?: boolean;
@@ -484,7 +490,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         floatingReference?: any;
     };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "update:modelValue" | "remove" | "removeAll" | "copy-success")[], "blur" | "focus" | "input" | "select" | "change" | "update:modelValue" | "remove" | "removeAll" | "copy-success", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "select" | "change" | "remove" | "update:modelValue" | "removeAll" | "copy-success")[], "blur" | "focus" | "input" | "select" | "change" | "remove" | "update:modelValue" | "removeAll" | "copy-success", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -762,6 +768,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -970,6 +981,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             default: string;
         };
+        renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {

package/lib/tag-input/tag-props.d.ts

@@ -270,6 +270,11 @@ declare const tagProps: () => {
             } & {
                 default: string;
             };
+            renderReferenceWrapper: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {

package/lib/tree/index.d.ts

@@ -80,6 +80,9 @@ declare const BkTree: {
         dragSortMode: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -174,13 +177,13 @@ declare const BkTree: {
     }, import("vue").PublicProps, {
         data: any[];
         height: number;
+        children: string;
         search: string | number | boolean | import("./props").SearchOption;
         lineHeight: number;
         draggable: boolean;
         prefixIcon: any;
         checked: any[];
         emptyText: string;
-        children: string;
         offsetLeft: number;
         intersectionObserver: boolean | import("./props").IIntersectionObserver;
         nodeKey: string;
@@ -191,6 +194,7 @@ declare const BkTree: {
         dragThreshold: number;
         dragSort: boolean;
         dragSortMode: string;
+        dragTargetOpenState: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -291,6 +295,9 @@ declare const BkTree: {
         dragSortMode: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -370,13 +377,13 @@ declare const BkTree: {
     }>, () => JSX.Element, {}, {}, {}, {
         data: any[];
         height: number;
+        children: string;
         search: string | number | boolean | import("./props").SearchOption;
         lineHeight: number;
         draggable: boolean;
         prefixIcon: any;
         checked: any[];
         emptyText: string;
-        children: string;
         offsetLeft: number;
         intersectionObserver: boolean | import("./props").IIntersectionObserver;
         nodeKey: string;
@@ -387,6 +394,7 @@ declare const BkTree: {
         dragThreshold: number;
         dragSort: boolean;
         dragSortMode: string;
+        dragTargetOpenState: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -484,6 +492,9 @@ declare const BkTree: {
     dragSortMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -578,13 +589,13 @@ declare const BkTree: {
 }, string, {
     data: any[];
     height: number;
+    children: string;
     search: string | number | boolean | import("./props").SearchOption;
     lineHeight: number;
     draggable: boolean;
     prefixIcon: any;
     checked: any[];
     emptyText: string;
-    children: string;
     offsetLeft: number;
     intersectionObserver: boolean | import("./props").IIntersectionObserver;
     nodeKey: string;
@@ -595,6 +606,7 @@ declare const BkTree: {
     dragThreshold: number;
     dragSort: boolean;
     dragSortMode: string;
+    dragTargetOpenState: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;

package/lib/tree/index.js

@@ -17717,6 +17717,13 @@ var treeProps = {
    * 默认 any
    */
   dragSortMode: shared_namespaceObject.PropTypes.oneOf(['any', 'next']).def('any'),
+  /**
+   * 拖拽添加为子节点后，目标节点的展开状态
+   * - expand: 展开目标节点
+   * - collapse: 收起目标节点
+   * - inherit: 保持目标节点当前展开收起状态
+   */
+  dragTargetOpenState: shared_namespaceObject.PropTypes.oneOf(['expand', 'collapse', 'inherit']).def('inherit'),
   /**
    * 节点是否可以选中
    */
@@ -19563,9 +19570,24 @@ var use_node_action_this = undefined;
     }
     return 'after';
   };
-  var getDropInfo = function getDropInfo(dropPosition) {
+  var getDropInfo = function getDropInfo(draggedId, relatedId, dropPosition) {
+    var draggedData = getSourceNodeByUID(draggedId);
+    var relatedData = getSourceNodeByUID(relatedId);
+    var isSameParent = !!draggedData && !!relatedData && getParentNode(draggedData) === getParentNode(relatedData);
+    if (props.dragSort && isSameParent && dropPosition !== 'inside') {
+      return {
+        dropType: 'sort',
+        willInsertAfter: dropPosition === 'after'
+      };
+    }
+    if (dropPosition === 'inside') {
+      return {
+        dropType: 'child',
+        willInsertAfter: false
+      };
+    }
     return {
-      dropType: dropPosition === 'inside' ? 'child' : props.dragSort ? 'sort' : 'move',
+      dropType: 'move',
       willInsertAfter: dropPosition === 'after'
     };
   };
@@ -19646,7 +19668,11 @@ var use_node_action_this = undefined;
     if (!draggedData || !relatedData || draggedId === relatedId || isDescendantTarget(draggedData, relatedData)) {
       return false;
     }
-    if (dropType === 'sort' && props.dragSortMode === 'next' && getParentNode(draggedData) !== getParentNode(relatedData)) {
+    var isSameParent = getParentNode(draggedData) === getParentNode(relatedData);
+    if (dropType === 'sort' && (!props.dragSort || !isSameParent)) {
+      return false;
+    }
+    if (props.dragSort && props.dragSortMode === 'next' && (dropType !== 'sort' || !isSameParent)) {
       return false;
     }
     return !isDropDisabled(draggedId, relatedId, dropType);
@@ -19682,7 +19708,7 @@ var use_node_action_this = undefined;
     var relatedId = getNodeIdByEl(relatedEl);
     if (!relatedEl || !relatedId) return;
     var dropPosition = getDropPosition(event, relatedEl);
-    var _getDropInfo = getDropInfo(dropPosition),
+    var _getDropInfo = getDropInfo(dragNodeId, relatedId, dropPosition),
       dropType = _getDropInfo.dropType,
       willInsertAfter = _getDropInfo.willInsertAfter;
     var droppable = canDrop(dragNodeId, relatedId, dropType);
@@ -19715,7 +19741,7 @@ var use_node_action_this = undefined;
     event.stopPropagation();
     event.preventDefault();
     var dropPosition = targetEl ? getDropPosition(event, targetEl) : 'inside';
-    var _getDropInfo2 = getDropInfo(dropPosition),
+    var _getDropInfo2 = getDropInfo(dragNodeId, targetId, dropPosition),
       dropType = _getDropInfo2.dropType,
       willInsertAfter = _getDropInfo2.willInsertAfter;
     var sourceNodeData = getSourceNodeByUID(dragNodeId);
@@ -20512,7 +20538,7 @@ var use_tree_init_this = undefined;
     var _useIntersectionObser = use_intersection_observer(props),
       getLastVisibleElement = _useIntersectionObser.getLastVisibleElement,
       intersectionObserver = _useIntersectionObser.intersectionObserver;
-    var collectOpenNodeIds = function collectOpenNodeIds(_payload) {
+    var collectOpenNodeIds = function collectOpenNodeIds() {
       var openNodeIds = new Set();
       flatData.data.forEach(function (node) {
         if (isNodeOpened(node)) {
@@ -20521,17 +20547,57 @@ var use_tree_init_this = undefined;
       });
       return openNodeIds;
     };
-    var restoreOpenNodes = function restoreOpenNodes(openNodeIds) {
-      flatData.data.forEach(function (node) {
-        setNodeAttribute(node, NODE_ATTRIBUTES.IS_OPEN, openNodeIds.has("".concat(getNodeId(node))));
+    var getSourceNodeId = function getSourceNodeId(node) {
+      return "".concat(node === null || node === void 0 ? void 0 : node[props.nodeKey || NODE_ATTRIBUTES.UUID]);
+    };
+    var getSourceChildren = function getSourceChildren(node) {
+      return (node === null || node === void 0 ? void 0 : node[props.children]) || [];
+    };
+    var sourceOpenAttr = NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_OPEN];
+    var _removeOpenState = function removeOpenState(node, openNodeIds) {
+      openNodeIds["delete"](getSourceNodeId(node));
+      getSourceChildren(node).forEach(function (child) {
+        _removeOpenState(child, openNodeIds);
       });
     };
+    var syncDragTargetOpenState = function syncDragTargetOpenState(openNodeIds, payload) {
+      if (payload.trigger !== 'drag' || payload.dropType !== 'child' || !payload.targetNode) {
+        return;
+      }
+      var targetOpenState = props.dragTargetOpenState || 'inherit';
+      if (targetOpenState === 'inherit') {
+        return;
+      }
+      var targetNodeId = getSourceNodeId(payload.targetNode);
+      if (targetOpenState === 'expand') {
+        openNodeIds.add(targetNodeId);
+      }
+      if (targetOpenState === 'collapse') {
+        _removeOpenState(payload.targetNode, openNodeIds);
+      }
+    };
+    var _syncSourceOpenState = function syncSourceOpenState(treeData, openNodeIds) {
+      var parentOpened = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      treeData.forEach(function (node) {
+        var isOpen = parentOpened && openNodeIds.has(getSourceNodeId(node));
+        if (isOpen || !parentOpened || Object.prototype.hasOwnProperty.call(node, sourceOpenAttr)) {
+          node[sourceOpenAttr] = isOpen;
+        }
+        _syncSourceOpenState(getSourceChildren(node), openNodeIds, isOpen);
+      });
+    };
+    var normalizeDragOpenState = function normalizeDragOpenState(payload) {
+      var openNodeIds = collectOpenNodeIds();
+      syncDragTargetOpenState(openNodeIds, payload);
+      _syncSourceOpenState(payload.data, openNodeIds);
+    };
     var onTreeDataChange = function onTreeDataChange(payload) {
       var _payload$data, _props$onDataChange;
-      var openNodeIds = collectOpenNodeIds(payload);
+      if (payload.trigger === 'drag') {
+        normalizeDragOpenState(payload);
+      }
       treeDataRef.value = (_payload$data = payload.data) !== null && _payload$data !== void 0 ? _payload$data : [];
       rebuildData(treeDataRef.value);
-      restoreOpenNodes(openNodeIds);
       ctx.emit(EVENTS.NODE_DATA_CHANGE, payload);
       (_props$onDataChange = props.onDataChange) === null || _props$onDataChange === void 0 || _props$onDataChange.call(props, payload);
     };

package/lib/tree/props.d.ts

@@ -13,11 +13,19 @@ export type TreeNode = {
 };
 /**
  * 拖拽放置类型
- * - child: 作为目标节点的子节点
- * - move: 作为目标节点的同级节点（非排序模式）
- * - sort: 同父节点下排序（排序模式）
+ * - 同父级节点，落在目标节点前/后：dropType = 'sort'
+ * - 同父级节点，落在目标节点中间作为直接子节点：dropType = 'child'
+ * - 非同父级等其他情况：dropType = 'move'
+ * 非同父级等其他情况：dropType = 'move'
  */
 export type DropType = 'child' | 'move' | 'sort';
+/**
+ * 拖拽添加为子节点后，目标节点的展开状态
+ * - expand: 展开目标节点
+ * - collapse: 收起目标节点
+ * - inherit: 保持目标节点当前展开收起状态
+ */
+export type DragTargetOpenState = 'collapse' | 'expand' | 'inherit';
 export type DisableDropHandler = (data: TreeNode, type: DropType, target: TreeNode) => boolean;
 export type TreeDataChangeTrigger = 'async' | 'drag';
 export type TreeDataChangePayload = {
@@ -217,6 +225,15 @@ export declare const treeProps: {
     dragSortMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    /**
+     * 拖拽添加为子节点后，目标节点的展开状态
+     * - expand: 展开目标节点
+     * - collapse: 收起目标节点
+     * - inherit: 保持目标节点当前展开收起状态
+     */
+    dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     /**
      * 节点是否可以选中
      */

package/lib/tree/tree.d.ts

@@ -85,6 +85,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dragSortMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -242,6 +245,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dragSortMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dragTargetOpenState: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -321,13 +327,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     data: any[];
     height: number;
+    children: string;
     search: string | number | boolean | import("./props").SearchOption;
     lineHeight: number;
     draggable: boolean;
     prefixIcon: any;
     checked: any[];
     emptyText: string;
-    children: string;
     offsetLeft: number;
     intersectionObserver: boolean | import("./props").IIntersectionObserver;
     nodeKey: string;
@@ -338,6 +344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dragThreshold: number;
     dragSort: boolean;
     dragSortMode: string;
+    dragTargetOpenState: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;