bkui-vue 2.0.2-beta.8 → 2.0.2-beta.80

package/lib/steps/index.js

@@ -7,48 +7,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ fr
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 /******/ var __webpack_modules__ = ({
 
-/***/ 4319:
-/***/ ((module) => {
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
-}
-module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-
-/***/ }),
-
-/***/ 5799:
+/***/ 7609:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-// TODO(Babel 8): Remove this file.
-
-var runtime = __webpack_require__(7048)();
-module.exports = runtime;
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-
-
-/***/ }),
-
-/***/ 7048:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var _typeof = (__webpack_require__(4319)["default"]);
+var _typeof = (__webpack_require__(7425)["default"]);
 function _regeneratorRuntime() {
   "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
   module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
@@ -353,6 +315,44 @@ function _regeneratorRuntime() {
 }
 module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ 7425:
+/***/ ((module) => {
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ 2841:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = __webpack_require__(7609)();
+module.exports = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+
 /***/ })
 
 /******/ });
@@ -413,19 +413,19 @@ module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.e
 /******/ 
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// external "../shared"
-var x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var y = (x) => (() => (x))
-const shared_namespaceObject = x({ ["PropTypes"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes), ["ThemeEnum"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.ThemeEnum), ["classes"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes), ["directionType"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.directionType), ["lineStyleType"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.lineStyleType), ["withInstall"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall) });
-;// ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["ThemeEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.ThemeEnum, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["directionType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.directionType, ["lineStyleType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.lineStyleType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -435,7 +435,7 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
@@ -447,14 +447,14 @@ function toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
   return "symbol" == _typeof(i) ? i : String(i);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
   key = toPropertyKey(key);
@@ -470,7 +470,7 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -501,34 +501,26 @@ function _asyncToGenerator(fn) {
     });
   };
 }
-;// external "vue"
-var external_vue_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var external_vue_y = (x) => (() => (x))
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.createVNode), ["defineComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.defineComponent), ["onMounted"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.onMounted), ["ref"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.ref), ["watch"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.watch) });
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
-var regenerator = __webpack_require__(5799);
+var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
-;// external "vue-types"
-var external_vue_types_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var external_vue_types_y = (x) => (() => (x))
-const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => (__WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType) });
-;// external "../config-provider"
-var config_provider_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var config_provider_y = (x) => (() => (x))
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale), ["usePrefix"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix) });
-;// 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({ ["Circle"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Circle), ["Done"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done), ["Error"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error) });
-;// ../../packages/steps/src/steps.tsx
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: external "../config-provider"
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+;// 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({ ["Circle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Circle, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error });
+;// CONCATENATED MODULE: ../../packages/steps/src/steps.tsx
 
 
 
@@ -537,7 +529,7 @@ const icon_namespaceObject = icon_x({ ["Circle"]: () => (__WEBPACK_EXTERNAL_MODU
  * 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.
  *
@@ -597,13 +589,14 @@ var stepsProps = {
         if (typeof step === 'string') {
           defaults.push(step);
         } else {
-          var _step$border;
+          var _step$border, _step$disabled;
           defaults.push({
             title: step.title,
             icon: step.icon,
             description: step.description,
             status: step.status,
-            border: (_step$border = step.border) !== null && _step$border !== void 0 ? _step$border : true
+            border: (_step$border = step.border) !== null && _step$border !== void 0 ? _step$border : true,
+            disabled: (_step$disabled = step.disabled) !== null && _step$disabled !== void 0 ? _step$disabled : false
           });
         }
       });
@@ -771,24 +764,22 @@ var stepsProps = {
     }, [this.defaultSteps.map(function (step, index) {
       var _this$$slots, _this$$slots2, _this$$slots3;
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": [_this.resolveClassName('step'), !step.title ? _this.resolveClassName('step-no-content') : '', isDone(index) ? 'done' : '', isCurrent(index) ? 'current' : '', isCurrent(index) && _this.status === 'error' ? 'is-error' : '', step.status && isCurrent(index) ? ["".concat(_this.resolveClassName("step-".concat(step.status)))] : '']
+        "class": [_this.resolveClassName('step'), !step.title ? _this.resolveClassName('step-no-content') : '', isDone(index) ? 'done' : '', isCurrent(index) ? 'current' : '', isCurrent(index) && _this.status === 'error' ? 'is-error' : '', step.status && isCurrent(index) ? ["".concat(_this.resolveClassName("step-".concat(step.status)))] : '', step.disabled ? 'is-disabled' : '', _this.controllable && !step.disabled ? 'is-controllable' : '']
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "style": {
-          cursor: _this.controllable ? 'pointer' : ''
-        },
-        "class": ["".concat(_this.resolveClassName('step-indicator')), "".concat(_this.resolveClassName("step-".concat(iconType(step) ? 'icon' : 'number'))), "".concat(_this.resolveClassName("step-icon".concat(step.status)))],
+        "class": ["".concat(_this.resolveClassName('step-indicator')), "".concat(_this.resolveClassName("step-".concat(iconType(step) ? 'icon' : 'number'))), "".concat(step.status ? _this.resolveClassName("step-icon".concat(step.status)) : '')],
         "onClick": function onClick() {
-          _this.jumpTo(index + 1);
+          if (!step.disabled) {
+            _this.jumpTo(index + 1);
+          }
         }
       }, [(_this$$slots = (_this$$slots2 = (_this$$slots3 = _this.$slots)[index + 1]) === null || _this$$slots2 === void 0 ? void 0 : _this$$slots2.call(_this$$slots3)) !== null && _this$$slots !== void 0 ? _this$$slots : renderIcon(index, step)]), step.title ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('step-content'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
-        "style": {
-          cursor: _this.controllable ? 'pointer' : ''
-        },
         "class": "".concat(_this.resolveClassName('step-title')),
         "onClick": function onClick() {
-          _this.jumpTo(index + 1);
+          if (!step.disabled) {
+            _this.jumpTo(index + 1);
+          }
         }
       }, [step.title]), step.description && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('step-description')),
@@ -797,12 +788,12 @@ var stepsProps = {
     })]);
   }
 }));
