bkui-vue 0.0.2-beta.115 → 0.0.2-beta.117

package/lib/slider/index.js

@@ -1158,7 +1158,7 @@ var off = function off(element, event, handler) {
         "style": barStyle.value
       }, null), props.showInterval ? intervals.value.map(function (interval, index) {
         if (index === 0 || index === intervals.value.length - 1) {
-          return (0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createTextVNode)("asdads")]);
+          return null;
         }
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "key": index,

package/lib/steps/index.js

@@ -763,7 +763,7 @@ 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' ? 'isError' : '', 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)))] : '']
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": ["".concat(_this.resolveClassName('step-indicator')), "".concat(_this.resolveClassName("step-".concat(iconType(step) ? 'icon' : 'number'))), "".concat(_this.resolveClassName("step-icon".concat(step.status)))],
         "style": {

package/lib/steps/steps.css

@@ -239,7 +239,7 @@
 }
 .bk-steps .bk-step.done .bk-step-title,
 .bk-steps .bk-step.done .bk-step-description {
-  color: var(--default-color);
+  color: #9EA2AB;
 }
 .bk-steps .bk-step.done .bk-steps-icon {
   margin-bottom: 3px;
@@ -248,6 +248,12 @@
 .bk-steps .bk-step.done .bk-step-iconerror .bk-steps-icon {
   font-size: 14px;
 }
+.bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-title::after,
+.bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-title::after,
+.bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-indicator::after,
+.bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-indicator::after {
+  background-image: linear-gradient(to right, var(--danger-color) 50%, transparent 0%);
+}
 .bk-steps .bk-step.current .bk-step-number,
 .bk-steps .bk-step.current .bk-step-icon,
 .bk-steps .bk-step.current .bk-step-text {
@@ -265,11 +271,11 @@
 .bk-steps .bk-step.current.bk-step-error .bk-step-description {
   color: var(--danger-color);
 }
-.bk-steps .bk-step.isError .bk-step-indicator {
+.bk-steps .bk-step.is-error .bk-step-indicator {
   background-color: var(--danger-color) !important;
   border-color: var(--danger-color) !important;
 }
-.bk-steps .bk-step.isError .bk-step-content .bk-step-title {
+.bk-steps .bk-step.is-error .bk-step-content .bk-step-title {
   color: var(--danger-color) !important;
 }
 .bk-steps-primary .bk-step.done .bk-step-number,

package/lib/steps/steps.less

@@ -141,7 +141,7 @@
     &.done {
       .@{bk-prefix}-step-title,
       .@{bk-prefix}-step-description {
-        color: @default-color;
+        color: #9EA2AB;
       }
 
       .@{bk-prefix}-steps-icon {
@@ -154,6 +154,16 @@
           font-size: 14px;
         }
       }
+
+      &:has(+ .current.is-error),
+      &:has(+ .current.@{bk-prefix}-step-error) {
+        .@{bk-prefix}-step-title,
+        .@{bk-prefix}-step-indicator {
+          &::after {
+            background-image: linear-gradient(to right, @danger-color 50%, transparent 0%);
+          }
+        }
+      }
     }
 
     &.current {
@@ -181,7 +191,7 @@
       }
     }
 
-    &.isError {
+    &.is-error {
       .@{bk-prefix}-step-indicator {
         background-color: @danger-color !important;
         border-color: @danger-color !important;

package/lib/steps/steps.variable.css

@@ -485,7 +485,7 @@
 }
 .bk-steps .bk-step.done .bk-step-title,
 .bk-steps .bk-step.done .bk-step-description {
-  color: var(--default-color);
+  color: #9EA2AB;
 }
 .bk-steps .bk-step.done .bk-steps-icon {
   margin-bottom: 3px;
@@ -494,6 +494,12 @@
 .bk-steps .bk-step.done .bk-step-iconerror .bk-steps-icon {
   font-size: 14px;
 }
+.bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-title::after,
+.bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-title::after,
+.bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-indicator::after,
+.bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-indicator::after {
+  background-image: linear-gradient(to right, var(--danger-color) 50%, transparent 0%);
+}
 .bk-steps .bk-step.current .bk-step-number,
 .bk-steps .bk-step.current .bk-step-icon,
 .bk-steps .bk-step.current .bk-step-text {
@@ -511,11 +517,11 @@
 .bk-steps .bk-step.current.bk-step-error .bk-step-description {
   color: var(--danger-color);
 }
-.bk-steps .bk-step.isError .bk-step-indicator {
+.bk-steps .bk-step.is-error .bk-step-indicator {
   background-color: var(--danger-color) !important;
   border-color: var(--danger-color) !important;
 }
-.bk-steps .bk-step.isError .bk-step-content .bk-step-title {
+.bk-steps .bk-step.is-error .bk-step-content .bk-step-title {
   color: var(--danger-color) !important;
 }
 .bk-steps-primary .bk-step.done .bk-step-number,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.2-beta.115",
+  "version": "0.0.2-beta.117",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",