bkui-vue 2.0.2-beta.30 → 2.0.2-beta.31

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.30";
+export const version = "2.0.2-beta.31";
 window.__bkui_vue_version__ = version;

package/lib/tree/constant.d.ts

@@ -4,6 +4,7 @@ export declare enum EVENTS {
     NODE_COLLAPSE = "nodeCollapse",
     NODE_DRAG_LEAVE = "nodeDragLeave",
     NODE_DRAG_OVER = "nodeDragOver",
+    NODE_DRAG_SORT = "nodeDragSort",
     NODE_DRAG_START = "nodeDragStart",
     NODE_DROP = "nodeDrop",
     NODE_ENTER_VIEW = "nodeEnterView",
@@ -18,6 +19,7 @@ export declare const TreeEmitEventsType: {
     nodeDragStart: (..._args: any[]) => boolean;
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
+    nodeDragSort: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
     nodeEnterView: (..._args: any[]) => boolean;
     nodeSelected: (..._args: any[]) => boolean;

package/lib/tree/index.d.ts

@@ -70,11 +70,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -132,6 +140,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -145,6 +154,7 @@ declare const BkTree: {
         nodeDragStart: (..._args: any[]) => boolean;
         nodeDragOver: (..._args: any[]) => boolean;
         nodeDragLeave: (..._args: any[]) => boolean;
+        nodeDragSort: (..._args: any[]) => boolean;
         nodeDrop: (..._args: any[]) => boolean;
         nodeEnterView: (..._args: any[]) => boolean;
         nodeSelected: (..._args: any[]) => boolean;
@@ -219,11 +229,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -281,6 +299,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -304,7 +323,9 @@ declare const BkTree: {
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
         disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -393,11 +414,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -455,6 +484,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -478,7 +508,9 @@ declare const BkTree: {
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
         disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -564,11 +596,19 @@ declare const BkTree: {
     disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -626,6 +666,7 @@ declare const BkTree: {
     onNodeCollapse?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragSort?: (...args: any[]) => any;
     onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
@@ -639,6 +680,7 @@ declare const BkTree: {
     nodeDragStart: (..._args: any[]) => boolean;
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
+    nodeDragSort: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
     nodeEnterView: (..._args: any[]) => boolean;
     nodeSelected: (..._args: any[]) => boolean;
@@ -660,7 +702,9 @@ declare const BkTree: {
     virtualRender: boolean;
     disableDrag: (...args: any[]) => any;
     disableDrop: (...args: any[]) => any;
+    dragThreshold: number;
     dragSort: boolean;
+    dragSortMode: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;

package/lib/tree/index.js

@@ -169,6 +169,7 @@ function _defineProperty(obj, key, value) {
 }
 ;// CONCATENATED MODULE: ../../packages/tree/src/constant.ts
 
+var _TreeEmitEventsType;
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -201,6 +202,7 @@ var EVENTS;
   EVENTS["NODE_COLLAPSE"] = "nodeCollapse";
   EVENTS["NODE_DRAG_LEAVE"] = "nodeDragLeave";
   EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
+  EVENTS["NODE_DRAG_SORT"] = "nodeDragSort";
   EVENTS["NODE_DRAG_START"] = "nodeDragStart";
   EVENTS["NODE_DROP"] = "nodeDrop";
   EVENTS["NODE_ENTER_VIEW"] = "nodeEnterView";
@@ -210,7 +212,7 @@ var EVENTS;
 var EMPTY = function EMPTY() {
   return true;
 };
-var TreeEmitEventsType = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EVENTS.NODE_CLICK, EMPTY), EVENTS.NODE_COLLAPSE, EMPTY), EVENTS.NODE_EXPAND, EMPTY), EVENTS.NODE_CHECKED, EMPTY), EVENTS.NODE_DRAG_START, EMPTY), EVENTS.NODE_DRAG_OVER, EMPTY), EVENTS.NODE_DRAG_LEAVE, EMPTY), EVENTS.NODE_DROP, EMPTY), EVENTS.NODE_ENTER_VIEW, EMPTY), EVENTS.NODE_SELECTED, EMPTY);
+var TreeEmitEventsType = (_TreeEmitEventsType = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TreeEmitEventsType, EVENTS.NODE_CLICK, EMPTY), EVENTS.NODE_COLLAPSE, EMPTY), EVENTS.NODE_EXPAND, EMPTY), EVENTS.NODE_CHECKED, EMPTY), EVENTS.NODE_DRAG_START, EMPTY), EVENTS.NODE_DRAG_OVER, EMPTY), EVENTS.NODE_DRAG_LEAVE, EMPTY), EVENTS.NODE_DRAG_SORT, EMPTY), EVENTS.NODE_DROP, EMPTY), EVENTS.NODE_ENTER_VIEW, EMPTY), _defineProperty(_TreeEmitEventsType, EVENTS.NODE_SELECTED, EMPTY));
 /**
  * 节点扩展属性
  */