-;// ../../packages/steps/src/index.ts
+;// CONCATENATED MODULE: ../../packages/steps/src/index.ts
 /*
  * 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.
  *
@@ -827,5 +818,7 @@ var stepsProps = {
 
 var BkSteps = (0,shared_namespaceObject.withInstall)(steps);
 /* harmony default export */ const src = (BkSteps);
+})();
+
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/steps/steps.css

@@ -32,15 +32,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;
@@ -52,9 +68,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;
@@ -79,8 +92,8 @@
   left: 100%;
   width: 99999px;
   height: 1px;
-  background-color: transparent;
   content: '';
+  background-color: transparent;
 }
 .bk-steps .bk-step .bk-step-description {
   max-width: 140px;
@@ -97,16 +110,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;
@@ -240,8 +253,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, #c4c6cc 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,
@@ -266,11 +279,11 @@
   left: 12px;
   width: 1px;
   height: 100%;
+  content: '';
   background-image: linear-gradient(#c4c6cc 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 {
@@ -278,10 +291,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/steps/steps.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/steps/steps.less

@@ -14,8 +14,8 @@
     left: 100%;
     width: 99999px;
     height: 1px;
-    background-color: transparent;
     content: '';
+    background-color: transparent;
   }
 }
 
@@ -54,15 +54,36 @@
 
   .@{bk-prefix}-step {
     position: relative;
+    flex: 1;
     margin-right: 16px;
     overflow: hidden;
     text-align: left;
     white-space: nowrap;
-    flex: 1;
+
+
+    &.is-controllable {
+      cursor: pointer;
+    }
+
+    &.is-disabled {
+      cursor: not-allowed;
+      .@{bk-prefix}-step-indicator {
+        color: #dcdee5;
+        border-color: #dcdee5;
+      }
+      .@{bk-prefix}-step-title {
+        color: #dcdee5;
+
+
+      }
+    }
 
     .@{bk-prefix}-step-indicator {
       z-index: 1;
+      box-sizing: border-box;
       display: inline-flex;
+      align-items: center;
+      justify-content: center;
       width: 24px;
       height: 24px;
       padding: 0;
@@ -74,9 +95,6 @@
       background-color: #fff;
       border: 1px solid #979ba5;
       border-radius: 50%;
-      box-sizing: border-box;
-      align-items: center;
-      justify-content: center;
 
       // .@{bk-prefix}-steps-icon {
       //   color: @white-color;
@@ -126,8 +144,8 @@
     }
 
     &:last-child {
-      margin-right: 0;
       flex: none;
+      margin-right: 0;
 
       .@{bk-prefix}-step-title {
         padding-right: 0;
@@ -253,8 +271,8 @@
       .@{bk-prefix}-step-indicator {
         &::after {
           background-image: linear-gradient(to right, @light-gray 50%, transparent 0%);
-          background-position: bottom;
           background-repeat: repeat-x;
+          background-position: bottom;
           background-size: 6px 1px;
         }
       }
@@ -293,11 +311,11 @@
         left: 12px;
         width: 1px;
         height: 100%;
+        content: '';
         background-image: linear-gradient(@light-gray 50%, transparent 0%);
-        background-position: right;
         background-repeat: repeat-y;
+        background-position: right;
         background-size: 1px 6px;
-        content: '';
       }
 
       &.done {
@@ -311,10 +329,10 @@
 
       .@{bk-prefix}-step-title {
         display: flex;
+        align-items: center;
         height: 100%;
         margin-top: 0;
         text-align: left;
-        align-items: center;
       }
     }
   }

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;