bkui-vue 2.0.2-beta.9 → 2.0.2-beta.90

package/lib/affix/affix.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-affix {
   position: fixed;

package/lib/affix/index.js

@@ -103,7 +103,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -294,7 +294,7 @@ var off = function () {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/alert/alert.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-alert {
   position: relative;

package/lib/alert/index.js

@@ -101,7 +101,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -154,7 +154,12 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
     };
   },
   render: function render() {
-    var _this$$slots$icon, _this$$slots$icon2, _this$$slots, _this$$slots$default, _this$$slots2;
+    var _this = this,
+      _this$$slots$icon,
+      _this$$slots$icon2,
+      _this$$slots,
+      _this$$slots$default,
+      _this$$slots2;
     if (!this.state.visible) {
       return null;
     }
@@ -166,6 +171,12 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
     var defaultIcon = (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.InfoLine, {
       "class": resolveClassName('alert-icon-info')
     }, null);
+    var renderClose = function renderClose() {
+      if (_this.$slots.close) {
+        return _this.$slots.close();
+      }
+      return _this.closeText ? _this.closeText : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CloseLine, null, null);
+    };
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": typeClass
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -176,10 +187,10 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
       "class": resolveClassName('alert-title')
     }, [this.$slots.title ? this.$slots.title() : this.title]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('alert-description')
-    }, [(_this$$slots$default = (_this$$slots2 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
+    }, [(_this$$slots$default = (_this$$slots2 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("div", {
       "class": closeButtonClasses,
       "onClick": this.handleClose
-    }, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CloseLine, null, null)])])]);
+    }, [renderClose()])])]);
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/alert/src/index.ts
@@ -187,7 +198,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/animate-number/index.js

@@ -44,7 +44,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -127,7 +127,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/backtop/backtop.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/backtop/index.js

@@ -60,7 +60,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -161,7 +161,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/badge/badge.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-badge-main {
   position: relative;

package/lib/badge/index.js

@@ -96,7 +96,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -208,7 +208,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/breadcrumb/breadcrumb.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/breadcrumb/index.js

@@ -103,7 +103,7 @@ const icon_namespaceObject = icon_x({ ["ArrowsLeft"]: () => __WEBPACK_EXTERNAL_M
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -183,7 +183,7 @@ var breadcrumbType = {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -276,7 +276,7 @@ var breadcrumbItemEmitEventsType = _defineProperty({}, EVENTS.CLICK, Composition
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/button/button.d.ts

@@ -2,7 +2,7 @@
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/button/button.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-button {
   display: inline-flex;

package/lib/button/index.js

@@ -108,7 +108,7 @@ const loading_less_namespaceObject = loading_less_x({  });
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -245,7 +245,7 @@ var buttonProps = {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -293,7 +293,7 @@ var buttonProps = {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/card/card.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/card/index.js

@@ -116,7 +116,7 @@ const input_less_namespaceObject = input_less_x({  });
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -262,7 +262,7 @@ const input_less_namespaceObject = input_less_x({  });
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/cascader/cascader.css

@@ -163,12 +163,12 @@
   position: absolute;
   right: 2px;
   display: inline-flex;
+  align-items: center;
   height: 100%;
   font-size: 20px;
   color: #979ba5;
-  transform: rotate(180deg);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  align-items: center;
+  transform: rotate(180deg);
 }
 .bk-cascader .bk-icon-clear-icon {
   right: 4px;
@@ -186,8 +186,8 @@
   position: static;
   display: block;
   max-width: 100%;
-  max-height: 120px;
   min-height: 30px;
+  max-height: 120px;
   padding: 0 24px 0 11px;
   overflow-x: hidden;
   text-overflow: ellipsis;
@@ -195,6 +195,8 @@
 }
 .bk-cascader .bk-cascader-name .bk-cascader-search-input {
   width: 100%;
+  min-width: 24px;
+  flex: 1;
   font-size: 12px;
   cursor: text;
   border: none;
@@ -211,18 +213,23 @@
   white-space: nowrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list {
+  box-sizing: border-box;
   display: flex;
+  flex-flow: row wrap;
+  align-items: center;
   height: 32px;
   min-height: 30px;
   padding-top: 5px;
-  overflow: hidden;
-  box-sizing: border-box;
-  flex-wrap: wrap;
+}
+.bk-cascader .bk-cascader-name .cascader-tag-list .bk-cascader-search-input {
+  height: 22px;
+  margin-bottom: 5px;
+  line-height: 22px;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list .tag-item {
   position: relative;
-  height: 22px;
   max-width: calc(100% - 50px);
+  height: 22px;
   padding-right: 18px;
   margin: 0 6px 5px 0;
   overflow: hidden;
@@ -242,49 +249,54 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-cascader-panel-wrapper {
-  display: inline-flex;
+.bk-cascader .bk-cascader-name .cascader-tag-list .bk-tag {
+  margin-bottom: 5px;
+}
+.bk-cascader-popover {
   border: 1px solid #dcdee5;
   border-radius: 2px;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel {
+.bk-cascader-popover .bk-cascader-panel-wrapper {
+  display: inline-flex;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel {
   min-width: 160px;
   padding: 4px 0;
   background: white;
   border-right: 1px solid #dcdee5;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
   border-right: none;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
   position: relative;
   display: flex;
+  align-items: center;
   padding: 0 16px;
   overflow: hidden;
   line-height: 32px;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  align-items: center;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
   background: #f5f7fa;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
   color: #3a84ff;
   background: #e1ecff;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: white;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
   color: #c4c6cc;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
   position: absolute;
   top: 50%;
   right: 0;
@@ -292,7 +304,7 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
   position: absolute;
   top: 50%;
   right: 5px;
@@ -300,14 +312,29 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .position-relative {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .position-relative .text-ov {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-cascader-node-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
   display: flex;
-  height: 100%;
-  color: #63656e;
   align-items: center;
   justify-content: center;
+  height: 100%;
+  color: #63656e;
 }
-.bk-cascader-panel-wrapper .bk-cascader-search-empty {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-search-empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -315,6 +342,6 @@
   color: #63656e;
 }
 .bk-cascader-popover-reference {
-  width: 100%;
   display: block !important;
+  width: 100%;
 }