bkui-vue 2.0.1-beta.72 → 2.0.1-beta.72.fix.1

package/lib/search-select/selected.d.ts

@@ -13,10 +13,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -43,10 +39,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -130,10 +122,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -143,7 +131,6 @@ declare const _default: import("vue").DefineComponent<{
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
-        maxHeight: number;
         mode: SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -175,10 +162,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -245,7 +228,6 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
     }, {}, {}, {}, {
-        maxHeight: number;
         mode: SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -272,10 +254,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -287,7 +265,6 @@ declare const _default: import("vue").DefineComponent<{
     onDelete?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
 }, {
-    maxHeight: number;
     conditions: ICommonItem[];
     overflowIndex: number;
 }, {}>;

package/lib/select/common.d.ts

@@ -9,7 +9,7 @@ export declare function useHover(): {
 };
 export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
     register: (key: string, item: T) => Map<PropertyKey, T>;
-    unregister: (key: string, item?: T) => void;
+    unregister: (key: string) => void;
 };
 export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
 export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {

package/lib/select/index.d.ts

@@ -410,7 +410,6 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
-            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -526,7 +525,6 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
-            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -1507,7 +1505,6 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
-            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -1623,7 +1620,6 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
-            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2271,7 +2267,6 @@ declare const BkSelect: {
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
-        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -2387,7 +2382,6 @@ declare const BkSelect: {
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
-        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/index.js

@@ -597,16 +597,14 @@ function useRegistry(data) {
   // 注册item
   var register = function register(key, item) {
     if (!item) return;
+    if (data.value.has(key)) {
+      return;
+    }
     return data.value.set(key, item);
   };
   // 删除item
-  var unregister = function unregister(key, item) {
-    if (item) {
-      if (data.value.get(key) !== item) return;
-      data.value["delete"](key);
-    } else {
-      data.value["delete"](key);
-    }
+  var unregister = function unregister(key) {
+    data.value["delete"](key);
   };
   return {
     register: register,
@@ -863,8 +861,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       group === null || group === void 0 || group.register(optionID.value, proxy);
     });
     (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
-      select === null || select === void 0 || select.unregister(optionID.value, proxy);
-      group === null || group === void 0 || group.unregister(optionID.value, proxy);
+      select === null || select === void 0 || select.unregister(optionID.value);
+      group === null || group === void 0 || group.unregister(optionID.value);
     });
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
@@ -2406,9 +2404,6 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
     };
-    var updateModelValue = function updateModelValue(data) {
-      emit('update:modelValue', data);
-    };
     var handleInput = function handleInput(e) {
       emit('update:modelValue', e.target.value);
     };
@@ -2478,7 +2473,6 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       handleRemoveTag: handleRemoveTag,
       focus: focus,
       blur: blur,
-      updateModelValue: updateModelValue,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -2517,7 +2511,6 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
         },
         "theme": _this.tagTheme,
         "closable": true,
-        "key": item.value,
         "onClose": function onClose() {
           return _this.handleRemoveTag(item.value);
         }
@@ -2951,12 +2944,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       showPopover();
     };
     // 输入框是否可以输入内容
-    // const isInput = computed(
-    //   () => ((filterable.value && inputSearch.value) || allowCreate.value) && isPopoverShow.value,
-    // );
-    // 自定义创建失焦后仍保留输入框内的内容
     var isInput = (0,external_vue_namespaceObject.computed)(function () {
-      return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
+      return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
     });
     (0,external_vue_namespaceObject.watch)(isPopoverShow, function (isShow) {
       emit('toggle', isPopoverShow.value);
@@ -3127,7 +3116,6 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             return item.value;
           }));
           emit('select', option.optionID);
-          clearMultipleInputValue();
         }
         focusInput();
       } else {
@@ -3136,22 +3124,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: option.optionName || option.optionID,
           value: option.optionID
         }];
-        if (filterable.value && allowCreate.value) {
-          customOptionName.value = '';
-        }
         emitChange(option.optionID);
         emit('select', option.optionID);
         handleHidePopover();
         handleBlur();
       }
     };
