@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_Steps2.js

@@ -1,82 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
-
-//#region src/components/C_Steps/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "step-indicator" };
-const _hoisted_3 = { class: "step-icon" };
-const _hoisted_4 = {
-	key: 1,
-	class: "i-mdi:check"
-};
-const _hoisted_5 = {
-	key: 2,
-	class: "step-index"
-};
-const _hoisted_6 = {
-	key: 0,
-	class: "step-line"
-};
-const _hoisted_7 = { class: "step-content" };
-const _hoisted_8 = { class: "step-title" };
-const _hoisted_9 = {
-	key: 0,
-	class: "step-time"
-};
-const _hoisted_10 = {
-	key: 1,
-	class: "step-description"
-};
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Steps",
-	__name: "index",
-	props: {
-		steps: {},
-		current: { default: 0 },
-		direction: { default: "horizontal" },
-		clickable: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["update:current", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const getStatus = (index) => {
-			if (props.steps[index].status) return props.steps[index].status;
-			if (index < props.current) return "finish";
-			if (index === props.current) return "process";
-			return "wait";
-		};
-		const handleClick = (index) => {
-			if (!props.clickable || props.steps[index].disabled) return;
-			emit("update:current", index);
-			emit("change", index);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["c-steps", [`steps-${_ctx.direction}`]]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, index) => {
-				return openBlock(), createElementBlock("div", {
-					key: index,
-					class: normalizeClass(["step-item", [`step-${getStatus(index)}`, { "step-clickable": _ctx.clickable && !step.disabled }]]),
-					onClick: ($event) => handleClick(index)
-				}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [step.icon ? (openBlock(), createElementBlock("i", {
-					key: 0,
-					class: normalizeClass(step.icon)
-				}, null, 2)) : getStatus(index) === "finish" ? (openBlock(), createElementBlock("i", _hoisted_4)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(index + 1), 1))]), index < _ctx.steps.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_7, [
-					createElementVNode("div", _hoisted_8, toDisplayString(step.title), 1),
-					step.time ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(step.time), 1)) : createCommentVNode("v-if", true),
-					step.description ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(step.description), 1)) : createCommentVNode("v-if", true)
-				])], 10, _hoisted_1);
-			}), 128))], 2);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Steps/index.vue
-var C_Steps_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ecd7bf0c"]]);
-
-//#endregion
-export { C_Steps_default 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}},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};
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECmDA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAKb,MAAM,aAAa,UAAkB;AACnC,OAAI,MAAM,MAAM,OAAO,OACrB,QAAO,MAAM,MAAM,OAAO;AAE5B,OAAI,QAAQ,MAAM,QAAS,QAAO;AAClC,OAAI,UAAU,MAAM,QAAS,QAAO;AACpC,UAAO;;EAGT,MAAM,eAAe,UAAkB;AACrC,OAAI,CAAC,MAAM,aAAa,MAAM,MAAM,OAAO,SAAU;AACrD,QAAK,kBAAkB,MAAM;AAC7B,QAAK,UAAU,MAAM;;;uBA1ErB,mBA2BM,OAAA,EA3BD,OAAK,eAAA,CAAC,WAAS,CAAA,SAAmBA,KAAAA,YAAS,CAAA,CAAA,uBAC9C,mBAyBM,UAAA,MAAA,WAxBoBC,KAAAA,QAAhB,MAAM,UAAK;wBADrB,mBAyBM,OAAA;KAvBH,KAAK;KACN,OAAK,eAAA,CAAC,aAAW,SACU,UAAU,MAAK,wBAAkCC,KAAAA,aAAS,CAAK,KAAK,UAAQ;KAItG,UAAK,WAAE,YAAY,MAAK;QAEzB,mBAOM,OAPN,YAOM,CANJ,mBAIM,OAJN,YAIM,CAHK,KAAK,qBAAd,mBAA2C,KAAA;;KAAtB,OAAK,eAAE,KAAK,KAAI;mBACvB,UAAU,MAAK,KAAA,yBAA7B,mBAAqE,KAArE,WAAqE,kBACrE,mBAAsD,QAAtD,YAAsD,gBAAnB,QAAK,EAAA,EAAA,EAAA,KAE/B,QAAQD,KAAAA,MAAM,SAAM,kBAA/B,mBAAyD,OAAzD,WAAyD,wCAE3D,mBAMM,OANN,YAMM;KALJ,mBAA8C,OAA9C,YAA8C,gBAAnB,KAAK,MAAK,EAAA,EAAA;KAC1B,KAAK,qBAAhB,mBAA6D,OAA7D,YAA6D,gBAAlB,KAAK,KAAI,EAAA,EAAA;KACzC,KAAK,4BAAhB,mBAEM,OAFN,aAEM,gBADD,KAAK,YAAW,EAAA,EAAA"}
+{"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"}

package/dist/C_Table.cjs

@@ -1,20 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-require('./C_Editor.js');
-require('./C_Form.js');
-const require_C_Table = require('./C_Table.js');
-
-exports.C_Table = require_C_Table.C_Table_default;
-exports.createEditModeChecker = require_C_Table.createEditModeChecker;
-exports.printPresets = require_C_Table.printPresets;
-exports.resolveConfig = require_C_Table.resolveConfig;
-exports.useCellEdit = require_C_Table.useCellEdit;
-exports.useDynamicRows = require_C_Table.useDynamicRows;
-exports.useModalEdit = require_C_Table.useModalEdit;
-exports.usePagination = require_C_Table.usePagination;
-exports.usePrintWatermark = require_C_Table.usePrintWatermark;
-exports.useRowEdit = require_C_Table.useRowEdit;
-exports.useTableActions = require_C_Table.useTableActions;
-exports.useTableColumns = require_C_Table.useTableColumns;
-exports.useTableExpand = require_C_Table.useTableExpand;
-exports.useTableManager = require_C_Table.useTableManager;
+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.createEditModeChecker=e.p,exports.printPresets=e.s,exports.resolveConfig=e.m,exports.useCellEdit=e.d,exports.useDynamicRows=e.o,exports.useModalEdit=e.u,exports.usePagination=e.i,exports.usePrintWatermark=e.c,exports.useRowEdit=e.f,exports.useTableActions=e.r,exports.useTableColumns=e.n,exports.useTableExpand=e.l,exports.useTableManager=e.a;

package/dist/C_Table.js

@@ -1,6 +1 @@
-import "./C_Icon2.js";
-import "./C_Editor2.js";
-import "./C_Form2.js";
-import { a as useTableManager, c as usePrintWatermark, d as useCellEdit, f as useRowEdit, i as usePagination, l as useTableExpand, m as resolveConfig, n as useTableColumns, o as useDynamicRows, p as createEditModeChecker, r as useTableActions, s as printPresets, t as C_Table_default, u as useModalEdit } from "./C_Table2.js";
-
-export { C_Table_default as C_Table, createEditModeChecker, printPresets, resolveConfig, useCellEdit, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableManager };
+import"./C_Icon2.js";import"./C_Editor2.js";import"./C_Form2.js";import{a as e,c as t,d as n,f as r,i,l as a,m as o,n as s,o as c,p as l,r as u,s as d,t as f,u as p}from"./C_Table2.js";export{f as C_Table,l as createEditModeChecker,d as printPresets,o as resolveConfig,n as useCellEdit,c as useDynamicRows,p as useModalEdit,i as usePagination,t as usePrintWatermark,r as useRowEdit,u as useTableActions,s as useTableColumns,a as useTableExpand,e as useTableManager};