bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/tab/index.js

@@ -5,7 +5,7 @@ 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_directives_45d4776f__ from "../directives";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ from "../icon/";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -44,38 +44,38 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -100,11 +100,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 var TabTypeEnum;
 (function (TabTypeEnum) {
-  TabTypeEnum["CARD"] = "card";
   TabTypeEnum["BORDER_CARD"] = "border-card";
-  TabTypeEnum["UNBORDER_CARD"] = "unborder-card";
-  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["CARD"] = "card";
   TabTypeEnum["CARD_GRID"] = "card-grid";
+  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["UNBORDER_CARD"] = "unborder-card";
 })(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["REPLACE"] = "replace";
   SortTypeEnum["INSERT"] = "insert";
+  SortTypeEnum["REPLACE"] = "replace";
 })(SortTypeEnum || (SortTypeEnum = {}));
 var SortTypeUnion = (0,external_vue_types_namespaceObject.toType)('sortType', {}).def(SortTypeEnum.REPLACE);
 var tabNavEventProps = {
@@ -195,7 +195,9 @@ var tabPanelProps = {
   disabled: shared_namespaceObject.PropTypes.bool,
   sortable: shared_namespaceObject.PropTypes.bool,
   renderDirective: (0,shared_namespaceObject.renderDirectiveType)(),
-  panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func
+  panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func,
+  num: shared_namespaceObject.PropTypes.number.def(undefined),
+  numDisplayType: shared_namespaceObject.PropTypes.string.def('default')
 };
 var tabProps = {
   active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
@@ -206,12 +208,8 @@ 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')
 };
@@ -232,10 +230,7 @@ var tabNavProps = _objectSpread({
   sortable: Boolean,
   sortType: SortTypeUnion,
   labelHeight: shared_namespaceObject.PropTypes.number.def(50),
-  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)
+  validateActive: shared_namespaceObject.PropTypes.bool.def(true)
 }, tabNavEventProps);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -286,10 +281,10 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var directives_y = x => () => x
 const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.bkTooltips });
-;// CONCATENATED MODULE: external "../icon/"
-var _x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var _y = x => () => x
-const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.Close, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.Plus });
+;// CONCATENATED MODULE: external "../icon"
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus });
 ;// CONCATENATED MODULE: ../../packages/tab/src/tab-nav.tsx
 
 
@@ -343,7 +338,8 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       if (!activeRef.value) {
         return initStyle;
       }
-      if ([PositionEnum.LEFT, PositionEnum.RIGHT].includes(props.tabPosition)) {
+      var positionArr = [PositionEnum.LEFT, PositionEnum.RIGHT];
+      if (positionArr.includes(props.tabPosition)) {
         var _activeRef$value = activeRef.value,
           clientHeight = _activeRef$value.clientHeight,
           offsetTop = _activeRef$value.offsetTop;
@@ -374,24 +370,27 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       }
       return initStyle;
     });
