bkui-vue 2.0.1-beta.50 → 2.0.1-beta.50.select.1

package/lib/tab/index.d.ts

@@ -8,11 +8,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -25,6 +25,11 @@ declare const BkTab: {
         } & {
             default: number;
         };
+        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -35,6 +40,21 @@ declare const BkTab: {
         } & {
             default: boolean;
         };
+        showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         activeBarSize: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -70,11 +90,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -87,6 +107,11 @@ declare const BkTab: {
         } & {
             default: number;
         };
+        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -97,6 +122,21 @@ declare const BkTab: {
         } & {
             default: boolean;
         };
+        showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         activeBarSize: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -120,18 +160,22 @@ declare const BkTab: {
         "onOn-drag-tab"?: (...args: any[]) => any;
         "onUpdate:active"?: (...args: any[]) => any;
     }, {
-        type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         extCls: string;
         active: string | number;
         closable: boolean;
+        showHeader: boolean;
         sortType: "replace" | "insert";
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "left" | "right" | "top";
+        tabPosition: "top" | "right" | "left";
         addable: boolean;
         labelHeight: number;
+        scrollStep: number;
         validateActive: boolean;
+        changeOnHover: boolean;
+        changeOnHoverDelay: number;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -143,11 +187,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -160,6 +204,11 @@ declare const BkTab: {
         } & {
             default: number;
         };
+        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -170,6 +219,21 @@ declare const BkTab: {
         } & {
             default: boolean;
         };
+        showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
         activeBarSize: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -202,18 +266,22 @@ declare const BkTab: {
         tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
         tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
     }, {}, {}, {}, {
-        type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         extCls: string;
         active: string | number;
         closable: boolean;
+        showHeader: boolean;
         sortType: "replace" | "insert";
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "left" | "right" | "top";
+        tabPosition: "top" | "right" | "left";
         addable: boolean;
         labelHeight: number;
+        scrollStep: number;
         validateActive: boolean;
+        changeOnHover: boolean;
+        changeOnHoverDelay: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -222,11 +290,11 @@ declare const BkTab: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -239,6 +307,11 @@ declare const BkTab: {
     } & {
         default: number;
     };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -249,6 +322,21 @@ declare const BkTab: {
     } & {
         default: boolean;
     };
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     activeBarSize: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -281,18 +369,22 @@ declare const BkTab: {
     tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
     tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active")[], "sort" | "change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active", {
-    type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     extCls: string;
     active: string | number;
     closable: boolean;
+    showHeader: boolean;
     sortType: "replace" | "insert";
     sortable: boolean;
     activeBarColor: string;
     activeBarSize: number;
-    tabPosition: "left" | "right" | "top";
+    tabPosition: "top" | "right" | "left";
     addable: boolean;
     labelHeight: number;
+    scrollStep: number;
     validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     TabPanel: import("vue").DefineComponent<{
         name: import("vue-types").VueTypeDef<string | number> & {

package/lib/tab/index.js

@@ -100,11 +100,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 var TabTypeEnum;
 (function (TabTypeEnum) {
-  TabTypeEnum["BORDER_CARD"] = "border-card";
   TabTypeEnum["CARD"] = "card";
-  TabTypeEnum["CARD_GRID"] = "card-grid";
-  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["BORDER_CARD"] = "border-card";
   TabTypeEnum["UNBORDER_CARD"] = "unborder-card";
+  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["CARD_GRID"] = "card-grid";
 })(TabTypeEnum || (TabTypeEnum = {}));
 var PositionEnum;
 (function (PositionEnum) {
@@ -115,8 +115,8 @@ var PositionEnum;
 var TabPositionType = (0,external_vue_types_namespaceObject.toType)('position', {}).def(PositionEnum.TOP);
 var SortTypeEnum;
 (function (SortTypeEnum) {
-  SortTypeEnum["INSERT"] = "insert";
   SortTypeEnum["REPLACE"] = "replace";
+  SortTypeEnum["INSERT"] = "insert";
 })(SortTypeEnum || (SortTypeEnum = {}));
 var SortTypeUnion = (0,external_vue_types_namespaceObject.toType)('sortType', {}).def(SortTypeEnum.REPLACE);
 var tabNavEventProps = {
@@ -206,8 +206,12 @@ var tabProps = {
   sortable: Boolean,
   sortType: SortTypeUnion,
   labelHeight: shared_namespaceObject.PropTypes.number.def(50),
+  scrollStep: shared_namespaceObject.PropTypes.number.def(200),
   extCls: shared_namespaceObject.PropTypes.string.def(''),
   validateActive: shared_namespaceObject.PropTypes.bool.def(true),
+  showHeader: shared_namespaceObject.PropTypes.bool.def(true),
+  changeOnHover: shared_namespaceObject.PropTypes.bool.def(false),
+  changeOnHoverDelay: shared_namespaceObject.PropTypes.number.def(1000),
   activeBarSize: shared_namespaceObject.PropTypes.number.def(2),
   activeBarColor: shared_namespaceObject.PropTypes.string.def('#3a84ff')
 };
@@ -228,7 +232,10 @@ var tabNavProps = _objectSpread({
   sortable: Boolean,
   sortType: SortTypeUnion,
   labelHeight: shared_namespaceObject.PropTypes.number.def(50),
-  validateActive: shared_namespaceObject.PropTypes.bool.def(true)
+  scrollStep: shared_namespaceObject.PropTypes.number.def(200),
+  validateActive: shared_namespaceObject.PropTypes.bool.def(true),
+  changeOnHover: shared_namespaceObject.PropTypes.bool.def(false),
+  changeOnHoverDelay: shared_namespaceObject.PropTypes.number.def(1000)
 }, tabNavEventProps);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -521,16 +528,14 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         };
         return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
           "key": name,
-          "ref": active === name ? 'activeRef' : '',
-          "class": getNavItemClass(),
-          "draggable": getValue(item.sortable, sortable),
           "onClick": function onClick() {
             return !disabled && _this.handleTabChange(name);
           },
-          "onDragend": function onDragend(e) {
-            e.preventDefault();
-            dragend();
+          "draggable": getValue(item.sortable, sortable),
+          "onDragstart": function onDragstart(e) {
+            return dragstart(index, e);
           },
+          "ref": active === name ? 'activeRef' : '',
           "onDragenter": function onDragenter(e) {
             e.preventDefault();
             dragenter(index);
@@ -541,13 +546,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           "onDragover": function onDragover(e) {
             e.preventDefault();
           },
-          "onDragstart": function onDragstart(e) {
-            return dragstart(index, e);
+          "onDragend": function onDragend(e) {
+            e.preventDefault();
+            dragend();
           },
           "onDrop": function onDrop(e) {
             e.preventDefault();
             drop(index, sortType);
-          }
+          },
+          "class": getNavItemClass()
         }, [(0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
           "class": _this.resolveClassName('tab-header--close'),
           "onClick": function onClick() {
@@ -578,8 +585,8 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           "class": _this.resolveClassName('tab-header-operation')
         }, [list.map(function (item, index) {
           return (0,external_vue_namespaceObject.createVNode)("div", {
-            "key": index,
-            "class": _this.resolveClassName('tab-header-item')
+            "class": _this.resolveClassName('tab-header-item'),
+            "key": index
           }, [item]);
         })]);
       }
@@ -782,7 +789,10 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         sortable = _this.sortable,
         sortType = _this.sortType,
         labelHeight = _this.labelHeight,
+        scrollStep = _this.scrollStep,
         validateActive = _this.validateActive,
+        changeOnHover = _this.changeOnHover,
+        changeOnHoverDelay = _this.changeOnHoverDelay,
         tabPosition = _this.tabPosition,
         activeBarSize = _this.activeBarSize,
         activeBarColor = _this.activeBarColor,
@@ -800,7 +810,10 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         sortable: sortable,
         sortType: sortType,
         labelHeight: labelHeight,
+        scrollStep: scrollStep,
         validateActive: validateActive,
+        changeOnHover: changeOnHover,
+        changeOnHoverDelay: changeOnHoverDelay,
         tabPosition: tabPosition,
         activeBarSize: activeBarSize,
         activeBarColor: activeBarColor,

package/lib/tab/props.d.ts

@@ -1,22 +1,22 @@
 import { ExtractPropTypes, PropType, VNode } from 'vue';
 export declare enum TabTypeEnum {
-    BORDER_CARD = "border-card",
     CARD = "card",
-    CARD_GRID = "card-grid",
+    BORDER_CARD = "border-card",
+    UNBORDER_CARD = "unborder-card",
     CARD_TAB = "card-tab",
-    UNBORDER_CARD = "unborder-card"
+    CARD_GRID = "card-grid"
 }
 export declare enum PositionEnum {
     LEFT = "left",
     RIGHT = "right",
     TOP = "top"
 }
-export declare const TabPositionType: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-    default: "left" | "right" | "top";
+export declare const TabPositionType: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+    default: "top" | "right" | "left";
 };
 export declare enum SortTypeEnum {
-    INSERT = "insert",
-    REPLACE = "replace"
+    REPLACE = "replace",
+    INSERT = "insert"
 }
 export declare const SortTypeUnion: import("vue-types").VueTypeDef<"replace" | "insert"> & {
     default: "replace" | "insert";
@@ -105,11 +105,11 @@ export declare const tabProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -122,6 +122,11 @@ export declare const tabProps: {
     } & {
         default: number;
     };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -132,6 +137,21 @@ export declare const tabProps: {
     } & {
         default: boolean;
     };
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     activeBarSize: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -167,8 +187,8 @@ export declare const tabNavProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -186,8 +206,8 @@ export declare const tabNavProps: {
         }>[]>;
         default: () => any[];
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -200,9 +220,24 @@ export declare const tabNavProps: {
     } & {
         default: number;
     };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 };

package/lib/tab/tab-nav.d.ts

@@ -23,8 +23,8 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -40,10 +40,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>[]>;
-        default: () => any[];
+        default: () => any[]; /**
+         * @description  判断拖动的元素是否是在同一个tab。
+         *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
+         * @param e {event}  触发的元素
+         * @return {boolean}
+         */
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -56,11 +61,26 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }, {
     activeRef: import("vue").Ref<HTMLElement>;
     activeBarStyle: import("vue").ComputedRef<CSSProperties>;
@@ -107,8 +127,8 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -124,10 +144,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>[]>;
-        default: () => any[];
+        default: () => any[]; /**
+         * @description  判断拖动的元素是否是在同一个tab。
+         *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
+         * @param e {event}  触发的元素
+         * @return {boolean}
+         */
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -140,13 +165,28 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
     validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>>, {
-    type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     active: string | number;
     closable: boolean;
     sortType: "replace" | "insert";
@@ -161,9 +201,12 @@ declare const _default: import("vue").DefineComponent<{
     panels: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
-    tabPosition: "left" | "right" | "top";
+    tabPosition: "top" | "right" | "left";
     addable: boolean;
     labelHeight: number;
+    scrollStep: number;
     validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
 }, {}>;
 export default _default;