bkui-vue 2.0.1-beta.60.fix.1 → 2.0.1-beta.62

package/lib/tab/index.d.ts

@@ -25,11 +25,6 @@ declare const BkTab: {
         } & {
             default: number;
         };
-        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -40,21 +35,6 @@ 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;
         } & {
@@ -107,11 +87,6 @@ declare const BkTab: {
         } & {
             default: number;
         };
-        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -122,21 +97,6 @@ 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;
         } & {
@@ -164,7 +124,6 @@ declare const BkTab: {
         extCls: string;
         active: string | number;
         closable: boolean;
-        showHeader: boolean;
         sortType: "replace" | "insert";
         sortable: boolean;
         activeBarColor: string;
@@ -172,10 +131,7 @@ declare const BkTab: {
         tabPosition: "left" | "right" | "top";
         addable: boolean;
         labelHeight: number;
-        scrollStep: number;
         validateActive: boolean;
-        changeOnHover: boolean;
-        changeOnHoverDelay: number;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -204,11 +160,6 @@ declare const BkTab: {
         } & {
             default: number;
         };
-        scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -219,21 +170,6 @@ 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;
         } & {
@@ -270,7 +206,6 @@ declare const BkTab: {
         extCls: string;
         active: string | number;
         closable: boolean;
-        showHeader: boolean;
         sortType: "replace" | "insert";
         sortable: boolean;
         activeBarColor: string;
@@ -278,10 +213,7 @@ declare const BkTab: {
         tabPosition: "left" | "right" | "top";
         addable: boolean;
         labelHeight: number;
-        scrollStep: number;
         validateActive: boolean;
-        changeOnHover: boolean;
-        changeOnHoverDelay: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -307,11 +239,6 @@ declare const BkTab: {
     } & {
         default: number;
     };
-    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -322,21 +249,6 @@ 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;
     } & {
@@ -373,7 +285,6 @@ declare const BkTab: {
     extCls: string;
     active: string | number;
     closable: boolean;
-    showHeader: boolean;
     sortType: "replace" | "insert";
     sortable: boolean;
     activeBarColor: string;
@@ -381,10 +292,7 @@ declare const BkTab: {
     tabPosition: "left" | "right" | "top";
     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> & {
@@ -420,6 +328,16 @@ declare const BkTab: {
         }) | (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;
+        };
     }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
         name: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
@@ -454,6 +372,16 @@ declare const BkTab: {
         }) | (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;
+        };
     }>>, {
         name: string | number;
         label: string | ((...args: any[]) => any);
@@ -464,6 +392,8 @@ declare const BkTab: {
         renderDirective: "show" | "if";
         panel: string | ((...args: any[]) => any);
         sortable: boolean;
+        num: number;
+        numDisplayType: string;
     }, {}>;
 }>;
 export { BkTab, TabPanel as BkTabPanel, SortTypeEnum, PositionEnum };

package/lib/tab/index.js

@@ -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) {
@@ -387,11 +382,13 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         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 +417,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;
       });
@@ -512,7 +511,9 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         }
         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,6 +527,17 @@ 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)(_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' : '',
@@ -555,12 +567,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
             e.preventDefault();
             drop(index, sortType);
           }
-        }, [(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
         }]]);
@@ -789,10 +804,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 +822,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,

package/lib/tab/props.d.ts

@@ -99,6 +99,16 @@ export declare const tabPanelProps: {
     }) | (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: {
@@ -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;
     } & {
@@ -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

@@ -40,12 +40,7 @@ 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<"left" | "right" | "top"> & {
         default: "left" | "right" | "top";
@@ -60,27 +55,17 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    };
-    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
+    }; /**
+     * @description  判断拖动的元素是否是在同一个tab。
+     *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
+     * @param e {event}  触发的元素
+     * @return {boolean}
+     */
     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>;
@@ -144,12 +129,7 @@ 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<"left" | "right" | "top"> & {
         default: "left" | "right" | "top";
@@ -164,27 +144,17 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    };
-    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
+    }; /**
+     * @description  判断拖动的元素是否是在同一个tab。
+     *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
+     * @param e {event}  触发的元素
+     * @return {boolean}
+     */
     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";
     active: string | number;
@@ -204,9 +174,6 @@ declare const _default: import("vue").DefineComponent<{
     tabPosition: "left" | "right" | "top";
     addable: boolean;
     labelHeight: number;
-    scrollStep: number;
     validateActive: boolean;
-    changeOnHover: boolean;
-    changeOnHoverDelay: number;
 }, {}>;
 export default _default;

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

@@ -32,6 +32,16 @@ declare const _default: import("vue").DefineComponent<{
     }) | (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;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -66,6 +76,16 @@ declare const _default: import("vue").DefineComponent<{
     }) | (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;
+    };
 }>>, {
     name: string | number;
     label: string | ((...args: any[]) => any);
@@ -76,5 +96,7 @@ declare const _default: import("vue").DefineComponent<{
     renderDirective: "show" | "if";
     panel: string | ((...args: any[]) => any);
     sortable: boolean;
+    num: number;
+    numDisplayType: string;
 }, {}>;
 export default _default;