fix(steps): 根据metaerp新规范设计稿修改多端渲染逻辑和样式

Author: chenxi-20

packages/vue/src/steps/src/mobile-first/mobile-first-normal.vue

@@ -76,10 +76,7 @@
               },
               { 'sm:hidden sm:min-w-[theme(spacing.6)] sm:ml-4': !vertical },
               {
-                'border-color-brand':
-                  data[index - 1] &&
-                  data[index - 1][statusField] === 'done' &&
-                  ['done', 'disabled', 'error', ''].includes(node[statusField])
+                'border-color-brand': data[index - 1] && 'done' === data[index - 1][statusField]
               }
             )
           "
@@ -147,7 +144,7 @@
                 'opacity-0': index === data.length - 1
               },
               { 'sm:min-w-[theme(spacing.6)] sm:ml-4': !vertical },
-              { 'border-color-brand': node[statusField] === 'done' }
+              { 'border-color-brand': 'done' === node[statusField] }
             )
           "
         ></div>
@@ -197,7 +194,7 @@
             'border-t-0.5 sm:border-t  flex-auto',
             { 'sm:hidden sm:min-w-[theme(spacing.6)] sm:ml-4': !vertical },
             {
-              'border-color-brand': data[state.endIndex] && ['done', 'doing'].includes(data[state.endIndex].status)
+              'border-color-brand': data[state.endIndex] && 'done' === data[state.endIndex].status
             }
           ]"
         ></div>

packages/vue/src/steps/src/mobile-first/token/normal-token.ts

@@ -12,7 +12,7 @@ export const classes = {
   'icon-error': 'text-color-error bg-color-bg-1',
   'icon-doing': 'text-color-brand bg-color-info-primary-subtler',
   'icon-done': 'text-color-brand bg-color-bg-1',
-  'icon-disabled': 'bg-color-bg-3 text-color-border',
+  'icon-disabled': 'bg-color-bg-3 text-color-icon-disabled border-color-fill-1',
   'icon-error-active': 'bg-color-error-subtler border-color-error',
   'icon-doing-active': 'bg-color-brand border-color-brand text-color-text-inverse',
   'icon-done-active': 'bg-color-brand border-color-brand text-color-text-inverse',