@robot-admin/naive-ui-components 0.6.13 → 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},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-33e608bb`]]);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","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 class=\"c-steps\" :class=\"[`steps-${direction}`, { 'steps-connected': connected }]\">\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    /** 水平模式下线条是否与图标紧密相连，默认 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\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}`, { 'steps-connected': connected }]\">\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    /** 水平模式下线条是否与图标紧密相连，默认 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\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}`, { 'steps-connected': connected }]\">\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    /** 水平模式下线条是否与图标紧密相连，默认 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\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":"iuBEmDA,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,qBA7ErB,EA2BM,MAAA,CA3BD,MAAK,EAAA,CAAC,UAAS,CAAA,SAAmBA,EAAAA,YAAS,CAAA,kBAAyBC,EAAAA,UAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,CAChF,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/constants.d.ts

@@ -110,20 +110,20 @@ declare const __VLS_export: vue.DefineComponent<CronProps, {
   reset: typeof handleReset;
   validate: () => CronValidation;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: CronValidation) => any;
 }, string, vue.PublicProps, Readonly<CronProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: CronValidation) => any) | undefined;
 }>, {
   height: string | number;
-  modelValue: string;
   disabled: boolean;
-  showPreview: boolean;
+  modelValue: string;
   previewCount: number;
   showTemplates: boolean;
+  showPreview: boolean;
   showSecond: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/constants2.d.ts

@@ -112,18 +112,18 @@ interface FormulaEditorExpose {
 //#endregion
 //#region src/components/C_FormulaEditor/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEditorExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "validation-change": (result: FormulaValidation) => any;
 }, string, vue.PublicProps, Readonly<FormulaEditorProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
   height: string | number;
-  modelValue: string;
-  disabled: boolean;
   placeholder: string;
+  disabled: boolean;
+  modelValue: string;
   showPreview: boolean;
   variables: FormulaVariable[];
   functions: FormulaFunction[];

package/dist/constants3.d.ts

@@ -217,7 +217,7 @@ declare function useNotificationCore(props: NotificationCenterProps): {
     actionText?: string | undefined;
     extra?: Record<string, unknown> | undefined;
   }[]>;
-  activeCategory: vue.Ref<NotificationCategory | "all", NotificationCategory | "all">;
+  activeCategory: vue.Ref<"all" | NotificationCategory, "all" | NotificationCategory>;
   loading: vue.Ref<boolean, boolean>;
   total: vue.Ref<number, number>;
   page: vue.Ref<number, number>;

package/dist/constants4.d.ts

@@ -212,11 +212,11 @@ declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {},
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  data: Record<string, any>;
   disabled: boolean;
   multiple: boolean;
-  draggable: boolean;
+  data: Record<string, any>;
   maxSize: number;
+  draggable: boolean;
   action: string;
   headers: Record<string, string>;
   directory: boolean;

package/dist/data.d.ts

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

package/dist/index10.vue.d.ts

@@ -25,20 +25,20 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   copyCode: typeof copyCode;
   toggleFullscreen: typeof toggleFullscreen;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  click: (event: MouseEvent) => any;
   copy: (code: string) => any;
+  click: (event: MouseEvent) => any;
   fullscreen: (isFullscreen: boolean) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
   onCopy?: ((code: string) => any) | undefined;
+  onClick?: ((event: MouseEvent) => any) | undefined;
   onFullscreen?: ((isFullscreen: boolean) => any) | undefined;
 }>, {
   trim: boolean;
+  wordWrap: boolean;
   code: string;
   language: string;
   showHeader: boolean;
   showLineNumbers: boolean;
-  wordWrap: boolean;
   showFullscreen: boolean;
   autoLoadLanguage: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index11.vue.d.ts

@@ -75,13 +75,13 @@ declare const __VLS_export: vue.DefineComponent<ContextMenuProps, {
   }) => any) | undefined;
   onClose?: (() => any) | undefined;
 }>, {
-  disabled: boolean;
   items: ContextMenuItem[];
+  disabled: boolean;
+  zIndex: number;
   minWidth: number;
   maxWidth: number;
   subMenuPlacement: "right" | "left";
   autoClose: boolean;
-  zIndex: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

package/dist/index15.vue.d.ts

@@ -52,18 +52,18 @@ declare const __VLS_export: vue.DefineComponent<IconProps, {
   type: "iconify" | "unocss" | "component" | "svg" | "image";
   size: number | string;
   clickable: boolean;
-  title: string;
-  loading: boolean;
   name: string | any;
   color: string;
+  loading: boolean;
   flip: "horizontal" | "vertical" | "both";
+  title: string;
+  rotate: number;
   svgPath: string;
   viewBox: string;
   alt: string;
   fallbackIcon: string;
   ariaLabel: string;
   customClass: string;
-  rotate: number;
   componentProps: Record<string, any>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index16.vue.d.ts

@@ -12,11 +12,11 @@ type __VLS_Props = {
   tooltip?: string;
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (key: string) => any;
   change: (key: string) => any;
+  "update:modelValue": (key: string) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  "onUpdate:modelValue"?: ((key: string) => any) | undefined;
   onChange?: ((key: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((key: string) => any) | undefined;
 }>, {
   modelValue: string;
   options: LanguageOption[];

package/dist/index17.vue.d.ts

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

package/dist/index18.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   insertText: (text: string) => void;
   wordCount: vue.ComputedRef<number>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (text: string, html: string) => any;
+  "update:modelValue": (value: string) => any;
   save: (text: string, html: string) => any;
   "upload-image": (event: Event, insertImage: InsertImageFunction, files: FileList) => any;
   "fullscreen-change": (isFullscreen: boolean) => any;
@@ -48,8 +48,8 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "auto-save": (text: string) => any;
   "max-length-exceeded": (currentLength: number, maxLength: number) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((text: string, html: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSave?: ((text: string, html: string) => any) | undefined;
   "onUpload-image"?: ((event: Event, insertImage: InsertImageFunction, files: FileList) => any) | undefined;
   "onFullscreen-change"?: ((isFullscreen: boolean) => any) | undefined;
@@ -59,10 +59,12 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onMax-length-exceeded"?: ((currentLength: number, maxLength: number) => any) | undefined;
 }>, {
   height: string | number;
-  modelValue: string;
-  disabled: boolean;
-  placeholder: string;
   mode: "edit" | "editable" | "preview";
+  placeholder: string;
+  disabled: boolean;
+  modelValue: string;
+  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,8 +70,8 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onEnded?: ((index: number) => any) | undefined;
   onModeChange?: ((mode: string) => any) | undefined;
 }>, {
-  theme: "default" | "minimal";
   mode: "list" | "loop" | "single" | "shuffle";
+  theme: "default" | "minimal";
   initialIndex: number;
   showPlaylist: boolean;
   showCover: boolean;

package/dist/index20.vue.d.ts

@@ -35,12 +35,12 @@ 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";
+  strokeWidth: number;
+  time: number;
   percentage: number | number[];
   isAnimation: boolean;
-  time: number;
   indicatorPlacement: "inside" | "outside";
   showIndicator: boolean;
-  strokeWidth: number;
   unit: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/index21.vue.d.ts

@@ -6,14 +6,14 @@ 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";
+  direction?: 'horizontal' | 'vertical';
   clickable?: boolean; /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/
   connected?: boolean;
 };
@@ -26,8 +26,8 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
 }>, {
   clickable: boolean;
   direction: "horizontal" | "vertical";
-  connected: boolean;
   current: number;
+  connected: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index25.vue.d.ts

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

package/dist/index26.vue.d.ts

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

package/dist/index6.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_export: vue.DefineComponent<CaptchaProps, {
   onFail?: ((error: string) => any) | undefined;
   onReset?: (() => any) | undefined;
 }>, {
+  disabled: boolean;
   triggerText: string;
   images: string[];
-  disabled: boolean;
   theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index7.vue.d.ts

@@ -17,11 +17,11 @@ type __VLS_Props = {
   modelValue?: CascadeValue;
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CascadeValue) => any;
   change: (value: CascadeValue) => any;
+  "update:modelValue": (value: CascadeValue) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CascadeValue) => any) | undefined;
   onChange?: ((value: CascadeValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CascadeValue) => any) | undefined;
 }>, {
   placeholders: string[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index8.vue.d.ts

@@ -86,18 +86,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: vue.DefineComponent<ChatProps, {
   scrollToBottom: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  "load-more": () => any;
   send: (content: string) => any;
   "select-contact": (id: string) => any;
+  "load-more": () => any;
   "image-preview": (url: string) => any;
   "file-click": (msg: ChatMessage) => any;
   "file-upload": () => any;
   "emoji-click": () => any;
   resend: (msg: ChatMessage) => any;
 }, string, vue.PublicProps, Readonly<ChatProps> & Readonly<{
-  "onLoad-more"?: (() => any) | undefined;
   onSend?: ((content: string) => any) | undefined;
   "onSelect-contact"?: ((id: string) => any) | undefined;
+  "onLoad-more"?: (() => any) | undefined;
   "onImage-preview"?: ((url: string) => any) | undefined;
   "onFile-click"?: ((msg: ChatMessage) => any) | undefined;
   "onFile-upload"?: (() => any) | undefined;
@@ -106,12 +106,12 @@ declare const __VLS_base: vue.DefineComponent<ChatProps, {
 }>, {
   placeholder: string;
   title: string;
-  messages: ChatMessage[];
   showContacts: boolean;
   showTimestamp: boolean;
   showSendBtn: boolean;
   loadingHistory: boolean;
   contacts: ChatContact[];
+  messages: ChatMessage[];
   currentContactId: string;
   selfAvatar: string;
   selfName: string;

package/dist/index9.vue.d.ts

@@ -14,11 +14,11 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: vue.DefineComponent<Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   placeholder: string;
   showLetters: boolean;