-    var navs = (0,external_vue_namespaceObject.computed)(function () {
+    var tableNavList = (0,external_vue_namespaceObject.computed)(function () {
       if (!Array.isArray(props.panels) || !props.panels.length) {
         return [];
       }
       var list = [];
       var hasFindActive = false;
-      props.panels.filter(function (item, index) {
+      var panels = props.panels;
+      panels.filter(function (item, index) {
         if (!item.props) {
           return null;
         }
         var _item$props = item.props,
           name = _item$props.name,
           label = _item$props.label,
+          num = _item$props.num,
           closable = _item$props.closable,
           visible = _item$props.visible,
           disabled = _item$props.disabled,
           sortable = _item$props.sortable,
-          tips = _item$props.tips;
+          tips = _item$props.tips,
+          numDisplayType = _item$props.numDisplayType;
         if (!visible) {
           return false;
         }
@@ -420,7 +419,9 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           disabled: disabled,
           sortable: sortable,
           tips: tips,
-          tabLabel: renderLabel(label)
+          numDisplayType: numDisplayType,
+          tabLabel: renderLabel(label),
+          tabNum: num
         });
         return true;
       });
@@ -485,7 +486,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
     return tab_nav_objectSpread(tab_nav_objectSpread({}, methods), {}, {
       activeRef: activeRef,
       activeBarStyle: activeBarStyle,
-      navs: navs,
+      tableNavList: tableNavList,
       dragenterIndex: dragenterIndex,
       dragStartIndex: dragStartIndex,
       draggingEle: draggingEle,
@@ -506,13 +507,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       dragend = this.dragend,
       drop = this.drop;
     var renderNavs = function renderNavs() {
-      return _this.navs.map(function (item, index) {
+      return _this.tableNavList.map(function (item, index) {
         if (!item) {
           return null;
         }
         var name = item.name,
           disabled = item.disabled,
-          tabLabel = item.tabLabel;
+          tabLabel = item.tabLabel,
+          tabNum = item.tabNum,
+          numDisplayType = item.numDisplayType;
         var getNavItemClass = function getNavItemClass() {
           var classNames = [_this.resolveClassName('tab-header-item')];
           if (disabled) {
@@ -526,16 +529,29 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         var getValue = function getValue(curentValue, parentValue) {
           return !disabled && (curentValue || parentValue);
         };
+        var getCloseTag = function getCloseTag(item, index) {
+          return getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
+            "class": _this.resolveClassName('tab-header--close'),
+            "onClick": function onClick() {
+              return _this.handleTabRemove(index, item);
+            }
+          }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, null, null)]) : '';
+        };
+        var getNumType = function getNumType() {
+          return ['bracket'].includes(numDisplayType) ? "(".concat(tabNum, ")") : tabNum;
+        };
         return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
           "key": name,
+          "ref": active === name ? 'activeRef' : 'tabLabelRef',
+          "class": getNavItemClass(),
+          "draggable": getValue(item.sortable, sortable),
           "onClick": function onClick() {
             return !disabled && _this.handleTabChange(name);
           },
-          "draggable": getValue(item.sortable, sortable),
-          "onDragstart": function onDragstart(e) {
-            return dragstart(index, e);
+          "onDragend": function onDragend(e) {
+            e.preventDefault();
+            dragend();
           },
-          "ref": active === name ? 'activeRef' : '',
           "onDragenter": function onDragenter(e) {
             e.preventDefault();
             dragenter(index);
@@ -546,21 +562,22 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           "onDragover": function onDragover(e) {
             e.preventDefault();
           },
-          "onDragend": function onDragend(e) {
-            e.preventDefault();
-            dragend();
+          "onDragstart": function onDragstart(e) {
+            return dragstart(index, e);
           },
           "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() {
-            return _this.handleTabRemove(index, item);
           }
-        }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.Close, null, null)]) : '']), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
+        }, [!isNaN(tabNum) ? (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName('tab-header--has-num')
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName('tab-header--has-num-left')
+        }, [tabLabel]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName('tab-header--has-num-right')
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName("tab-header--has-num-".concat(numDisplayType))
+        }, [getNumType()]), getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index)])]) : (0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), isNaN(tabNum) ? getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index) : '']), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
           content: item.tips || '',
           disabled: !item.tips
         }]]);
@@ -574,7 +591,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       } else if (addable) {
         list.push((0,external_vue_namespaceObject.createVNode)("div", {
           "onClick": _this.handleTabAdd
-        }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.Plus, {
+        }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Plus, {
           "style": "display:flex;",
           "width": 26,
           "height": 26
@@ -585,8 +602,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", {
-            "class": _this.resolveClassName('tab-header-item'),
-            "key": index
+            "key": index,
+            "class": _this.resolveClassName('tab-header-item')
           }, [item]);
         })]);
       }
@@ -789,10 +806,7 @@ 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,
@@ -810,10 +824,7 @@ 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,
@@ -865,8 +876,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
  */
 
 