-    // 是否需要清空多选输入框内容
-    var clearMultipleInputValue = function clearMultipleInputValue() {
-      if (['tag'].includes(multipleMode.value) && isInput.value) {
-        var _selectTagInputRef$va;
-        (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.updateModelValue('');
-      }
-    };
     // 聚焦输入框
     var focusInput = function focusInput() {
       if (disableFocusBehavior.value) return;
@@ -3161,8 +3139,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           (_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 || _searchRef$value.focus();
         } else {
           if (multipleMode.value === 'tag') {
-            var _selectTagInputRef$va2;
-            (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.focus();
+            var _selectTagInputRef$va;
+            (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.focus();
           } else {
             var _inputRef$value;
             (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
@@ -3174,8 +3152,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var blurInput = function blurInput() {
       setTimeout(function () {
         if (multipleMode.value === 'tag') {
-          var _selectTagInputRef$va3;
-          (_selectTagInputRef$va3 = selectTagInputRef.value) === null || _selectTagInputRef$va3 === void 0 || _selectTagInputRef$va3.blur();
+          var _selectTagInputRef$va2;
+          (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.blur();
         } else {
           var _inputRef$value2;
           (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
@@ -3186,7 +3164,6 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var handleClear = function handleClear(e) {
       e.stopPropagation();
       selected.value = [];
-      clearMultipleInputValue();
       emitChange(multiple.value ? [] : '');
       emit('clear', multiple.value ? [] : '');
       handleHidePopover();

package/lib/select/select.d.ts

@@ -397,7 +397,6 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
-        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -513,7 +512,6 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
-        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/selectTagInput.d.ts

@@ -49,7 +49,6 @@ declare const _default: import("vue").DefineComponent<{
     handleRemoveTag: (val: string) => void;
     focus: () => void;
     blur: () => void;
-    updateModelValue: (data: string) => void;
     handleInput: (e: any) => void;
     handleKeydown: (e: any) => void;
     resolveClassName: (cls: string) => string;

package/lib/select/type.d.ts

@@ -17,7 +17,7 @@ export interface ISelectContext {
     curSearchValue: string;
     highlightKeyword: boolean;
     register(key: PropertyKey, option: OptionInstanceType): void;
-    unregister(key: PropertyKey, option?: OptionInstanceType): void;
+    unregister(key: PropertyKey): void;
     registerGroup(key: PropertyKey, option: GroupInstanceType): void;
     unregisterGroup(key: PropertyKey): void;
     handleOptionSelected(option: OptionInstanceType): void;
@@ -27,7 +27,7 @@ export interface IOptionGroupContext {
     disabled: boolean;
     groupCollapse: boolean;
     register(key: PropertyKey, option: OptionInstanceType): void;
-    unregister(key: PropertyKey, option?: OptionInstanceType): void;
+    unregister(key: PropertyKey): void;
 }
 export interface ISelectState {
     currentPlaceholder: string;

package/lib/tab/index.d.ts

@@ -328,16 +328,6 @@ 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;
@@ -372,16 +362,6 @@ 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);
@@ -392,8 +372,6 @@ 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,9 +195,7 @@ 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,
-  num: shared_namespaceObject.PropTypes.number.def(undefined),
-  numDisplayType: shared_namespaceObject.PropTypes.string.def('default')
+  panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func
 };
 var tabProps = {
   active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
@@ -382,13 +380,11 @@ 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,
-          numDisplayType = _item$props.numDisplayType;
+          tips = _item$props.tips;
         if (!visible) {
           return false;
         }
@@ -417,9 +413,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           disabled: disabled,
           sortable: sortable,
           tips: tips,
-          numDisplayType: numDisplayType,
-          tabLabel: renderLabel(label),
-          tabNum: num
+          tabLabel: renderLabel(label)
         });
         return true;
       });
@@ -511,9 +505,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         }
         var name = item.name,
           disabled = item.disabled,
-          tabLabel = item.tabLabel,
-          tabNum = item.tabNum,
-          numDisplayType = item.numDisplayType;
+          tabLabel = item.tabLabel;
         var getNavItemClass = function getNavItemClass() {
           var classNames = [_this.resolveClassName('tab-header-item')];
           if (disabled) {
@@ -527,17 +519,6 @@ 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' : '',
@@ -567,15 +548,12 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
             e.preventDefault();
             drop(index, sortType);
           }
-        }, [!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"), {
+        }, [(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"), {
           content: item.tips || '',
           disabled: !item.tips
         }]]);

package/lib/tab/props.d.ts

@@ -99,16 +99,6 @@ 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: {

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

@@ -55,12 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    }; /**
-     * @description  判断拖动的元素是否是在同一个tab。
-     *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
-     * @param e {event}  触发的元素
-     * @return {boolean}
-     */
+    };
     validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -144,12 +139,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    }; /**
-     * @description  判断拖动的元素是否是在同一个tab。
-     *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
-     * @param e {event}  触发的元素
-     * @return {boolean}
-     */
+    };
     validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

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

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

package/lib/tab/tab.css

@@ -156,21 +156,6 @@
 .bk-tab--right .bk-tab-header {
   flex-direction: column;
 }
-.bk-tab--left .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num,
-.bk-tab--right .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num {
-  width: 100%;
-}
-.bk-tab--left .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab--right .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
-  border-radius: 2px;
-}
-.bk-tab--left .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab--right .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab--left .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic,
-.bk-tab--right .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  background-color: #A3C5FD;
-  color: var(--white-color);
-}
 .bk-tab--left .bk-tab-header > div,
 .bk-tab--right .bk-tab-header > div {
   flex-direction: column;
@@ -182,18 +167,6 @@
 .bk-tab--card-tab .bk-tab-header {
   border-radius: 4px 4px 0;
 }
-.bk-tab--card-tab .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
-  background-color: var(--white-color);
-}
-.bk-tab--card-tab .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  background-color: var(--white-color);
-  color: var(--default-color);
-}
-.bk-tab--card-tab .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab--card-tab .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  background-color: #A3C5FD;
-  color: var(--white-color);
-}
 .bk-tab--card .bk-tab-header,
 .bk-tab--vertical-card .bk-tab-header {
   border-bottom: 1px solid var(--disable-color);
@@ -318,35 +291,6 @@
   padding-right: 12px;
   padding-left: 12px;
 }
-.bk-tab-header-item .bk-tab-header--has-num {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.bk-tab-header-item .bk-tab-header--has-num-right {
-  margin-left: 4px;
-  display: flex;
-  align-items: center;
-  color: var(--default-color);
-}
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-default,
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-bracket {
-  color: var(--default-color);
-}
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  background-color: #F0F1F5;
-  color: var(--gray-color);
-  padding: 0 8px;
-  line-height: 18px;
-  text-align: center;
-}
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
-  border-radius: 2px;
-}
-.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  border-radius: 18px;
-}
 .bk-tab-header-item:hover {
   color: var(--primary-color);
 }
@@ -392,14 +336,6 @@
 .bk-tab--card-grid .bk-tab-header--active {
   background: #fff;
 }
-.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-bracket,
-.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
-.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
-  color: var(--primary-color);
-}
-.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
-  background-color: #E1ECFF;
-}
 .bk-tab-header--close {
   display: none;
   font-size: 16px;