@robot-admin/naive-ui-components 0.8.1 → 0.9.0

package/dist/C_Steps-Dn2CMpy1.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Steps-Dn2CMpy1.css","names":[],"sources":["../src/components/C_Steps/index.vue?vue&type=style&index=0&scoped=100f392a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-steps[data-v-100f392a] {\n  --step-gap: 24px;\n  --icon-size: 32px;\n  --line-width: 2px;\n  --line-gap: 4px;\n  --primary: var(--c-primary, #18a058);\n  --success: var(--c-success, #18a058);\n  --warning: var(--c-warning, #f0a020);\n  --error: var(--c-error, #d03050);\n  --border: var(--c-border, rgba(0, 0, 0, 0.09));\n  --bg-hover: rgba(0, 0, 0, 0.04);\n  display: flex;\n}\n.steps-connected[data-v-100f392a] {\n  --line-gap: 0px;\n}\n.steps-horizontal[data-v-100f392a] {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.steps-vertical[data-v-100f392a] {\n  flex-direction: column;\n}\n.step-item[data-v-100f392a] {\n  display: flex;\n  position: relative;\n  flex: 1;\n  gap: 12px;\n}\n.steps-horizontal .step-item[data-v-100f392a] {\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  min-width: 0;\n}\n.steps-vertical .step-item[data-v-100f392a] {\n  flex-direction: row;\n  min-height: 72px;\n  flex: none;\n  width: 100%;\n}\n.step-indicator[data-v-100f392a] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.steps-horizontal .step-indicator[data-v-100f392a] {\n  width: 100%;\n  justify-content: center;\n}\n.steps-vertical .step-indicator[data-v-100f392a] {\n  flex-direction: column;\n}\n.step-icon[data-v-100f392a] {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--line-width) solid var(--border);\n  background: var(--c-bg-card, #fff);\n  position: relative;\n  z-index: 2;\n  transition: all 0.2s ease;\n  font-size: 16px;\n}\n.step-finish .step-icon[data-v-100f392a] {\n  border-color: var(--success);\n  color: var(--success);\n}\n.step-process .step-icon[data-v-100f392a] {\n  border-color: var(--primary);\n  background: var(--primary);\n  color: white;\n}\n.step-error .step-icon[data-v-100f392a] {\n  border-color: var(--error);\n  color: var(--error);\n}\n.step-index[data-v-100f392a] {\n  font-size: 14px;\n  font-weight: 500;\n}\n.step-line[data-v-100f392a] {\n  background: var(--border);\n  position: absolute;\n  transition: background 0.2s ease;\n}\n.steps-horizontal .step-line[data-v-100f392a] {\n  height: var(--line-width);\n  left: calc(50% + var(--icon-size) / 2 + var(--line-gap));\n  right: calc(-50% + var(--icon-size) / 2 + var(--line-gap));\n  top: calc(var(--icon-size) / 2);\n}\n.steps-vertical .step-line[data-v-100f392a] {\n  width: var(--line-width);\n  top: var(--icon-size);\n  bottom: 0;\n  left: calc(var(--icon-size) / 2 - 1px);\n}\n.step-finish .step-line[data-v-100f392a] {\n  background: var(--success);\n}\n.step-content[data-v-100f392a] {\n  flex: 1;\n  min-width: 0;\n}\n.steps-vertical .step-content[data-v-100f392a] {\n  padding-top: 4px;\n}\n.step-title[data-v-100f392a] {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n  margin-bottom: 2px;\n  word-break: break-word;\n}\n.step-time[data-v-100f392a] {\n  font-size: 12px;\n  line-height: 20px;\n  margin-bottom: 2px;\n  opacity: 0.65;\n}\n.step-finish .step-time[data-v-100f392a] {\n  color: var(--success);\n}\n.step-description[data-v-100f392a] {\n  font-size: 12px;\n  line-height: 20px;\n  opacity: 0.65;\n}\n.step-wait .step-title[data-v-100f392a] {\n  opacity: 0.65;\n}\n.step-process .step-title[data-v-100f392a] {\n  color: var(--primary);\n  font-weight: 600;\n}\n.step-error .step-title[data-v-100f392a] {\n  color: var(--error);\n}\n.step-clickable[data-v-100f392a] {\n  cursor: pointer;\n}\n.step-clickable:hover .step-icon[data-v-100f392a] {\n  transform: scale(1.05);\n}\n.step-clickable:not(.step-process):hover .step-icon[data-v-100f392a] {\n  background: var(--bg-hover);\n}\n.step-clickable:hover .step-title[data-v-100f392a] {\n  color: var(--primary);\n}\n@media (max-width: 768px) {\n.steps-horizontal[data-v-100f392a] {\n    flex-wrap: wrap;\n}\n.steps-horizontal .step-item[data-v-100f392a] {\n    flex: 0 0 50%;\n    margin-bottom: 24px;\n}\n.steps-horizontal .step-line[data-v-100f392a] {\n    display: none;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-icon[data-v-100f392a],\n  .step-line[data-v-100f392a] {\n    transition: none;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Steps.css

@@ -1,4 +1,4 @@
-/* unplugin-vue-components disabled */.c-steps[data-v-96b53094] {
+/* unplugin-vue-components disabled */.c-steps[data-v-100f392a] {
   --step-gap: 24px;
   --icon-size: 32px;
   --line-width: 2px;
@@ -11,48 +11,48 @@
   --bg-hover: rgba(0, 0, 0, 0.04);
   display: flex;
 }
-.steps-connected[data-v-96b53094] {
+.steps-connected[data-v-100f392a] {
   --line-gap: 0px;
 }
-.steps-horizontal[data-v-96b53094] {
+.steps-horizontal[data-v-100f392a] {
   flex-direction: row;
   align-items: flex-start;
 }
-.steps-vertical[data-v-96b53094] {
+.steps-vertical[data-v-100f392a] {
   flex-direction: column;
 }
-.step-item[data-v-96b53094] {
+.step-item[data-v-100f392a] {
   display: flex;
   position: relative;
   flex: 1;
   gap: 12px;
 }
-.steps-horizontal .step-item[data-v-96b53094] {
+.steps-horizontal .step-item[data-v-100f392a] {
   flex-direction: column;
   align-items: center;
   text-align: center;
   min-width: 0;
 }
-.steps-vertical .step-item[data-v-96b53094] {
+.steps-vertical .step-item[data-v-100f392a] {
   flex-direction: row;
   min-height: 72px;
   flex: none;
   width: 100%;
 }
-.step-indicator[data-v-96b53094] {
+.step-indicator[data-v-100f392a] {
   position: relative;
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.steps-horizontal .step-indicator[data-v-96b53094] {
+.steps-horizontal .step-indicator[data-v-100f392a] {
   width: 100%;
   justify-content: center;
 }
-.steps-vertical .step-indicator[data-v-96b53094] {
+.steps-vertical .step-indicator[data-v-100f392a] {
   flex-direction: column;
 }
-.step-icon[data-v-96b53094] {
+.step-icon[data-v-100f392a] {
   width: var(--icon-size);
   height: var(--icon-size);
   border-radius: 50%;
@@ -66,110 +66,110 @@
   transition: all 0.2s ease;
   font-size: 16px;
 }
-.step-finish .step-icon[data-v-96b53094] {
+.step-finish .step-icon[data-v-100f392a] {
   border-color: var(--success);
   color: var(--success);
 }
-.step-process .step-icon[data-v-96b53094] {
+.step-process .step-icon[data-v-100f392a] {
   border-color: var(--primary);
   background: var(--primary);
   color: white;
 }
-.step-error .step-icon[data-v-96b53094] {
+.step-error .step-icon[data-v-100f392a] {
   border-color: var(--error);
   color: var(--error);
 }
-.step-index[data-v-96b53094] {
+.step-index[data-v-100f392a] {
   font-size: 14px;
   font-weight: 500;
 }
-.step-line[data-v-96b53094] {
+.step-line[data-v-100f392a] {
   background: var(--border);
   position: absolute;
   transition: background 0.2s ease;
 }
-.steps-horizontal .step-line[data-v-96b53094] {
+.steps-horizontal .step-line[data-v-100f392a] {
   height: var(--line-width);
   left: calc(50% + var(--icon-size) / 2 + var(--line-gap));
   right: calc(-50% + var(--icon-size) / 2 + var(--line-gap));
   top: calc(var(--icon-size) / 2);
 }
-.steps-vertical .step-line[data-v-96b53094] {
+.steps-vertical .step-line[data-v-100f392a] {
   width: var(--line-width);
   top: var(--icon-size);
   bottom: 0;
   left: calc(var(--icon-size) / 2 - 1px);
 }
-.step-finish .step-line[data-v-96b53094] {
+.step-finish .step-line[data-v-100f392a] {
   background: var(--success);
 }
-.step-content[data-v-96b53094] {
+.step-content[data-v-100f392a] {
   flex: 1;
   min-width: 0;
 }
-.steps-vertical .step-content[data-v-96b53094] {
+.steps-vertical .step-content[data-v-100f392a] {
   padding-top: 4px;
 }
-.step-title[data-v-96b53094] {
+.step-title[data-v-100f392a] {
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   margin-bottom: 2px;
   word-break: break-word;
 }
-.step-time[data-v-96b53094] {
+.step-time[data-v-100f392a] {
   font-size: 12px;
   line-height: 20px;
   margin-bottom: 2px;
   opacity: 0.65;
 }
-.step-finish .step-time[data-v-96b53094] {
+.step-finish .step-time[data-v-100f392a] {
   color: var(--success);
 }
-.step-description[data-v-96b53094] {
+.step-description[data-v-100f392a] {
   font-size: 12px;
   line-height: 20px;
   opacity: 0.65;
 }
-.step-wait .step-title[data-v-96b53094] {
+.step-wait .step-title[data-v-100f392a] {
   opacity: 0.65;
 }
-.step-process .step-title[data-v-96b53094] {
+.step-process .step-title[data-v-100f392a] {
   color: var(--primary);
   font-weight: 600;
 }
-.step-error .step-title[data-v-96b53094] {
+.step-error .step-title[data-v-100f392a] {
   color: var(--error);
 }
-.step-clickable[data-v-96b53094] {
+.step-clickable[data-v-100f392a] {
   cursor: pointer;
 }
-.step-clickable:hover .step-icon[data-v-96b53094] {
+.step-clickable:hover .step-icon[data-v-100f392a] {
   transform: scale(1.05);
 }
-.step-clickable:not(.step-process):hover .step-icon[data-v-96b53094] {
+.step-clickable:not(.step-process):hover .step-icon[data-v-100f392a] {
   background: var(--bg-hover);
 }
-.step-clickable:hover .step-title[data-v-96b53094] {
+.step-clickable:hover .step-title[data-v-100f392a] {
   color: var(--primary);
 }
 @media (max-width: 768px) {
-.steps-horizontal[data-v-96b53094] {
+.steps-horizontal[data-v-100f392a] {
     flex-wrap: wrap;
 }
-.steps-horizontal .step-item[data-v-96b53094] {
+.steps-horizontal .step-item[data-v-100f392a] {
     flex: 0 0 50%;
     margin-bottom: 24px;
 }
-.steps-horizontal .step-line[data-v-96b53094] {
+.steps-horizontal .step-line[data-v-100f392a] {
     display: none;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.step-icon[data-v-96b53094],
-  .step-line[data-v-96b53094] {
+.step-icon[data-v-100f392a],
+  .step-line[data-v-100f392a] {
     transition: none;
 }
 }
 
-/*# sourceMappingURL=C_Steps-BHYNJI1l.css.map*/
+/*# sourceMappingURL=C_Steps-Bk1krgiR.css.map*/

package/dist/C_Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Steps.js","names":["direction","connected","steps","clickable"],"sources":["../src/components/C_Steps/index.vue","../src/components/C_Steps/index.vue","../src/components/C_Steps/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"ylBE0EE,IAAM,EAAQ,EAiBR,EAAO,EAKP,EAAa,GACb,EAAM,MAAM,GAAO,OACd,EAAM,MAAM,GAAO,OAExB,EAAQ,EAAM,QAAgB,SAC9B,IAAU,EAAM,QAAgB,UAC7B,OAGH,EAAe,GAAkB,CACjC,CAAC,EAAM,WAAa,EAAM,MAAM,GAAO,WAC3C,EAAK,iBAAkB,EAAM,CAC7B,EAAK,SAAU,EAAM,4DAlDjB,MAAA,CAjDJ,OAAA,EAAA,EAAA,gBAAK,CAAC,UAAS,CAAA,SACGA,EAAAA,YAAS,CAAA,kBAAyBC,EAAAA,UAAS,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA+CvD,EAAA,SAAA,MAAA,EAAA,EAAA,YA5CoBC,EAAAA,OAAhB,EAAM,gDA4CV,MAAA,CA3CH,IAAK,EACN,OAAA,EAAA,EAAA,gBAAK,CAAC,YAAW,CAAA,QACU,EAAU,EAAK,GAAA,CAAA,iBAAkCC,EAAAA,WAAS,CAAK,EAAK,SAAQ,CAAA,CAAA,CAAA,CAItG,QAAK,GAAE,EAAY,EAAK,4BAsBnB,MApBN,EAoBM,EAAA,EAAA,EAAA,oBALE,MAdN,EAcM,CAZI,EAAK,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAER,IAAA,OADF,OAAA,EAAA,EAAA,gBAAO,EAAK,KAAI,WAGN,EAAU,EAAK,GAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEvB,IAHL,EAGK,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIgC,OAHrC,GAAA,EAAA,EAAA,iBAGM,EAAK,EAAA,CAAA,EAAA,EAAA,CAAA,CAIL,EAAQD,EAAAA,MAAM,OAAM,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAE1B,MAHF,EAGE,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA,oBAeE,MAbN,EAaM,0BAZ0C,MAA9C,GAAA,EAAA,EAAA,iBAA2B,EAAK,MAAK,CAAA,EAAA,CAE7B,EAAK,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEqB,MAHlC,GAAA,EAAA,EAAA,iBAGM,EAAK,KAAI,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAGP,EAAK,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIP,MALN,GAAA,EAAA,EAAA,iBAIK,EAAK,YAAW,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA"}
+{"version":3,"file":"C_Steps.js","names":[],"sources":["../src/components/C_Steps/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 步骤条组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-steps\"\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\n  >\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"index\"\n      class=\"step-item\"\n      :class=\"[\n        `step-${getStatus(index)}`,\n        { 'step-clickable': clickable && !step.disabled },\n      ]\"\n      @click=\"handleClick(index)\"\n    >\n      <div class=\"step-indicator\">\n        <div class=\"step-icon\">\n          <i\n            v-if=\"step.icon\"\n            :class=\"step.icon\"\n          ></i>\n          <i\n            v-else-if=\"getStatus(index) === 'finish'\"\n            class=\"i-mdi:check\"\n          ></i>\n          <span\n            v-else\n            class=\"step-index\"\n            >{{ index + 1 }}</span\n          >\n        </div>\n        <div\n          v-if=\"index < steps.length - 1\"\n          class=\"step-line\"\n        />\n      </div>\n      <div class=\"step-content\">\n        <div class=\"step-title\">{{ step.title }}</div>\n        <div\n          v-if=\"step.time\"\n          class=\"step-time\"\n          >{{ step.time }}</div\n        >\n        <div\n          v-if=\"step.description\"\n          class=\"step-description\"\n        >\n          {{ step.description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  defineOptions({ name: 'C_Steps' })\n\n  export interface StepItem {\n    title: string\n    description?: string\n    time?: string\n    icon?: string\n    status?: 'wait' | 'process' | 'finish' | 'error'\n    disabled?: boolean\n    detail?: string\n  }\n\n  const props = withDefaults(\n    defineProps<{\n      steps: StepItem[]\n      current?: number\n      direction?: 'horizontal' | 'vertical'\n      clickable?: boolean\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\n      connected?: boolean\n    }>(),\n    {\n      current: 0,\n      direction: 'horizontal',\n      clickable: false,\n      connected: false,\n    }\n  )\n\n  const emit = defineEmits<{\n    'update:current': [number]\n    change: [number]\n  }>()\n\n  const getStatus = (index: number) => {\n    if (props.steps[index].status) {\n      return props.steps[index].status\n    }\n    if (index < props.current) return 'finish'\n    if (index === props.current) return 'process'\n    return 'wait'\n  }\n\n  const handleClick = (index: number) => {\n    if (!props.clickable || props.steps[index].disabled) return\n    emit('update:current', index)\n    emit('change', index)\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"qlBA0EE,IAAM,EAAQ,EAiBR,EAAO,EAKP,EAAa,GACb,EAAM,MAAM,GAAO,OACd,EAAM,MAAM,GAAO,OAExB,EAAQ,EAAM,QAAgB,SAC9B,IAAU,EAAM,QAAgB,UAC7B,OAGH,EAAe,GAAkB,CACjC,CAAC,EAAM,WAAa,EAAM,MAAM,GAAO,WAC3C,EAAK,iBAAkB,EAAK,CAC5B,EAAK,SAAU,EAAK,4DAlDjB,MAAA,CAjDH,OAAA,EAAA,EAAA,gBAAK,CAAC,UAAQ,CAAA,SACI,EAAA,YAAS,CAAA,kBAAyB,EAAA,UAAS,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA+CxD,EAAA,SAAA,MAAA,EAAA,EAAA,YA5CqB,EAAA,OAAhB,EAAM,gDA4CX,MAAA,CA3CF,IAAK,EACN,OAAA,EAAA,EAAA,gBAAK,CAAC,YAAU,CAAA,QACR,EAAA,EAAA,GAAA,CAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,SAAA,CAAA,CAAA,CAAA,CAIP,QAAK,GAAE,EAAY,EAAK,4BAsBpB,MApBL,EAoBK,EAAA,EAAA,EAAA,oBALE,MAdL,EAcK,CAZK,EAAK,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAET,IAAA,OADD,OAAA,EAAA,EAAA,gBAAO,EAAK,KAAI,WAGN,EAAU,EAAK,GAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAExB,IAHJ,EAGI,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKJ,OAJA,GAAA,EAAA,EAAA,iBAGM,EAAK,EAAA,CAAA,EAAA,EAAA,CAAA,CAIL,EAAQ,EAAA,MAAM,OAAM,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAE3B,MAHD,EAGC,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA,oBAeE,MAbL,EAaK,0BAZ0C,MAA7C,GAAA,EAAA,EAAA,iBAA2B,EAAK,MAAK,CAAA,EAAA,CAE7B,EAAK,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAGb,MAJA,GAAA,EAAA,EAAA,iBAGM,EAAK,KAAI,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAGP,EAAK,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIR,MALL,GAAA,EAAA,EAAA,iBAIK,EAAK,YAAW,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA"}

package/dist/C_Steps2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderList as c,toDisplayString as l}from"vue";const u=[`onClick`],d={class:`step-indicator`},f={class:`step-icon`},p={key:1,class:`i-mdi:check`},m={key:2,class:`step-index`},h={key:0,class:`step-line`},g={class:`step-content`},_={class:`step-title`},v={key:0,class:`step-time`},y={key:1,class:`step-description`};var b=e(a({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:a}){let b=e,x=a,S=e=>b.steps[e].status?b.steps[e].status:e<b.current?`finish`:e===b.current?`process`:`wait`,C=e=>{!b.clickable||b.steps[e].disabled||(x(`update:current`,e),x(`change`,e))};return(e,a)=>(s(),r(`div`,{class:o([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[(s(!0),r(t,null,c(e.steps,(t,a)=>(s(),r(`div`,{key:a,class:o([`step-item`,[`step-${S(a)}`,{"step-clickable":e.clickable&&!t.disabled}]]),onClick:e=>C(a)},[i(`div`,d,[i(`div`,f,[t.icon?(s(),r(`i`,{key:0,class:o(t.icon)},null,2)):S(a)===`finish`?(s(),r(`i`,p)):(s(),r(`span`,m,l(a+1),1))]),a<e.steps.length-1?(s(),r(`div`,h)):n(`v-if`,!0)]),i(`div`,g,[i(`div`,_,l(t.title),1),t.time?(s(),r(`div`,v,l(t.time),1)):n(`v-if`,!0),t.description?(s(),r(`div`,y,l(t.description),1)):n(`v-if`,!0)])],10,u))),128))],2))}}),[[`__scopeId`,`data-v-96b53094`]]);export{b as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderList as c,toDisplayString as l}from"vue";const u=[`onClick`],d={class:`step-indicator`},f={class:`step-icon`},p={key:1,class:`i-mdi:check`},m={key:2,class:`step-index`},h={key:0,class:`step-line`},g={class:`step-content`},_={class:`step-title`},v={key:0,class:`step-time`},y={key:1,class:`step-description`};var b=e(a({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:a}){let b=e,x=a,S=e=>b.steps[e].status?b.steps[e].status:e<b.current?`finish`:e===b.current?`process`:`wait`,C=e=>{!b.clickable||b.steps[e].disabled||(x(`update:current`,e),x(`change`,e))};return(e,a)=>(s(),r(`div`,{class:o([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[(s(!0),r(t,null,c(e.steps,(t,a)=>(s(),r(`div`,{key:a,class:o([`step-item`,[`step-${S(a)}`,{"step-clickable":e.clickable&&!t.disabled}]]),onClick:e=>C(a)},[i(`div`,d,[i(`div`,f,[t.icon?(s(),r(`i`,{key:0,class:o(t.icon)},null,2)):S(a)===`finish`?(s(),r(`i`,p)):(s(),r(`span`,m,l(a+1),1))]),a<e.steps.length-1?(s(),r(`div`,h)):n(`v-if`,!0)]),i(`div`,g,[i(`div`,_,l(t.title),1),t.time?(s(),r(`div`,v,l(t.time),1)):n(`v-if`,!0),t.description?(s(),r(`div`,y,l(t.description),1)):n(`v-if`,!0)])],10,u))),128))],2))}}),[[`__scopeId`,`data-v-100f392a`]]);export{b as t};
 //# sourceMappingURL=C_Steps2.js.map

package/dist/C_Steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Steps2.js","names":["direction","connected","steps","clickable"],"sources":["../src/components/C_Steps/index.vue","../src/components/C_Steps/index.vue","../src/components/C_Steps/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 步骤条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-steps\"\r\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\r\n  >\r\n    <div\r\n      v-for=\"(step, index) in steps\"\r\n      :key=\"index\"\r\n      class=\"step-item\"\r\n      :class=\"[\r\n        `step-${getStatus(index)}`,\r\n        { 'step-clickable': clickable && !step.disabled },\r\n      ]\"\r\n      @click=\"handleClick(index)\"\r\n    >\r\n      <div class=\"step-indicator\">\r\n        <div class=\"step-icon\">\r\n          <i\r\n            v-if=\"step.icon\"\r\n            :class=\"step.icon\"\r\n          ></i>\r\n          <i\r\n            v-else-if=\"getStatus(index) === 'finish'\"\r\n            class=\"i-mdi:check\"\r\n          ></i>\r\n          <span\r\n            v-else\r\n            class=\"step-index\"\r\n            >{{ index + 1 }}</span\r\n          >\r\n        </div>\r\n        <div\r\n          v-if=\"index < steps.length - 1\"\r\n          class=\"step-line\"\r\n        />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div\r\n          v-if=\"step.time\"\r\n          class=\"step-time\"\r\n          >{{ step.time }}</div\r\n        >\r\n        <div\r\n          v-if=\"step.description\"\r\n          class=\"step-description\"\r\n        >\r\n          {{ step.description }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  defineOptions({ name: 'C_Steps' })\r\n\r\n  export interface StepItem {\r\n    title: string\r\n    description?: string\r\n    time?: string\r\n    icon?: string\r\n    status?: 'wait' | 'process' | 'finish' | 'error'\r\n    disabled?: boolean\r\n    detail?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      steps: StepItem[]\r\n      current?: number\r\n      direction?: 'horizontal' | 'vertical'\r\n      clickable?: boolean\r\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\r\n      connected?: boolean\r\n    }>(),\r\n    {\r\n      current: 0,\r\n      direction: 'horizontal',\r\n      clickable: false,\r\n      connected: false,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:current': [number]\r\n    change: [number]\r\n  }>()\r\n\r\n  const getStatus = (index: number) => {\r\n    if (props.steps[index].status) {\r\n      return props.steps[index].status\r\n    }\r\n    if (index < props.current) return 'finish'\r\n    if (index === props.current) return 'process'\r\n    return 'wait'\r\n  }\r\n\r\n  const handleClick = (index: number) => {\r\n    if (!props.clickable || props.steps[index].disabled) return\r\n    emit('update:current', index)\r\n    emit('change', index)\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"iuBE0EE,IAAM,EAAQ,EAiBR,EAAO,EAKP,EAAa,GACb,EAAM,MAAM,GAAO,OACd,EAAM,MAAM,GAAO,OAExB,EAAQ,EAAM,QAAgB,SAC9B,IAAU,EAAM,QAAgB,UAC7B,OAGH,EAAe,GAAkB,CACjC,CAAC,EAAM,WAAa,EAAM,MAAM,GAAO,WAC3C,EAAK,iBAAkB,EAAM,CAC7B,EAAK,SAAU,EAAM,qBApGvB,EAkDM,MAAA,CAjDJ,MAAK,EAAA,CAAC,UAAS,CAAA,SACGA,EAAAA,YAAS,CAAA,kBAAyBC,EAAAA,UAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,CAE7D,EA6CM,EAAA,KAAA,EA5CoBC,EAAAA,OAAhB,EAAM,SADhB,EA6CM,MAAA,CA3CH,IAAK,EACN,MAAK,EAAA,CAAC,YAAW,CAAA,QACU,EAAU,EAAK,GAAA,CAAA,iBAAkCC,EAAAA,WAAS,CAAK,EAAK,SAAQ,CAAA,CAAA,CAAA,CAItG,QAAK,GAAE,EAAY,EAAK,GAEzB,EAoBM,MApBN,EAoBM,CAnBJ,EAcM,MAdN,EAcM,CAZI,EAAK,MAAA,GAAA,CADb,EAGK,IAAA,OADF,MAAK,EAAE,EAAK,KAAI,WAGN,EAAU,EAAK,GAAA,UAAA,GAAA,CAD5B,EAGK,IAHL,EAGK,GAAA,GAAA,CACL,EAGqC,OAHrC,EAGqC,EAA/B,EAAK,EAAA,CAAA,EAAA,EAAA,CAAA,CAIL,EAAQD,EAAAA,MAAM,OAAM,GAAA,GAAA,CAD5B,EAGE,MAHF,EAGE,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,CAEJ,EAaM,MAbN,EAaM,CAZJ,EAA8C,MAA9C,EAA8C,EAAnB,EAAK,MAAK,CAAA,EAAA,CAE7B,EAAK,MAAA,GAAA,CADb,EAGkC,MAHlC,EAGkC,EAA5B,EAAK,KAAI,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CAGP,EAAK,aAAA,GAAA,CADb,EAKM,MALN,EAKM,EADD,EAAK,YAAW,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA"}
+{"version":3,"file":"C_Steps2.js","names":[],"sources":["../src/components/C_Steps/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 步骤条组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-steps\"\n    :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\"\n  >\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"index\"\n      class=\"step-item\"\n      :class=\"[\n        `step-${getStatus(index)}`,\n        { 'step-clickable': clickable && !step.disabled },\n      ]\"\n      @click=\"handleClick(index)\"\n    >\n      <div class=\"step-indicator\">\n        <div class=\"step-icon\">\n          <i\n            v-if=\"step.icon\"\n            :class=\"step.icon\"\n          ></i>\n          <i\n            v-else-if=\"getStatus(index) === 'finish'\"\n            class=\"i-mdi:check\"\n          ></i>\n          <span\n            v-else\n            class=\"step-index\"\n            >{{ index + 1 }}</span\n          >\n        </div>\n        <div\n          v-if=\"index < steps.length - 1\"\n          class=\"step-line\"\n        />\n      </div>\n      <div class=\"step-content\">\n        <div class=\"step-title\">{{ step.title }}</div>\n        <div\n          v-if=\"step.time\"\n          class=\"step-time\"\n          >{{ step.time }}</div\n        >\n        <div\n          v-if=\"step.description\"\n          class=\"step-description\"\n        >\n          {{ step.description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  defineOptions({ name: 'C_Steps' })\n\n  export interface StepItem {\n    title: string\n    description?: string\n    time?: string\n    icon?: string\n    status?: 'wait' | 'process' | 'finish' | 'error'\n    disabled?: boolean\n    detail?: string\n  }\n\n  const props = withDefaults(\n    defineProps<{\n      steps: StepItem[]\n      current?: number\n      direction?: 'horizontal' | 'vertical'\n      clickable?: boolean\n      /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/\n      connected?: boolean\n    }>(),\n    {\n      current: 0,\n      direction: 'horizontal',\n      clickable: false,\n      connected: false,\n    }\n  )\n\n  const emit = defineEmits<{\n    'update:current': [number]\n    change: [number]\n  }>()\n\n  const getStatus = (index: number) => {\n    if (props.steps[index].status) {\n      return props.steps[index].status\n    }\n    if (index < props.current) return 'finish'\n    if (index === props.current) return 'process'\n    return 'wait'\n  }\n\n  const handleClick = (index: number) => {\n    if (!props.clickable || props.steps[index].disabled) return\n    emit('update:current', index)\n    emit('change', index)\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"iuBA0EE,IAAM,EAAQ,EAiBR,EAAO,EAKP,EAAa,GACb,EAAM,MAAM,GAAO,OACd,EAAM,MAAM,GAAO,OAExB,EAAQ,EAAM,QAAgB,SAC9B,IAAU,EAAM,QAAgB,UAC7B,OAGH,EAAe,GAAkB,CACjC,CAAC,EAAM,WAAa,EAAM,MAAM,GAAO,WAC3C,EAAK,iBAAkB,EAAK,CAC5B,EAAK,SAAU,EAAK,qBApGtB,EAkDK,MAAA,CAjDH,MAAK,EAAA,CAAC,UAAQ,CAAA,SACI,EAAA,YAAS,CAAA,kBAAyB,EAAA,UAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,CAE7D,EA6CK,EAAA,KAAA,EA5CqB,EAAA,OAAhB,EAAM,SADhB,EA6CK,MAAA,CA3CF,IAAK,EACN,MAAK,EAAA,CAAC,YAAU,CAAA,QACR,EAAA,EAAA,GAAA,CAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,SAAA,CAAA,CAAA,CAAA,CAIP,QAAK,GAAE,EAAY,EAAK,GAEzB,EAoBK,MApBL,EAoBK,CAnBH,EAcK,MAdL,EAcK,CAZK,EAAK,MAAA,GAAA,CADb,EAGI,IAAA,OADD,MAAK,EAAE,EAAK,KAAI,WAGN,EAAU,EAAK,GAAA,UAAA,GAAA,CAD5B,EAGI,IAHJ,EAGI,GAAA,GAAA,CACJ,EAIA,OAJA,EAIA,EADM,EAAK,EAAA,CAAA,EAAA,EAAA,CAAA,CAIL,EAAQ,EAAA,MAAM,OAAM,GAAA,GAAA,CAD5B,EAGC,MAHD,EAGC,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,CAEH,EAaK,MAbL,EAaK,CAZH,EAA6C,MAA7C,EAA6C,EAAlB,EAAK,MAAK,CAAA,EAAA,CAE7B,EAAK,MAAA,GAAA,CADb,EAIA,MAJA,EAIA,EADM,EAAK,KAAI,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CAGP,EAAK,aAAA,GAAA,CADb,EAKK,MALL,EAKK,EADA,EAAK,YAAW,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA"}

package/dist/C_Table.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`),require(`./C_Editor.js`),require(`./C_Form.js`);const e=require(`./C_Table.js`);exports.C_Table=e.t,exports.TABLE_GLOBAL_CONFIG_KEY=e.o,exports.applyFormatter=e.s,exports.createEditModeChecker=e.b,exports.exportTableData=e.n,exports.mergeGlobalConfig=e.c,exports.printPresets=e.m,exports.resolveConfig=e.x,exports.useCellEdit=e.v,exports.useCrossPageSelection=e.r,exports.useDynamicRows=e.p,exports.useModalEdit=e._,exports.usePagination=e.d,exports.usePrintWatermark=e.h,exports.useRowDrag=e.i,exports.useRowEdit=e.y,exports.useTableActions=e.u,exports.useTableColumns=e.a,exports.useTableExpand=e.g,exports.useTableGlobalConfig=e.l,exports.useTableManager=e.f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Editor.js`),require(`./C_Form.js`);const e=require(`./C_Table.js`);exports.C_Table=e.t,exports.TABLE_GLOBAL_CONFIG_KEY=e.o,exports.applyFormatter=e.s,exports.createEditModeChecker=e.b,exports.exportTableData=e.n,exports.mergeGlobalConfig=e.c,exports.printPresets=e.m,exports.resolveConfig=e.x,exports.useCellEdit=e.v,exports.useCrossPageSelection=e.r,exports.useDynamicRows=e.p,exports.useModalEdit=e._,exports.usePagination=e.d,exports.usePrintWatermark=e.h,exports.useRowDrag=e.i,exports.useRowEdit=e.y,exports.useTableActions=e.u,exports.useTableColumns=e.a,exports.useTableExpand=e.g,exports.useTableGlobalConfig=e.l,exports.useTableManager=e.f;

package/dist/C_Table.js

@@ -1 +1 @@
-import"./C_Icon2.js";import"./C_Editor2.js";import"./C_Form2.js";import{_ as e,a as t,b as n,c as r,d as i,f as a,g as o,h as s,i as c,l,m as u,n as d,o as f,p,r as m,s as h,t as g,u as _,v,x as y,y as b}from"./C_Table2.js";export{g as C_Table,f as TABLE_GLOBAL_CONFIG_KEY,h as applyFormatter,n as createEditModeChecker,d as exportTableData,r as mergeGlobalConfig,u as printPresets,y as resolveConfig,v as useCellEdit,m as useCrossPageSelection,p as useDynamicRows,e as useModalEdit,i as usePagination,s as usePrintWatermark,c as useRowDrag,b as useRowEdit,_ as useTableActions,t as useTableColumns,o as useTableExpand,l as useTableGlobalConfig,a as useTableManager};
+import"./C_Editor2.js";import"./C_Form2.js";import{_ as e,a as t,b as n,c as r,d as i,f as a,g as o,h as s,i as c,l,m as u,n as d,o as f,p,r as m,s as h,t as g,u as _,v,x as y,y as b}from"./C_Table2.js";export{g as C_Table,f as TABLE_GLOBAL_CONFIG_KEY,h as applyFormatter,n as createEditModeChecker,d as exportTableData,r as mergeGlobalConfig,u as printPresets,y as resolveConfig,v as useCellEdit,m as useCrossPageSelection,p as useDynamicRows,e as useModalEdit,i as usePagination,s as usePrintWatermark,c as useRowDrag,b as useRowEdit,_ as useTableActions,t as useTableColumns,o as useTableExpand,l as useTableGlobalConfig,a as useTableManager};