-
-/* harmony default export */ const tab_panel = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const tab_panel = (defineComponent({
   name: 'TabPanel',
   props: tabPanelProps,
   render: function render() {
@@ -878,7 +888,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         return null;
       }
       if (typeof _this.panel === 'function') {
-        return _this.panel(external_vue_namespaceObject.h);
+        return _this.panel(h);
       }
       if (typeof _this.$slots["default"] === 'function') {
         return _this.$slots["default"](null);

package/lib/tab/props.d.ts

@@ -1,22 +1,22 @@
 import { ExtractPropTypes, PropType, VNode } from 'vue';
 export declare enum TabTypeEnum {
-    CARD = "card",
     BORDER_CARD = "border-card",
-    UNBORDER_CARD = "unborder-card",
+    CARD = "card",
+    CARD_GRID = "card-grid",
     CARD_TAB = "card-tab",
-    CARD_GRID = "card-grid"
+    UNBORDER_CARD = "unborder-card"
 }
 export declare enum PositionEnum {
     LEFT = "left",
     RIGHT = "right",
     TOP = "top"
 }
-export declare const TabPositionType: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-    default: "top" | "right" | "left";
+export declare const TabPositionType: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+    default: "left" | "right" | "top";
 };
 export declare enum SortTypeEnum {
-    REPLACE = "replace",
-    INSERT = "insert"
+    INSERT = "insert",
+    REPLACE = "replace"
 }
 export declare const SortTypeUnion: import("vue-types").VueTypeDef<"replace" | "insert"> & {
     default: "replace" | "insert";
@@ -91,25 +91,35 @@ export declare const tabPanelProps: {
     sortable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     panel: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     });
+    num: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export type TabPanelProps = ExtractPropTypes<typeof tabPanelProps>;
 export declare const tabProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     };
-    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-        default: "top" | "right" | "left";
+    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+        default: "left" | "right" | "top";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -122,11 +132,6 @@ export declare const tabProps: {
     } & {
         default: number;
     };
-    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -137,21 +142,6 @@ 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;
     } & {
@@ -187,8 +177,8 @@ export declare const tabNavProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -206,8 +196,8 @@ export declare const tabNavProps: {
         }>[]>;
         default: () => any[];
     };
-    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-        default: "top" | "right" | "left";
+    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+        default: "left" | "right" | "top";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -220,24 +210,9 @@ 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

@@ -1,4 +1,7 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, type Ref, type ComponentInternalInstance, type ExtractPropTypes } from 'vue';
+import { tabNavProps, TabPanelProps } from './props';
+export type TabNavProps = ExtractPropTypes<typeof tabNavProps & ComponentInternalInstance>;
+export type StringOrFunction = ((...args: unknown[]) => unknown) | string;
 declare const _default: import("vue").DefineComponent<{
     tabAdd: {
         type: FunctionConstructor;
@@ -23,8 +26,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" | "unborder-card" | "card-tab" | "card-grid"> & {
-        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -40,15 +43,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>[]>;
-        default: () => any[]; /**
-         * @description  判断拖动的元素是否是在同一个tab。
-         *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
-         * @param e {event}  触发的元素
-         * @return {boolean}
-         */
+        default: () => any[];
     };
-    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-        default: "top" | "right" | "left";
+    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+        default: "left" | "right" | "top";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -61,33 +59,18 @@ 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>;
+    activeRef: Ref<HTMLElement>;
     activeBarStyle: import("vue").ComputedRef<CSSProperties>;
-    navs: import("vue").ComputedRef<any[]>;
-    dragenterIndex: import("vue").Ref<number>;
-    dragStartIndex: import("vue").Ref<number>;
-    draggingEle: import("vue").Ref<string>;
+    tableNavList: import("vue").ComputedRef<any[]>;
+    dragenterIndex: Ref<number>;
+    dragStartIndex: Ref<number>;
+    draggingEle: Ref<string>;
     guid: string;
     resolveClassName: (cls: string) => string;
     /**
@@ -96,14 +79,14 @@ declare const _default: import("vue").DefineComponent<{
      * @param e {event}  触发的元素
      * @return {boolean}
      */
-    handleTabAdd(e: any): void;
+    handleTabAdd(e: MouseEvent): void;
     dragstart(index: number, $event: DragEvent): void;
-    dragenter(index: any): void;
+    dragenter(index: number): void;
     dragend(): void;
-    drop(index: any, sortType: any): boolean;
+    drop(index: number, sortType: string): boolean;
     handleTabChange(name: string): void;
-    handleTabRemove(index: number, panel: any): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    handleTabRemove(index: number, panel: TabPanelProps): void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tabAdd: {
         type: FunctionConstructor;
         default: () => any;
@@ -127,8 +110,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" | "unborder-card" | "card-tab" | "card-grid"> & {
-        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -144,15 +127,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>[]>;
-        default: () => any[]; /**
-         * @description  判断拖动的元素是否是在同一个tab。
-         *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
-         * @param e {event}  触发的元素
-         * @return {boolean}
-         */
+        default: () => any[];
     };
-    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-        default: "top" | "right" | "left";
+    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+        default: "left" | "right" | "top";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -165,28 +143,13 @@ 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" | "unborder-card" | "card-tab" | "card-grid";
+    type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     active: string | number;
     closable: boolean;
     sortType: "replace" | "insert";
@@ -201,12 +164,9 @@ declare const _default: import("vue").DefineComponent<{
     panels: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
-    tabPosition: "top" | "right" | "left";
+    tabPosition: "left" | "right" | "top";
     addable: boolean;
     labelHeight: number;
-    scrollStep: number;
     validateActive: boolean;
-    changeOnHover: boolean;
-    changeOnHoverDelay: number;
 }, {}>;
 export default _default;