bkui-vue 2.0.2-beta.4 → 2.0.2-beta.40

package/lib/select/select.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { IOptions } from '../directives';
 import { ISelected, OptionInstanceType } from './type';
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
@@ -346,6 +347,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
 }, {
     t: import("vue").ComputedRef<{
         noData: string;
@@ -1098,6 +1103,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -1156,5 +1165,6 @@ declare const _default: import("vue").DefineComponent<{
     keepSearchValue: boolean;
     searchWithPinyin: boolean;
     disableScrollToSelectedOption: boolean;
+    inputTooltipsOptions: {};
 }, {}>;
 export default _default;

package/lib/sideslider/index.js

@@ -646,7 +646,9 @@ sliderProps.width["default"] = '400';
             "class": "".concat(resolveClassName('sideslider-header'))
           }, [(0,external_vue_namespaceObject.createVNode)("div", {
             "class": "".concat(resolveClassName('sideslider-close')),
-            "onClick": handleClose
+            "onClick": function onClick() {
+              return void handleClose();
+            }
           }, [props.direction === 'left' ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "".concat(resolveClassName('sideslider-title'))
           }, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.title])])]);

package/lib/slider/index.js

@@ -1029,7 +1029,8 @@ var off = function off(element, event, handler) {
     var valueChanged = function valueChanged() {
       if (props.range) {
         return ![rangeMinValue.value, rangeMaxValue.value].every(function (item, index) {
-          return item === oldValue.value[index];
+          var _oldValue$value;
+          return item === ((_oldValue$value = oldValue.value) === null || _oldValue$value === void 0 ? void 0 : _oldValue$value[index]);
         });
       }
       return props.modelValue !== oldValue.value;

package/lib/tab/index.js

@@ -4,7 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -1050,10 +1050,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1131,7 +1131,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1278,9 +1278,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1294,7 +1291,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/table/index.js

@@ -4,7 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__ from "lodash/isEqual";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -25,7 +25,6 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../
 import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_e109fd6b__ from "lodash/isEmpty";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__ from "../button";
 import "../button/button.less";
@@ -1922,10 +1921,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -2003,7 +2002,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -2187,9 +2186,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -2203,7 +2199,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -6748,10 +6744,6 @@ const isEmpty_namespaceObject = isEmpty_x({ ["default"]: () => __WEBPACK_EXTERNA
     renderCell: renderCell
   };
 });
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: external "../popover/popover.less"
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x

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

@@ -336,6 +336,7 @@ declare const TagInput: {
             [x: string]: boolean;
         };
         handleInput: (e?: Event) => void;
+        handleCompositionEnd: () => void;
         handleFocus: () => void;
         handleBlur: () => void;
         handleTagSelected: (item: any, type: string, e?: Event) => void;
@@ -1051,6 +1052,7 @@ declare const TagInput: {
             [x: string]: boolean;
         };
         handleInput: (e?: Event) => void;
+        handleCompositionEnd: () => void;
         handleFocus: () => void;
         handleBlur: () => void;
         handleTagSelected: (item: any, type: string, e?: Event) => void;
@@ -1453,6 +1455,7 @@ declare const TagInput: {
         [x: string]: boolean;
     };
     handleInput: (e?: Event) => void;
+    handleCompositionEnd: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
     handleTagSelected: (item: any, type: string, e?: Event) => void;

package/lib/tag-input/index.js

@@ -3,14 +3,13 @@ import "./tag-input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
 import "../loading/loading.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_trim_5cdad98c__ from "lodash/trim";
@@ -1136,10 +1135,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1217,7 +1216,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1364,9 +1363,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1380,7 +1376,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1644,10 +1640,6 @@ const loading_namespaceObject = loading_x({ ["BkLoadingSize"]: () => __WEBPACK_E
 var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var loading_less_y = x => () => x
 const loading_less_namespaceObject = loading_less_x({  });
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: external "../popover/popover.less"
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
@@ -2325,6 +2317,27 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       }
       referenceNode.parentNode.insertBefore(newNode, swap);
     };
+    // 计算输入框的实际宽度，包括输入拼音时的正确宽度
+    var updateInputWidth = function updateInputWidth(value) {
+      var charLen = getCharLength(value);
+      if (!charLen) {
+        tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
+        return;
+      }
+      var span = document.createElement('span');
+      span.style.visibility = 'hidden';
+      span.style.position = 'absolute';
+      span.style.whiteSpace = 'pre';
+      span.style.font = window.getComputedStyle(tagInputRef.value).font;
+      span.textContent = value;
+      document.body.appendChild(span);
+      var width = span.offsetWidth;
+      document.body.removeChild(span);
+      tagInputRef.value.style.width = "".concat(Math.max(width + 10, INPUT_MIN_WIDTH), "px");
+    };
+    var handleCompositionEnd = function handleCompositionEnd() {
+      updateInputWidth(curInputValue.value);
+    };
     var handleInput = function handleInput(e) {
       var maxData = props.maxData,
         trigger = props.trigger,
@@ -2332,18 +2345,14 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       if (maxData === -1 || maxData > tagList.value.length) {
         var _ref5 = e !== null && e !== void 0 && e.target ? e.target : curInputValue,
           value = _ref5.value;
-        var charLen = getCharLength(value);
-        if (charLen) {
+        if (value) {
           filterData(value);
-          (0,external_vue_namespaceObject.nextTick)(function () {
-            // getBoundingClientRect获取宽度在中文输入法输入的时候会存在为0的情况，导致不显示输入的内容，按回车以后光标在最前面，所以需要提供默认值
-            var tagInputWidth = inputValueRef.value.getBoundingClientRect().width || charLen * INPUT_MIN_WIDTH;
-            tagInputRef.value.style.width = "".concat(tagInputWidth, "px");
-          });
+          updateInputWidth(value);
         } else {
           if (trigger === 'focus') {
             filterData();
           }
+          tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
         }
       } else {
         handleBlur();
@@ -2793,6 +2802,7 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       focusInputTrigger: focusInputTrigger,
       activeClass: activeClass,
       handleInput: handleInput,
+      handleCompositionEnd: handleCompositionEnd,
       handleFocus: handleFocus,
       handleBlur: handleBlur,
       handleTagSelected: handleTagSelected,
@@ -2819,9 +2829,9 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
       "arrow": false,
       "placement": "bottom-start",
+      "referenceCls": this.resolveClassName('tag-input-popover-reference'),
       "theme": "light ".concat(this.resolveClassName('tag-input-popover-content')),
-      "trigger": "manual",
-      "referenceCls": this.resolveClassName('tag-input-popover-reference')
+      "trigger": "manual"
     }, this.popoverProps), {
       "default": function _default() {
         var _this$$slots$suffix, _this$$slots, _this$$slots$suffix2;
@@ -2865,6 +2875,7 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
           "spellcheck": "false",
           "type": "text",
           "onBlur": _this.handleBlur,
+          "onCompositionend": _this.handleCompositionEnd,
           "onFocus": _this.handleFocus,
           "onInput": _this.handleInput,
           "onKeydown": _this.handleKeydown,

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

@@ -326,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     };
     handleInput: (e?: Event) => void;
+    handleCompositionEnd: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
     handleTagSelected: (item: any, type: string, e?: Event) => void;

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

@@ -44,6 +44,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -69,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;
         };
@@ -131,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;
@@ -144,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;
@@ -192,6 +203,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -217,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;
         };
@@ -279,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;
@@ -302,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;
@@ -365,6 +388,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -390,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;
         };
@@ -452,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;
@@ -475,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;
@@ -535,6 +570,7 @@ declare const BkTree: {
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -560,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;
     };
@@ -622,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;
@@ -635,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;
@@ -656,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;