@robot-admin/naive-ui-components 0.6.12 → 0.6.14

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}},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}`]])},[(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-ecd7bf0c`]]);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-96b53094`]]);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","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 class=\"c-steps\" :class=\"[`steps-${direction}`]\">\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 v-if=\"step.icon\" :class=\"step.icon\"></i>\r\n          <i v-else-if=\"getStatus(index) === 'finish'\" class=\"i-mdi:check\"></i>\r\n          <span v-else class=\"step-index\">{{ index + 1 }}</span>\r\n        </div>\r\n        <div v-if=\"index < steps.length - 1\" class=\"step-line\" />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div v-if=\"step.time\" class=\"step-time\">{{ step.time }}</div>\r\n        <div v-if=\"step.description\" class=\"step-description\">\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\ndefineOptions({ name: \"C_Steps\" });\r\n\r\nexport 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\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps: StepItem[];\r\n    current?: number;\r\n    direction?: \"horizontal\" | \"vertical\";\r\n    clickable?: boolean;\r\n  }>(),\r\n  {\r\n    current: 0,\r\n    direction: \"horizontal\",\r\n    clickable: false,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:current\": [number];\r\n  change: [number];\r\n}>();\r\n\r\nconst 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\nconst 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 class=\"c-steps\" :class=\"[`steps-${direction}`]\">\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 v-if=\"step.icon\" :class=\"step.icon\"></i>\r\n          <i v-else-if=\"getStatus(index) === 'finish'\" class=\"i-mdi:check\"></i>\r\n          <span v-else class=\"step-index\">{{ index + 1 }}</span>\r\n        </div>\r\n        <div v-if=\"index < steps.length - 1\" class=\"step-line\" />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div v-if=\"step.time\" class=\"step-time\">{{ step.time }}</div>\r\n        <div v-if=\"step.description\" class=\"step-description\">\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\ndefineOptions({ name: \"C_Steps\" });\r\n\r\nexport 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\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps: StepItem[];\r\n    current?: number;\r\n    direction?: \"horizontal\" | \"vertical\";\r\n    clickable?: boolean;\r\n  }>(),\r\n  {\r\n    current: 0,\r\n    direction: \"horizontal\",\r\n    clickable: false,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:current\": [number];\r\n  change: [number];\r\n}>();\r\n\r\nconst 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\nconst 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 class=\"c-steps\" :class=\"[`steps-${direction}`]\">\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 v-if=\"step.icon\" :class=\"step.icon\"></i>\r\n          <i v-else-if=\"getStatus(index) === 'finish'\" class=\"i-mdi:check\"></i>\r\n          <span v-else class=\"step-index\">{{ index + 1 }}</span>\r\n        </div>\r\n        <div v-if=\"index < steps.length - 1\" class=\"step-line\" />\r\n      </div>\r\n      <div class=\"step-content\">\r\n        <div class=\"step-title\">{{ step.title }}</div>\r\n        <div v-if=\"step.time\" class=\"step-time\">{{ step.time }}</div>\r\n        <div v-if=\"step.description\" class=\"step-description\">\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\ndefineOptions({ name: \"C_Steps\" });\r\n\r\nexport 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\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps: StepItem[];\r\n    current?: number;\r\n    direction?: \"horizontal\" | \"vertical\";\r\n    clickable?: boolean;\r\n  }>(),\r\n  {\r\n    current: 0,\r\n    direction: \"horizontal\",\r\n    clickable: false,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:current\": [number];\r\n  change: [number];\r\n}>();\r\n\r\nconst 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\nconst 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":"6rBEmDA,IAAM,EAAQ,EAcR,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,qBA1ErB,EA2BM,MAAA,CA3BD,MAAK,EAAA,CAAC,UAAS,CAAA,SAAmBA,EAAAA,YAAS,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,CAC9C,EAyBM,EAAA,KAAA,EAxBoBC,EAAAA,OAAhB,EAAM,SADhB,EAyBM,MAAA,CAvBH,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,EAOM,MAPN,EAOM,CANJ,EAIM,MAJN,EAIM,CAHK,EAAK,MAAA,GAAA,CAAd,EAA2C,IAAA,OAAtB,MAAK,EAAE,EAAK,KAAI,WACvB,EAAU,EAAK,GAAA,UAAA,GAAA,CAA7B,EAAqE,IAArE,EAAqE,GAAA,GAAA,CACrE,EAAsD,OAAtD,EAAsD,EAAnB,EAAK,EAAA,CAAA,EAAA,EAAA,CAAA,CAE/B,EAAQD,EAAAA,MAAM,OAAM,GAAA,GAAA,CAA/B,EAAyD,MAAzD,EAAyD,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,CAE3D,EAMM,MANN,EAMM,CALJ,EAA8C,MAA9C,EAA8C,EAAnB,EAAK,MAAK,CAAA,EAAA,CAC1B,EAAK,MAAA,GAAA,CAAhB,EAA6D,MAA7D,EAA6D,EAAlB,EAAK,KAAI,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CACzC,EAAK,aAAA,GAAA,CAAhB,EAEM,MAFN,EAEM,EADD,EAAK,YAAW,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA"}
+{"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"}

package/dist/constants2.d.ts

@@ -121,9 +121,9 @@ declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEdito
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
   height: string | number;
+  placeholder: string;
   disabled: boolean;
   modelValue: string;
-  placeholder: string;
   showPreview: boolean;
   variables: FormulaVariable[];
   functions: FormulaFunction[];

package/dist/constants3.d.ts

@@ -168,11 +168,11 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   onNewMessage?: ((message: NotificationMessage) => any) | undefined;
   onNavigate?: ((url: string) => any) | undefined;
 }>, {
-  pageSize: number;
   storageKey: string;
   desktopNotification: boolean;
   maxBadgeCount: number;
   pollingInterval: number;
+  pageSize: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/constants4.d.ts

@@ -197,30 +197,30 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (file: UploadFileItem, error: Error) => any;
-  success: (file: UploadFileItem, response: any) => any;
   change: (fileList: UploadFileItem[]) => any;
+  success: (file: UploadFileItem, response: any) => any;
   progress: (file: UploadFileItem, percent: number) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
   onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
-  onSuccess?: ((file: UploadFileItem, response: any) => any) | undefined;
   onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
+  onSuccess?: ((file: UploadFileItem, response: any) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  data: Record<string, any>;
   disabled: boolean;
   multiple: boolean;
+  data: Record<string, any>;
+  maxSize: number;
   draggable: boolean;
   action: string;
   headers: Record<string, string>;
   directory: boolean;
   accept: string;
-  maxSize: number;
   maxCount: number;
   pasteable: boolean;
   chunked: boolean;

package/dist/constants5.d.ts

@@ -260,8 +260,8 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (error: Error) => any;
-  ready: () => any;
   ended: () => any;
+  ready: () => any;
   stateChange: (state: PlayerState) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
   qualityChange: (quality: QualityLevel) => any;
@@ -273,8 +273,8 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   progressUpdate: (data: ProgressData) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
-  onReady?: (() => any) | undefined;
   onEnded?: (() => any) | undefined;
+  onReady?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onTimeUpdate?: ((currentTime: number, duration: number) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;

package/dist/data.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onMarkerClick?: ((marker: MapMarker$1, event: any) => any) | undefined;
 }>, {
   height: string;
-  center: [number, number];
   zoom: number;
+  center: [number, number];
   markers: MapMarker$1[];
   amapKey: string;
   mapType: "osm" | "amap";

package/dist/index10.vue.d.ts

@@ -33,12 +33,12 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onClick?: ((event: MouseEvent) => any) | undefined;
   onFullscreen?: ((isFullscreen: boolean) => any) | undefined;
 }>, {
+  trim: boolean;
+  wordWrap: boolean;
   code: string;
   language: string;
   showHeader: boolean;
   showLineNumbers: boolean;
-  wordWrap: boolean;
-  trim: boolean;
   showFullscreen: boolean;
   autoLoadLanguage: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index12.vue.d.ts

@@ -1,9 +1,9 @@
 import * as vue from "vue";
 
 //#region src/components/C_Date/index.vue.d.ts
-type DatePickerMode = "date" | "datetime" | "daterange" | "datetimerange" | "smart-range";
-type DateValue = number | null;
-type DateRangeValue = [number, number] | null;
+type DatePickerMode = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'smart-range';
+type DateValue = string | null;
+type DateRangeValue = [string, string] | null;
 interface Props {
   mode?: DatePickerMode;
   placeholder?: string;
@@ -15,40 +15,44 @@ interface Props {
   valueFormat?: string;
   startDateProps?: Record<string, any>;
   endDateProps?: Record<string, any>;
+  singleDate?: DateValue;
+  singleDateTime?: DateValue;
+  dateRange?: DateRangeValue;
+  dateTimeRange?: DateRangeValue;
+  smartRange?: DateRangeValue;
 }
 declare const __VLS_export: vue.DefineComponent<Props, {
-  singleDate: vue.Ref<DateValue, DateValue>;
-  singleDateTime: vue.Ref<DateValue, DateValue>;
-  dateRange: vue.Ref<DateRangeValue, DateRangeValue>;
-  dateTimeRange: vue.Ref<DateRangeValue, DateRangeValue>;
-  startDate: vue.Ref<DateValue, DateValue>;
-  endDate: vue.Ref<DateValue, DateValue>;
   clearAll: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  change: (value: number | [number, number] | null) => any;
   "update:singleDate": (value: DateValue) => any;
   "update:singleDateTime": (value: DateValue) => any;
   "update:dateRange": (value: DateRangeValue) => any;
   "update:dateTimeRange": (value: DateRangeValue) => any;
   "update:smartRange": (value: DateRangeValue) => any;
+  change: (value: string | [string, string] | null) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onChange?: ((value: number | [number, number] | null) => any) | undefined;
   "onUpdate:singleDate"?: ((value: DateValue) => any) | undefined;
   "onUpdate:singleDateTime"?: ((value: DateValue) => any) | undefined;
   "onUpdate:dateRange"?: ((value: DateRangeValue) => any) | undefined;
   "onUpdate:dateTimeRange"?: ((value: DateRangeValue) => any) | undefined;
   "onUpdate:smartRange"?: ((value: DateRangeValue) => any) | undefined;
+  onChange?: ((value: string | [string, string] | null) => any) | undefined;
 }>, {
-  disabled: boolean;
-  placeholder: string;
   mode: DatePickerMode;
+  placeholder: string;
   startPlaceholder: string;
   endPlaceholder: string;
+  disabled: boolean;
   disabledBeforeToday: boolean;
   disabledAfterToday: boolean;
   valueFormat: string;
   startDateProps: Record<string, any>;
   endDateProps: Record<string, any>;
+  singleDate: DateValue;
+  singleDateTime: DateValue;
+  dateRange: DateRangeValue;
+  dateTimeRange: DateRangeValue;
+  smartRange: DateRangeValue;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index13.vue.d.ts

@@ -29,11 +29,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onEditor-change"?: ((html: string) => any) | undefined;
 }>, {
   height: number;
-  readonly: boolean;
-  theme: "light" | "dark";
+  placeholder: string;
   disabled: boolean;
+  theme: "light" | "dark";
   modelValue: string;
-  placeholder: string;
+  readonly: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index15.vue.d.ts

@@ -52,11 +52,11 @@ declare const __VLS_export: vue.DefineComponent<IconProps, {
   type: "iconify" | "unocss" | "component" | "svg" | "image";
   size: number | string;
   clickable: boolean;
-  title: string;
   name: string | any;
   color: string;
   loading: boolean;
   flip: "horizontal" | "vertical" | "both";
+  title: string;
   rotate: number;
   svgPath: string;
   viewBox: string;

package/dist/index17.vue.d.ts

@@ -99,8 +99,8 @@ declare const __VLS_base: vue.DefineComponent<LoginProps, {
   "onRegister-submit"?: ((data: RegisterFormData) => any) | undefined;
   "onRegister-send-code"?: ((phone: string) => any) | undefined;
 }>, {
-  title: string;
   loading: boolean;
+  title: string;
   storageKey: string;
   defaultUsername: string;
   defaultPassword: string;

package/dist/index18.vue.d.ts

@@ -59,10 +59,12 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onMax-length-exceeded"?: ((currentLength: number, maxLength: number) => any) | undefined;
 }>, {
   height: string | number;
+  mode: "edit" | "editable" | "preview";
+  placeholder: string;
   disabled: boolean;
   modelValue: string;
-  placeholder: string;
-  mode: "edit" | "editable" | "preview";
+  autoSave: boolean;
+  isDark: boolean;
   tocNavPosition: "left" | "right";
   defaultFullscreen: boolean;
   autofocus: boolean;
@@ -71,9 +73,7 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   rightToolbar: string;
   maxLength: number;
   showWordCount: boolean;
-  autoSave: boolean;
   autoSaveInterval: number;
-  isDark: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index2.vue.d.ts

@@ -70,12 +70,12 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onEnded?: ((index: number) => any) | undefined;
   onModeChange?: ((mode: string) => any) | undefined;
 }>, {
+  mode: "list" | "loop" | "single" | "shuffle";
   theme: "default" | "minimal";
   initialIndex: number;
   showPlaylist: boolean;
   showCover: boolean;
   autoplay: boolean;
-  mode: "list" | "loop" | "single" | "shuffle";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index20.vue.d.ts

@@ -35,8 +35,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Props> & Readonly<{}>, {
   status: "default" | "success" | "error" | "warning" | "info";
-  time: number;
   strokeWidth: number;
+  time: number;
   percentage: number | number[];
   isAnimation: boolean;
   indicatorPlacement: "inside" | "outside";

package/dist/index21.vue.d.ts

@@ -6,15 +6,16 @@ interface StepItem {
   description?: string;
   time?: string;
   icon?: string;
-  status?: "wait" | "process" | "finish" | "error";
+  status?: 'wait' | 'process' | 'finish' | 'error';
   disabled?: boolean;
   detail?: string;
 }
 type __VLS_Props = {
   steps: StepItem[];
   current?: number;
-  direction?: "horizontal" | "vertical";
-  clickable?: boolean;
+  direction?: 'horizontal' | 'vertical';
+  clickable?: boolean; /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/
+  connected?: boolean;
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (args_0: number) => any;
@@ -26,6 +27,7 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   clickable: boolean;
   direction: "horizontal" | "vertical";
   current: number;
+  connected: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index24.vue.d.ts

@@ -92,8 +92,8 @@ declare const __VLS_base: vue.DefineComponent<TimelineProps, {
 }>, {
   reverse: boolean;
   items: TimelineItem[];
-  size: "small" | "medium" | "large";
   mode: "vertical" | "horizontal";
+  size: "small" | "medium" | "large";
   labelPlacement: "left" | "right" | "alternate";
   pending: boolean;
   pendingText: string;

package/dist/index25.vue.d.ts

@@ -61,10 +61,10 @@ type __VLS_Props = {
   size?: TransferProps['size'];
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (targetKeys: (string | number)[], direction: "right" | "left", moveKeys: (string | number)[]) => any;
+  change: (targetKeys: (string | number)[], direction: "left" | "right", moveKeys: (string | number)[]) => any;
   "update:modelValue": (value: (string | number)[]) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onChange?: ((targetKeys: (string | number)[], direction: "right" | "left", moveKeys: (string | number)[]) => any) | undefined;
+  onChange?: ((targetKeys: (string | number)[], direction: "left" | "right", moveKeys: (string | number)[]) => any) | undefined;
   "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
 }>, {
   size: "small" | "medium" | "large";

package/dist/index26.vue.d.ts

@@ -648,11 +648,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onTaskChange?: ((task: GanttTask, changes: any) => any) | undefined;
 }>, {
   height: string | number;
-  data: GanttTask[];
-  showToolbar: boolean;
   theme: "light" | "dark";
-  title: string;
   options: GanttOptions;
+  data: GanttTask[];
+  title: string;
+  showToolbar: boolean;
   preset: GanttPreset;
   showFullscreenButton: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index6.vue.d.ts

@@ -18,26 +18,26 @@ declare const __VLS_export: vue.DefineComponent<CaptchaProps, {
   reset: () => void;
   show: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  change: (valid: boolean) => any;
   success: (data: {
     token: string;
     timestamp: number;
   }) => any;
   fail: (error: string) => any;
-  change: (valid: boolean) => any;
   reset: () => any;
 }, string, vue.PublicProps, Readonly<CaptchaProps> & Readonly<{
+  onChange?: ((valid: boolean) => any) | undefined;
   onSuccess?: ((data: {
     token: string;
     timestamp: number;
   }) => any) | undefined;
   onFail?: ((error: string) => any) | undefined;
-  onChange?: ((valid: boolean) => any) | undefined;
   onReset?: (() => any) | undefined;
 }>, {
-  theme: "light" | "dark";
+  disabled: boolean;
   triggerText: string;
   images: string[];
-  disabled: boolean;
+  theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index8.vue.d.ts

@@ -104,8 +104,8 @@ declare const __VLS_base: vue.DefineComponent<ChatProps, {
   "onEmoji-click"?: (() => any) | undefined;
   onResend?: ((msg: ChatMessage) => any) | undefined;
 }>, {
-  title: string;
   placeholder: string;
+  title: string;
   showContacts: boolean;
   showTimestamp: boolean;
   showSendBtn: boolean;