fix(steps): fix readonly non working

fix Tencent#753
k1nz · May 11, 2022 · b563c94 · b563c94
1 parent 9a81092
commit b563c94
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/examples/steps/demos/status.vue b/examples/steps/demos/status.vue
@@ -1,5 +1,12 @@
 <template>
   <div>
+    <t-steps current="FINISH" readonly>
+      <t-step-item title="已完成的步骤" content="这里是提示文字" />
+      <t-step-item title="已完成的步骤" content="这里是提示文字" />
+      <t-step-item title="已完成的步骤" content="这里是提示文字" />
+      <t-step-item title="已完成的步骤" content="这里是提示文字" />
+    </t-steps>
+    <div style="margin: 16px 0" />
     <t-steps :current="1" readonly>
       <t-step-item title="已完成的步骤" content="这里是提示文字" />
       <t-step-item title="进行中的步骤" content="这里是提示文字" />

diff --git a/src/steps/step-item.tsx b/src/steps/step-item.tsx
@@ -26,6 +26,7 @@ export default defineComponent({
     // when props.value is undefined
     const index = ref(-1);
     const onStepClick = (e: MouseEvent) => {
+      if (!canClick.value) return;
       const val = props.value === undefined ? index.value : props.value;
       steps.setCurrent(val, steps.current, { e });
     };