@@ -382,10 +384,23 @@ var treeProps = {
   draggable: shared_namespaceObject.PropTypes.bool.def(false),
   disableDrag: shared_namespaceObject.PropTypes.func,
   disableDrop: shared_namespaceObject.PropTypes.func,
+  /**
+   * 拖拽阈值
+   * 用于判断拖拽时鼠标位置与节点的距离
+   * 当鼠标位置与节点的距离大于此值时，才会触发拖拽
+   */
+  dragThreshold: shared_namespaceObject.PropTypes.number.def(0.2),
   /**
    * 节点拖拽时可交换位置（开启拖拽可交换位置后将不支持改变层级）
    */
   dragSort: shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 拖拽排序模式
+   * - any: 允许拖拽到任意位置
+   * - next: 只允许拖拽到同级节点的前后位置
+   * 默认 any
+   */
+  dragSortMode: shared_namespaceObject.PropTypes.oneOf(['any', 'next']).def('any'),
   /**
    * 节点是否可以选中
    */
@@ -1907,7 +1922,8 @@ var use_node_drag_this = undefined;
     getNodeParentIdById = _useNodeAttribute.getNodeParentIdById,
     extendNodeAttr = _useNodeAttribute.extendNodeAttr,
     getNodeAttrById = _useNodeAttribute.getNodeAttrById,
-    isRootNode = _useNodeAttribute.isRootNode;
+    isRootNode = _useNodeAttribute.isRootNode,
+    setNodeAttrById = _useNodeAttribute.setNodeAttrById;
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var isNeedCheckDraggable = (0,external_vue_namespaceObject.computed)(function () {
@@ -1916,6 +1932,7 @@ var use_node_drag_this = undefined;
   var isNeedCheckDroppable = (0,external_vue_namespaceObject.computed)(function () {
     return typeof props.disableDrop === 'function';
   });
+  var dragThreshold = props.dragThreshold || 0.2; // 新增配置项，默认值为 0.2
   var dragNodeId = '';
   var draggedItem = null;
   var nodeRectMap = new WeakMap();
@@ -1928,6 +1945,14 @@ var use_node_drag_this = undefined;
     var uid = targetNode === null || targetNode === void 0 || (_targetNode$dataset = targetNode.dataset) === null || _targetNode$dataset === void 0 ? void 0 : _targetNode$dataset.treeNode;
     return getSourceNodeByUID(uid);
   };
+  var updateDropStyles = function updateDropStyles(targetNode, stylesToAdd, stylesToRemove) {
+    stylesToRemove.forEach(function (style) {
+      return targetNode.classList.remove(style);
+    });
+    stylesToAdd.forEach(function (style) {
+      return targetNode.classList.add(style);
+    });
+  };
   var handleTreeNodeMouseup = function handleTreeNodeMouseup(e) {
     var targetNode = getTargetTreeNode(e);
     targetNode.removeEventListener('mouseup', handleTreeNodeMouseup);
@@ -1956,6 +1981,7 @@ var use_node_drag_this = undefined;
       dragOverItem = targetNode;
     }
     var data = extendNodeAttr(getNodeByTargetTreeNode(targetNode));
+    // 如果目标节点不在缓存中，重新计算并缓存
     if (!nodeRectMap.has(targetNode)) {
       nodeRectMap.set(targetNode, targetNode.getBoundingClientRect());
     }
@@ -1963,23 +1989,14 @@ var use_node_drag_this = undefined;
     var _nodeRectMap$get = nodeRectMap.get(targetNode),
       top = _nodeRectMap$get.top,
       height = _nodeRectMap$get.height;
-    var threshold = height * 0.2;
+    var threshold = height * dragThreshold; // 使用配置项
     var offsetY = clientY - top;
     if (offsetY < threshold) {
-      if (!targetNode.classList.contains(dropBefore)) {
-        targetNode.classList.add(dropBefore);
-        targetNode.classList.remove(dropAfter, dropInner);
-      }
+      updateDropStyles(targetNode, [dropBefore], [dropAfter, dropInner]);
     } else if (offsetY > height - threshold) {
-      if (!targetNode.classList.contains(dropAfter)) {
-        targetNode.classList.add(dropAfter);
-        targetNode.classList.remove(dropBefore, dropInner);
-      }
+      updateDropStyles(targetNode, [dropAfter], [dropBefore, dropInner]);
     } else {
-      if (!targetNode.classList.contains(dropInner)) {
-        targetNode.classList.add(dropInner);
-        targetNode.classList.remove(dropBefore, dropAfter);
-      }
+      updateDropStyles(targetNode, [dropInner], [dropBefore, dropAfter]);
     }
     ctx.emit(EVENTS.NODE_DRAG_OVER, e, targetNode, data);
     if (isNeedCheckDroppable.value && props !== null && props !== void 0 && props.disableDrop(data)) {
@@ -2013,19 +2030,19 @@ var use_node_drag_this = undefined;
     e.preventDefault();
     e.stopPropagation();
     var targetNode = getTargetTreeNode(e);
+    if (!targetNode) return;
     targetNode.classList.remove("".concat(resolveClassName('tree-drop-active')), "".concat(resolveClassName('tree-drop-disabled')));
     var data = extendNodeAttr(getNodeByTargetTreeNode(targetNode));
     if (isNeedCheckDroppable.value && props.disableDrop(data)) {
       return;
     }
-    var sourceNodeId = dragNodeId; // e.dataTransfer.getData('node-id');
+    var sourceNodeId = dragNodeId;
     var targetNodeId = targetNode.getAttribute('data-tree-node');
     if (sourceNodeId !== targetNodeId) {
       var _dragOverItem2, _dragOverItem3, _dragOverItem4;
       if ((_dragOverItem2 = dragOverItem) !== null && _dragOverItem2 !== void 0 && _dragOverItem2.classList.contains(dropInner)) {
         Reflect.apply(dragAsChildNode, use_node_drag_this, [sourceNodeId, targetNodeId]);
-      }
-      if ((_dragOverItem3 = dragOverItem) !== null && _dragOverItem3 !== void 0 && _dragOverItem3.classList.contains(dropAfter) || (_dragOverItem4 = dragOverItem) !== null && _dragOverItem4 !== void 0 && _dragOverItem4.classList.contains(dropBefore)) {
+      } else if ((_dragOverItem3 = dragOverItem) !== null && _dragOverItem3 !== void 0 && _dragOverItem3.classList.contains(dropAfter) || (_dragOverItem4 = dragOverItem) !== null && _dragOverItem4 !== void 0 && _dragOverItem4.classList.contains(dropBefore)) {
         Reflect.apply(dragSortData, use_node_drag_this, [sourceNodeId, targetNodeId]);
       }
       ctx.emit(EVENTS.NODE_DROP, e, targetNode, data);
@@ -2038,20 +2055,69 @@ var use_node_drag_this = undefined;
     return sourceId !== targetId;
   };
   var dragSortData = function dragSortData(sourceId, targetId) {
-    var _dragOverItem6;
+    var _dragOverItem6, _dragOverItem7;
     if (!props.dragSort || !isNodeSortable(sourceId, targetId)) {
       return;
     }
     var sourceNodeData = getSourceNodeByUID(sourceId);
+    var targetNodeData = getSourceNodeByUID(targetId);
+    if (!sourceNodeData || !targetNodeData) return;
     var sourceNodeParent = getParentNodeData(sourceId);
-    var sourceNodeIndex = getNodeAttrById(sourceId, NODE_ATTRIBUTES.INDEX);
-    sourceNodeParent === null || sourceNodeParent === void 0 || sourceNodeParent[props.children].splice(sourceNodeIndex, 1);
-    var targetNodeIndex = getNodeAttrById(targetId, NODE_ATTRIBUTES.INDEX);
+    var targetNodeParent = getParentNodeData(targetId);
+    if (!sourceNodeParent || !targetNodeParent) return;
+    // 只允许同父节点下排序
+    if (props.dragSortMode === 'next') {
+      if (sourceNodeParent !== targetNodeParent) return;
+    }
+    var childrenKey = props.children;
+    var sourceSiblings = sourceNodeParent[childrenKey];
+    var targetSlibings = targetNodeParent[childrenKey];
+    if (!Array.isArray(sourceSiblings)) return;
+    var sourceNodeIndex = sourceSiblings.findIndex(function (item) {
+      return item === sourceNodeData;
+    });
+    var targetNodeIndex = targetSlibings.findIndex(function (item) {
+      return item === targetNodeData;
+    });
+    if (sourceNodeIndex === -1 || targetNodeIndex === -1) return;
+    // 先移除源节点
+    sourceSiblings.splice(sourceNodeIndex, 1);
+    // 计算插入位置
     if ((_dragOverItem6 = dragOverItem) !== null && _dragOverItem6 !== void 0 && _dragOverItem6.classList.contains(dropAfter)) {
+      // 如果源节点在目标节点前面，移除后 targetNodeIndex 需要减 1
+      if (sourceNodeIndex < targetNodeIndex) {
+        targetNodeIndex = targetNodeIndex - 1;
+      }
       targetNodeIndex = targetNodeIndex + 1;
+    } else if ((_dragOverItem7 = dragOverItem) !== null && _dragOverItem7 !== void 0 && _dragOverItem7.classList.contains(dropBefore)) {
+      // 如果源节点在目标节点后面，移除后 targetNodeIndex 不变
+      if (sourceNodeIndex > targetNodeIndex) {
+        // do nothing
+      }
     }
-    var targetNodeParent = getParentNodeData(targetId);
-    targetNodeParent === null || targetNodeParent === void 0 || targetNodeParent[props.children].splice(targetNodeIndex, 0, sourceNodeData);
+    // 插入节点
+    targetSlibings.splice(targetNodeIndex, 0, sourceNodeData);
+    // 更新所有兄弟节点的 INDEX
+    targetSlibings.forEach(function (item, idx) {
+      var nodeId = getNodeAttrById(item[NODE_ATTRIBUTES.UUID], NODE_ATTRIBUTES.UUID) || item[NODE_ATTRIBUTES.UUID];
+      if (nodeId) {
+        setNodeAttrById(nodeId, NODE_ATTRIBUTES.INDEX, idx);
+      }
+    });
+    sourceSiblings.forEach(function (item, idx) {
+      var nodeId = getNodeAttrById(item[NODE_ATTRIBUTES.UUID], NODE_ATTRIBUTES.UUID) || item[NODE_ATTRIBUTES.UUID];
+      if (nodeId) {
+        setNodeAttrById(nodeId, NODE_ATTRIBUTES.INDEX, idx);
+      }
+    });
+    // 触发更新
+    ctx.emit(EVENTS.NODE_DRAG_SORT, {
+      sourceNode: sourceNodeData,
+      targetNode: targetNodeData,
+      sourceIndex: sourceNodeIndex,
+      targetIndex: targetNodeIndex,
+      targetSlibings: targetSlibings
+    });
   };
   var dragAsChildNode = function dragAsChildNode(sourceNodeId, targetNodeId) {
     var sourceNodeData = getSourceNodeByUID(sourceNodeId);
@@ -2076,6 +2142,10 @@ var use_node_drag_this = undefined;
   var handleTreeNodeDragLeave = function handleTreeNodeDragLeave(e) {
     e.preventDefault();
     var targetNode = getTargetTreeNode(e);
+    // 移除目标节点的缓存
+    if (nodeRectMap.has(targetNode)) {
+      nodeRectMap["delete"](targetNode);
+    }
     targetNode.classList.remove("".concat(resolveClassName('tree-drop-active')), "".concat(resolveClassName('tree-drop-disabled')));
     targetNode.classList.remove(dropAfter, dropBefore, dropInner);
     ctx.emit(EVENTS.NODE_DRAG_LEAVE, e, targetNode);

package/lib/tree/props.d.ts

@@ -132,6 +132,16 @@ export declare const treeProps: {
     disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    /**
+     * 拖拽阈值
+     * 用于判断拖拽时鼠标位置与节点的距离
+     * 当鼠标位置与节点的距离大于此值时，才会触发拖拽
+     */
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     /**
      * 节点拖拽时可交换位置（开启拖拽可交换位置后将不支持改变层级）
      */
@@ -140,6 +150,15 @@ export declare const treeProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 拖拽排序模式
+     * - any: 允许拖拽到任意位置
+     * - next: 只允许拖拽到同级节点的前后位置
+     * 默认 any
+     */
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     /**
      * 节点是否可以选中
      */

package/lib/tree/tree.d.ts

@@ -75,11 +75,19 @@ declare const _default: import("vue").DefineComponent<{
     disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -139,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
     nodeDragStart: (..._args: any[]) => boolean;
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
+    nodeDragSort: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
     nodeEnterView: (..._args: any[]) => boolean;
     nodeSelected: (..._args: any[]) => boolean;
@@ -213,11 +222,19 @@ declare const _default: import("vue").DefineComponent<{
     disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -275,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     onNodeCollapse?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragSort?: (...args: any[]) => any;
     onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
@@ -298,7 +316,9 @@ declare const _default: import("vue").DefineComponent<{
     virtualRender: boolean;
     disableDrag: (...args: any[]) => any;
     disableDrop: (...args: any[]) => any;
+    dragThreshold: number;
     dragSort: boolean;
+    dragSortMode: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.30",
+  "version": "2.0.2-beta.31",
   "workspaces": [
     "packages/**",
     "scripts/cli",