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

package/lib/steps/steps.variable.css

@@ -99,7 +99,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;
@@ -128,6 +128,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 * {
   box-sizing: border-box;
@@ -162,15 +163,31 @@
 }
 .bk-steps .bk-step {
   position: relative;
+  flex: 1;
   margin-right: 16px;
   overflow: hidden;
   text-align: left;
   white-space: nowrap;
-  flex: 1;
+}
+.bk-steps .bk-step.is-controllable {
+  cursor: pointer;
+}
+.bk-steps .bk-step.is-disabled {
+  cursor: not-allowed;
+}
+.bk-steps .bk-step.is-disabled .bk-step-indicator {
+  color: #dcdee5;
+  border-color: #dcdee5;
+}
+.bk-steps .bk-step.is-disabled .bk-step-title {
+  color: #dcdee5;
 }
 .bk-steps .bk-step .bk-step-indicator {
   z-index: 1;
+  box-sizing: border-box;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -182,9 +199,6 @@
   background-color: #fff;
   border: 1px solid #979ba5;
   border-radius: 50%;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
 }
 .bk-steps .bk-step .bk-step-number {
   font-family: arial;
@@ -209,8 +223,8 @@
   left: 100%;
   width: 99999px;
   height: 1px;
-  background-color: transparent;
   content: '';
+  background-color: transparent;
 }
 .bk-steps .bk-step .bk-step-description {
   max-width: 140px;
@@ -227,16 +241,16 @@
   left: 100%;
   width: 99999px;
   height: 1px;
-  background-color: transparent;
   content: '';
+  background-color: transparent;
 }
 .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
   top: 10px;
   left: 32px;
 }
 .bk-steps .bk-step:last-child {
-  margin-right: 0;
   flex: none;
+  margin-right: 0;
 }
 .bk-steps .bk-step:last-child .bk-step-title {
   padding-right: 0;
@@ -370,8 +384,8 @@
 .bk-steps-dashed .bk-step .bk-step-title::after,
 .bk-steps-dashed .bk-step .bk-step-indicator::after {
   background-image: linear-gradient(to right, var(--light-gray) 50%, transparent 0%);
-  background-position: bottom;
   background-repeat: repeat-x;
+  background-position: bottom;
   background-size: 6px 1px;
 }
 .bk-steps-solid .bk-step .bk-step-title::after,
@@ -396,11 +410,11 @@
   left: 12px;
   width: 1px;
   height: 100%;
+  content: '';
   background-image: linear-gradient(var(--light-gray) 50%, transparent 0%);
-  background-position: right;
   background-repeat: repeat-y;
+  background-position: right;
   background-size: 1px 6px;
-  content: '';
 }
 .bk-steps-vertical .bk-step.done:has(+ .current.is-error)::after,
 .bk-steps-vertical .bk-step.done:has( + .current.bk-step-error)::after {
@@ -408,10 +422,10 @@
 }
 .bk-steps-vertical .bk-step .bk-step-title {
   display: flex;
+  align-items: center;
   height: 100%;
   margin-top: 0;
   text-align: left;
-  align-items: center;
 }
 .bk-steps-small .bk-step .bk-step-indicator {
   width: 20px;

package/lib/styles/mixins/animate.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/styles/mixins/popper.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-popper {
   display: none;

package/lib/styles/mixins/scroll.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-F-scroll-x {
   overflow-x: auto;

package/lib/styles/reset.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;
 }
 .scroll-bar-style::-webkit-scrollbar {
   width: 4px;

package/lib/styles/themes/themes.less

@@ -129,7 +129,7 @@
 @submenu-bg-color: #151d2c;
 @menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
 @menu-color: #96a2b9;
-@menu-group-color: @default-color;
+@menu-group-color: #6E788B;
 @menu-width: 260px;
 @menu-collapse-width: 60px;
 @menu-active-color: white;
@@ -173,3 +173,6 @@
 // select theme
 @select-active-color: #e1ecff;
 @select-hover-color: #f5f7fa;
+
+// info-box theme
+@sub-title-bg-color: #f5f6fa;

package/lib/swiper/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.
  *
@@ -309,7 +309,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/swiper/swiper.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-swiper-home {
   position: relative;

package/lib/switcher/index.js

@@ -101,7 +101,7 @@ const icon_namespaceObject = icon_x({ ["SwitcherLoading"]: () => __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.
  *
@@ -248,7 +248,7 @@ var switcherEmitEventsType = _defineProperty(_defineProperty({}, EVENTS.UPDATE,
  * 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/switcher/switcher.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/tab/index.d.ts

@@ -45,6 +45,9 @@ declare const BkTab: {
         } & {
             default: string;
         };
+        beforeChange: {
+            type: FunctionConstructor;
+        };
     }>> & {
         onDrag?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
@@ -107,6 +110,9 @@ declare const BkTab: {
         } & {
             default: string;
         };
+        beforeChange: {
+            type: FunctionConstructor;
+        };
     }>> & {
         onDrag?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
@@ -180,6 +186,9 @@ declare const BkTab: {
         } & {
             default: string;
         };
+        beforeChange: {
+            type: FunctionConstructor;
+        };
     }>> & {
         onDrag?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
@@ -259,6 +268,9 @@ declare const BkTab: {
     } & {
         default: string;
     };
+    beforeChange: {
+        type: FunctionConstructor;
+    };
 }>> & {
     onDrag?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;

package/lib/tab/index.js

@@ -858,7 +858,10 @@ var tabProps = {
   extCls: shared_namespaceObject.PropTypes.string.def(''),
   validateActive: shared_namespaceObject.PropTypes.bool.def(true),
   activeBarSize: shared_namespaceObject.PropTypes.number.def(2),
-  activeBarColor: shared_namespaceObject.PropTypes.string.def('#3a84ff')
+  activeBarColor: shared_namespaceObject.PropTypes.string.def('#3a84ff'),
+  beforeChange: {
+    type: Function
+  }
 };
 var tabNavProps = _objectSpread({
   active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
@@ -932,7 +935,7 @@ function clickoutside_arrayLikeToArray(arr, len) { if (len == null || len > arr.
  * 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.
  *
@@ -1060,7 +1063,7 @@ const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTE
  * 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.
  *
@@ -1172,7 +1175,7 @@ var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel
  * 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.
  *
@@ -1223,7 +1226,7 @@ function tooltips_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
  * 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.
  *
@@ -1278,9 +1281,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1294,7 +1294,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1403,6 +1403,7 @@ function renderArrow() {
  * @returns popper实例
  */
 function createPopperInstance(el, popper) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get = tooltips_nodeList.get(el),
     opts = _nodeList$get.opts;
   var placement = opts.placement,
@@ -1443,6 +1444,7 @@ function createPopperInstance(el, popper) {
  * @param el
  */
 function show(el) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get2 = tooltips_nodeList.get(el),
     popper = _nodeList$get2.popper,
     opts = _nodeList$get2.opts;
@@ -1518,7 +1520,7 @@ const external_overflow_title_namespaceObject = external_overflow_title_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.
  *
@@ -1559,7 +1561,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
  * 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.
  *
@@ -1907,7 +1909,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
  * 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.
  *
@@ -1999,10 +2001,13 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         });
       },
       tabChange: function tabChange(name) {
-        // emit('xxx') 会调用onXxx函数, 所以不必在主动调用onXxx函数了
-        emit('change', name);
-        emit('tab-change', name);
-        emit('update:active', name);
+        var _props$beforeChange, _props$beforeChange2;
+        if ((_props$beforeChange = (_props$beforeChange2 = _props.beforeChange) === null || _props$beforeChange2 === void 0 ? void 0 : _props$beforeChange2.call(_props, name)) !== null && _props$beforeChange !== void 0 ? _props$beforeChange : true) {
+          // emit('xxx') 会调用onXxx函数, 所以不必在主动调用onXxx函数了
+          emit('change', name);
+          emit('tab-change', name);
+          emit('update:active', name);
+        }
       },
       tabRemove: function tabRemove(index, panel) {
         // emit('xxx') 会调用onXxx函数, 所以不必在主动调用onXxx函数了
@@ -2118,7 +2123,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
  * 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/tab/props.d.ts

@@ -152,6 +152,9 @@ export declare const tabProps: {
     } & {
         default: string;
     };
+    beforeChange: {
+        type: FunctionConstructor;
+    };
 };
 export declare const tabNavProps: {
     tabAdd: {

package/lib/tab/tab.d.ts

@@ -39,6 +39,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    beforeChange: {
+        type: FunctionConstructor;
+    };
 }, {
     isMounted: import("vue").Ref<boolean>;
     panels: import("vue").Ref<any[]>;
@@ -89,6 +92,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    beforeChange: {
+        type: FunctionConstructor;
+    };
 }>> & {
     onDrag?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;

package/lib/tab/tab.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-tab {
   position: relative;