bkui-vue 2.0.1-beta.74 → 2.0.1-beta.76

package/lib/steps/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkSteps: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -42,8 +42,8 @@ declare const BkSteps: {
         jumpTo: (index: any) => Promise<void>;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -81,7 +81,7 @@ declare const BkSteps: {
         "onUpdate:curStep"?: (...args: any[]) => any;
     }, {
         extCls: string;
-        theme: "success" | "danger" | "warning" | "primary";
+        theme: "danger" | "primary" | "success" | "warning";
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
@@ -97,8 +97,8 @@ declare const BkSteps: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -140,7 +140,7 @@ declare const BkSteps: {
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
         extCls: string;
-        theme: "success" | "danger" | "warning" | "primary";
+        theme: "danger" | "primary" | "success" | "warning";
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
@@ -153,8 +153,8 @@ declare const BkSteps: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -196,7 +196,7 @@ declare const BkSteps: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", {
     extCls: string;
-    theme: "success" | "danger" | "warning" | "primary";
+    theme: "danger" | "primary" | "success" | "warning";
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";

package/lib/steps/steps.d.ts

@@ -25,8 +25,8 @@
  */
 import { ExtractPropTypes } from 'vue';
 declare const stepsProps: {
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -62,8 +62,8 @@ declare const stepsProps: {
 };
 export type StepsPropTypes = ExtractPropTypes<typeof stepsProps>;
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -101,8 +101,8 @@ declare const _default: import("vue").DefineComponent<{
     jumpTo: (index: any) => Promise<void>;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:curStep"?: (...args: any[]) => any;
 }, {
     extCls: string;
-    theme: "success" | "danger" | "warning" | "primary";
+    theme: "danger" | "primary" | "success" | "warning";
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";

package/lib/switcher/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkSwitcher: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-            default: "success" | "primary";
+        theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+            default: "primary" | "success";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -58,8 +58,8 @@ declare const BkSwitcher: {
         "update:modelValue": (value: string | number | boolean) => string | number | boolean;
         change: (value: boolean) => boolean;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-            default: "success" | "primary";
+        theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+            default: "primary" | "success";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -115,7 +115,7 @@ declare const BkSwitcher: {
     }, {
         extCls: string;
         disabled: boolean;
-        theme: "success" | "primary";
+        theme: "primary" | "success";
         value: string | number | boolean;
         modelValue: string | number | boolean;
         withValidate: boolean;
@@ -135,8 +135,8 @@ declare const BkSwitcher: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-            default: "success" | "primary";
+        theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+            default: "primary" | "success";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -192,7 +192,7 @@ declare const BkSwitcher: {
     }, () => JSX.Element, {}, {}, {}, {
         extCls: string;
         disabled: boolean;
-        theme: "success" | "primary";
+        theme: "primary" | "success";
         value: string | number | boolean;
         modelValue: string | number | boolean;
         withValidate: boolean;
@@ -209,8 +209,8 @@ declare const BkSwitcher: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-        default: "success" | "primary";
+    theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+        default: "primary" | "success";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -269,7 +269,7 @@ declare const BkSwitcher: {
 }, string, {
     extCls: string;
     disabled: boolean;
-    theme: "success" | "primary";
+    theme: "primary" | "success";
     value: string | number | boolean;
     modelValue: string | number | boolean;
     withValidate: boolean;

package/lib/switcher/switcher.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 export declare const switcherType: {
-    theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-        default: "success" | "primary";
+    theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+        default: "primary" | "success";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -60,8 +60,8 @@ export type SwitcherType = ExtractPropTypes<typeof switcherType>;
 declare function EventFunction(value: SwitcherType['modelValue']): string | number | boolean;
 declare function ChangeFunction(value: boolean): boolean;
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-        default: "success" | "primary";
+    theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+        default: "primary" | "success";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -115,8 +115,8 @@ declare const _default: import("vue").DefineComponent<{
     "update:modelValue": typeof EventFunction;
     change: typeof ChangeFunction;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
-        default: "success" | "primary";
+    theme: import("vue-types").VueTypeDef<"primary" | "success"> & {
+        default: "primary" | "success";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -172,7 +172,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     extCls: string;
     disabled: boolean;
-    theme: "success" | "primary";
+    theme: "primary" | "success";
     value: string | number | boolean;
     modelValue: string | number | boolean;
     withValidate: boolean;

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__ = {};
 /******/ 
@@ -281,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
 
 
@@ -338,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;
@@ -369,13 +370,14 @@ 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;
         }
@@ -484,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,
@@ -505,7 +507,7 @@ 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;
         }
@@ -533,14 +535,14 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
             "onClick": function onClick() {
               return _this.handleTabRemove(index, item);
             }
-          }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.Close, null, null)]) : '';
+          }, [(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' : '',
+          "ref": active === name ? 'activeRef' : 'tabLabelRef',
           "class": getNavItemClass(),
           "draggable": getValue(item.sortable, sortable),
           "onClick": function onClick() {
@@ -589,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

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;
@@ -55,24 +58,19 @@ 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;
     } & {
         default: boolean;
     };
 }, {
-    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;
     /**
@@ -81,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;
@@ -144,12 +142,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/table/index.js

@@ -22432,8 +22432,6 @@ const input_less_namespaceObject = input_less_x({  });
 
 
 
-
-
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
@@ -22523,6 +22521,13 @@ var ROW_HEIGHT = 32;
       }
       return defaultMin;
     });
+    var contentStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return {
+        maxHeight: "".concat(maxHeight.value, "px"),
+        minHeight: "".concat(minHeight.value, "px"),
+        height: /%$/.test("".concat(height.value)) ? height.value : "".concat(height.value, "px")
+      };
+    });
     var getRegExp = function getRegExp(val) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
       return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
@@ -22652,8 +22657,8 @@ var ROW_HEIGHT = 32;
       handleFilterChange();
     };
     var renderFilterList = function renderFilterList(scope) {
-      if (scope.data.length) {
-        return scope.data.map(function (item) {
+      if (scope.length) {
+        return scope.map(function (item) {
           return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
             "key": item.value,
             "ref": filterPopoverRef,
@@ -22722,19 +22727,10 @@ var ROW_HEIGHT = 32;
             "class": "content-list"
           }, {
             "default": function _default() {
-              return [(0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-                "ref": refVirtualRender,
-                "height": height.value,
-                "className": "content-items",
-                "lineHeight": 32,
-                "list": localData.value,
-                "maxHeight": maxHeight.value,
-                "minHeight": minHeight.value,
-                "scrollEvent": true,
-                "throttleDelay": 0
-              }, {
-                "default": renderFilterList
-              })];
+              return [(0,external_vue_namespaceObject.createVNode)("div", {
+                "style": contentStyle.value,
+                "class": "content-items"
+              }, [renderFilterList(localData.value)])];
             }
           }), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "content-footer"

package/lib/table/plugins/head-filter.css

@@ -157,6 +157,10 @@
   max-width: 300px;
   min-width: 200px;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  overflow: auto;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;

package/lib/table/plugins/head-filter.less

@@ -35,6 +35,9 @@
         min-width: 200px;
 
         .content-items {
+          max-height: 200px;
+          overflow: auto;
+
           .list-item {
             width: 100%;
             height: 32px;

package/lib/table/plugins/head-filter.variable.css

@@ -417,6 +417,10 @@
   max-width: 300px;
   min-width: 200px;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  overflow: auto;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;

package/lib/table/table.css

@@ -1029,6 +1029,10 @@
   max-width: 300px;
   min-width: 200px;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  overflow: auto;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;

package/lib/table/table.variable.css

@@ -1419,6 +1419,10 @@
   max-width: 300px;
   min-width: 200px;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  overflow: auto;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;

package/lib/tag/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkTag: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         closable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -38,8 +38,8 @@ declare const BkTag: {
         handleClick: (e: Event) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         closable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -70,7 +70,7 @@ declare const BkTag: {
         onClose?: (...args: any[]) => any;
     }, {
         type: "" | "stroke" | "filled";
-        theme: "" | "info" | "success" | "danger" | "warning";
+        theme: "" | "danger" | "success" | "warning" | "info";
         closable: boolean;
         radius: string;
         checked: boolean;
@@ -86,8 +86,8 @@ declare const BkTag: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         closable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -125,7 +125,7 @@ declare const BkTag: {
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
         type: "" | "stroke" | "filled";
-        theme: "" | "info" | "success" | "danger" | "warning";
+        theme: "" | "danger" | "success" | "warning" | "info";
         closable: boolean;
         radius: string;
         checked: boolean;
@@ -135,8 +135,8 @@ declare const BkTag: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -174,7 +174,7 @@ declare const BkTag: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", {
     type: "" | "stroke" | "filled";
-    theme: "" | "info" | "success" | "danger" | "warning";
+    theme: "" | "danger" | "success" | "warning" | "info";
     closable: boolean;
     radius: string;
     checked: boolean;

package/lib/tag/tag.d.ts

@@ -1,7 +1,7 @@
 import { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: (e: Event) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
 }, {
     type: "" | "stroke" | "filled";
-    theme: "" | "info" | "success" | "danger" | "warning";
+    theme: "" | "danger" | "success" | "warning" | "info";
     closable: boolean;
     radius: string;
     checked: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.74",
+  "version": "2.0.1-beta.76",
   "workspaces": [
     "packages/**",
     "scripts/cli",