bkui-vue 2.0.2-beta.5 → 2.0.2-beta.51

package/lib/affix/affix.variable.css

@@ -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

@@ -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.
  *
@@ -187,7 +187,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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;
@@ -211,18 +211,18 @@
   white-space: nowrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list {
+  box-sizing: border-box;
   display: flex;
+  flex-wrap: wrap;
   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 .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 +242,51 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-cascader-panel-wrapper {
-  display: inline-flex;
+.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 +294,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 +302,14 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
+.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 +317,6 @@
   color: #63656e;
 }
 .bk-cascader-popover-reference {
-  width: 100%;
   display: block !important;
+  width: 100%;
 }

package/lib/cascader/cascader.d.ts

@@ -108,6 +108,11 @@ declare const _default: import("vue").DefineComponent<{
     customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     collapseTags: {
         type: BooleanConstructor;
         default: boolean;
@@ -123,6 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     overflowTagIndex: import("vue").Ref<number>;
     isCollapse: import("vue").ComputedRef<boolean>;
     isFocus: import("vue").Ref<boolean>;
+    isAlways: import("vue").Ref<boolean>;
     store: import("vue").Ref<{
         data: {
             id: string;
@@ -328,6 +334,11 @@ declare const _default: import("vue").DefineComponent<{
     customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     collapseTags: {
         type: BooleanConstructor;
         default: boolean;
@@ -367,6 +378,7 @@ declare const _default: import("vue").DefineComponent<{
     filterMethod: (...args: any[]) => any;
     customTextFillback: (...args: any[]) => any;
     customTagsFillback: (...args: any[]) => any;
+    changeEmitsNodes: boolean;
     floatMode: boolean;
 }, {}>;
 export default _default;

package/lib/cascader/cascader.less

@@ -110,12 +110,12 @@
     position: absolute;
     right: 2px;
     display: inline-flex;
+    align-items: center;
     height: 100%;
     font-size: 20px;
     color: #979ba5;
-    transform: rotate(180deg);
     transition: transform .3s cubic-bezier(.4,0,.2,1);
-    align-items: center;
+    transform: rotate(180deg);
   }
 
   .@{bk-prefix}-icon-clear-icon {
@@ -135,8 +135,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;
@@ -163,18 +163,18 @@
     }
 
     .cascader-tag-list {
+      box-sizing: border-box;
       display: flex;
+      flex-wrap: wrap;
       height: @component-size-base;
       min-height: 30px;
       padding-top: 5px;
       overflow: hidden;
-      box-sizing: border-box;
-      flex-wrap: wrap;
 
       .tag-item {
         position: relative;
-        height: 22px;
         max-width: calc(100% - 50px);
+        height: 22px;
         padding-right: 18px;
         margin: 0 6px 5px 0;
         overflow: hidden;
@@ -200,87 +200,89 @@
   }
 }
 
-.@{bk-prefix}-cascader-panel-wrapper {
-  display: inline-flex;
+.@{bk-prefix}-cascader-popover{
   border: 1px solid @cascader-panel-border-color;
   border-radius: 2px;
   box-shadow: 0px 2px 6px 0px rgba(0,0,0,.10);
-  .@{bk-prefix}-cascader-panel {
-    min-width: 160px;
-    padding: 4px 0;
-    background: @white-color;
-    border-right: 1px solid @cascader-panel-border-color;
-
-    &:last-child {
-      border-right: none;
-    }
-    .@{bk-prefix}-cascader-node {
-      position: relative;
-      display: flex;
-      padding: 0 16px;
-      overflow: hidden;
-      line-height: @component-size-base;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
-      align-items: center;
-
-      &:hover {
-        background: @cascader-panel-hover;
-      }
-
-      &.is-selected,
-      &.is-checked {
-        color: @primary-color;
-        background: @cascader-panel-active;
+  .@{bk-prefix}-cascader-panel-wrapper {
+    display: inline-flex;
+    .@{bk-prefix}-cascader-panel {
+      min-width: 160px;
+      padding: 4px 0;
+      background: @white-color;
+      border-right: 1px solid @cascader-panel-border-color;
+  
+      &:last-child {
+        border-right: none;
       }
-
-      &.is-disabled {
-        color: @light-gray;
-        cursor: not-allowed;
-        background-color: @white-color;
-
-        .@{bk-prefix}-icon-angle-right {
+      .@{bk-prefix}-cascader-node {
+        position: relative;
+        display: flex;
+        align-items: center;
+        padding: 0 16px;
+        overflow: hidden;
+        line-height: @component-size-base;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer;
+  
+        &:hover {
+          background: @cascader-panel-hover;
+        }
+  
+        &.is-selected,
+        &.is-checked {
+          color: @primary-color;
+          background: @cascader-panel-active;
+        }
+  
+        &.is-disabled {
           color: @light-gray;
+          cursor: not-allowed;
+          background-color: @white-color;
+  
+          .@{bk-prefix}-icon-angle-right {
+            color: @light-gray;
+          }
+        }
+  
+        .@{bk-prefix}-icon-angle-right {
+          position: absolute;
+          top: 50%;
+          right: 0;
+          font-size: 20px;
+          color: @gray-color;
+          transform: translateY(-50%);
+        }
+  
+        .@{bk-prefix}-icon-spinner {
+          position: absolute;
+          top: 50%;
+          right: 5px;
+          font-size: 12px;
+          color: @gray-color;
+          transform: translateY(-50%);
         }
-      }
-
-      .@{bk-prefix}-icon-angle-right {
-        position: absolute;
-        top: 50%;
-        right: 0;
-        font-size: 20px;
-        color: @gray-color;
-        transform: translateY(-50%);
-      }
-
-      .@{bk-prefix}-icon-spinner {
-        position: absolute;
-        top: 50%;
-        right: 5px;
-        font-size: 12px;
-        color: @gray-color;
-        transform: translateY(-50%);
       }
     }
-  }
-  .@{bk-prefix}-cascader-panel-empty-wrapper {
-    display: flex;
-    height: 100%;
-    color: #63656e;
-    align-items: center;
-    justify-content: center;
-  }
-  .@{bk-prefix}-cascader-search-empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 56px;
-    color: #63656e
+    .@{bk-prefix}-cascader-panel-empty-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      color: #63656e;
+    }
+    .@{bk-prefix}-cascader-search-empty {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 56px;
+      color: #63656e
+    }
   }
 }
 
 .@{bk-prefix}-cascader-popover-reference{
-  width: 100%;
   display: block !important;
+  width: 100%;
 }