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

package/dist/C_Barcode.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Barcode.js","names":["showBorder","showLabel","label"],"sources":["../src/components/C_Barcode/index.vue","../src/components/C_Barcode/index.vue","../src/components/C_Barcode/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"kmBE+CA,IAAM,EAAQ,EAcR,EAAO,EAIP,GAAA,EAAA,EAAA,eAA+B,CACnC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,aAAc,EAAM,SACpB,SAAU,EAAM,SAChB,aAAc,EAAM,aACpB,UAAW,EAAM,UACjB,WAAY,EAAM,WACnB,EAAE,CAEG,EAAe,GAAiB,CACpC,QAAQ,MAAM,WAAY,EAAM,CAChC,EAAK,QAAS,EAAM,2DAhEd,MAPN,EAOM,EAAA,EAAA,EAAA,oBAJE,MAAA,CAFD,OAAA,EAAA,EAAA,gBAAK,CAAC,kBAAiB,CAAA,cAA0BA,EAAAA,WAAU,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OACL,EAAA,QAAA,EAAA,EAAA,EAAA,YAArC,EAAqC,MAAzB,CAAG,QAAO,EAAW,CAAA,CAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAE5CC,EAAAA,WAAaC,EAAAA,QAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,oBAElB,MAFN,GAAA,EAAA,EAAA,iBACKA,EAAAA,MAAK,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"C_Barcode.js","names":[],"sources":["../src/components/C_Barcode/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-12-02\n * @Description: 条形码组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-barcode\">\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\n    </div>\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\n\ndefineOptions({ name: \"C_Barcode\" });\n\ninterface Props {\n  value: string;\n  format?:\n    | \"CODE128\"\n    | \"CODE39\"\n    | \"EAN13\"\n    | \"EAN8\"\n    | \"UPC\"\n    | \"ITF14\"\n    | \"MSI\"\n    | \"pharmacode\";\n  width?: number;\n  height?: number;\n  showText?: boolean;\n  fontSize?: number;\n  textPosition?: \"bottom\" | \"top\";\n  lineColor?: string;\n  background?: string;\n  showBorder?: boolean;\n  label?: string;\n  showLabel?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  format: \"CODE128\",\n  width: 2,\n  height: 80,\n  showText: true,\n  fontSize: 20,\n  textPosition: \"bottom\",\n  lineColor: \"#000000\",\n  background: \"#FFFFFF\",\n  showBorder: true,\n  label: \"\",\n  showLabel: false,\n});\n\nconst emit = defineEmits<{\n  error: [error: Error];\n}>();\n\nconst barcodeProps = computed(() => ({\n  value: props.value,\n  format: props.format,\n  width: props.width,\n  height: props.height,\n  displayValue: props.showText,\n  fontSize: props.fontSize,\n  textPosition: props.textPosition,\n  lineColor: props.lineColor,\n  background: props.background,\n}));\n\nconst handleError = (error: Error) => {\n  console.error(\"条形码生成失败:\", error);\n  emit(\"error\", error);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"8lBA+CA,IAAM,EAAQ,EAcR,EAAO,EAIP,GAAA,EAAA,EAAA,eAA+B,CACnC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,aAAc,EAAM,SACpB,SAAU,EAAM,SAChB,aAAc,EAAM,aACpB,UAAW,EAAM,UACjB,WAAY,EAAM,WACnB,EAAE,CAEG,EAAe,GAAiB,CACpC,QAAQ,MAAM,WAAY,EAAM,CAChC,EAAK,QAAS,EAAM,2DAhEf,MAPL,EAOK,EAAA,EAAA,EAAA,oBAJE,MAAA,CAFA,OAAA,EAAA,EAAA,gBAAK,CAAC,kBAAiB,CAAA,cAA0B,EAAA,WAAU,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OACN,EAAA,QAAA,EAAA,EAAA,EAAA,YAApC,EAAoC,MAAxB,CAAG,QAAO,EAAW,CAAA,CAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAE5C,EAAA,WAAa,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEnB,MAFL,GAAA,EAAA,EAAA,iBACK,EAAA,MAAK,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA"}

package/dist/C_Barcode2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,mergeProps as s,normalizeClass as c,openBlock as l,toDisplayString as u,unref as d}from"vue";import f from"@chenfengyuan/vue-barcode";const p={class:`c-barcode`},m={key:0,class:`barcode-label`};var h=e(o({name:`C_Barcode`,__name:`index`,props:{value:{},format:{default:`CODE128`},width:{default:2},height:{default:80},showText:{type:Boolean,default:!0},fontSize:{default:20},textPosition:{default:`bottom`},lineColor:{default:`#000000`},background:{default:`#FFFFFF`},showBorder:{type:Boolean,default:!0},label:{default:``},showLabel:{type:Boolean,default:!1}},emits:[`error`],setup(e,{emit:o}){let h=e,g=o,_=t(()=>({value:h.value,format:h.format,width:h.width,height:h.height,displayValue:h.showText,fontSize:h.fontSize,textPosition:h.textPosition,lineColor:h.lineColor,background:h.background})),v=e=>{console.error(`条形码生成失败:`,e),g(`error`,e)};return(e,t)=>(l(),r(`div`,p,[i(`div`,{class:c([`barcode-wrapper`,{"with-border":e.showBorder}])},[a(d(f),s(_.value,{onError:v}),null,16)],2),e.showLabel&&e.label?(l(),r(`div`,m,u(e.label),1)):n(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-e44c361d`]]);export{h as t};
+import{t as e}from"./export-helper.js";import{computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,mergeProps as s,normalizeClass as c,openBlock as l,toDisplayString as u,unref as d}from"vue";import f from"@chenfengyuan/vue-barcode";const p={class:`c-barcode`},m={key:0,class:`barcode-label`};var h=e(o({name:`C_Barcode`,__name:`index`,props:{value:{},format:{default:`CODE128`},width:{default:2},height:{default:80},showText:{type:Boolean,default:!0},fontSize:{default:20},textPosition:{default:`bottom`},lineColor:{default:`#000000`},background:{default:`#FFFFFF`},showBorder:{type:Boolean,default:!0},label:{default:``},showLabel:{type:Boolean,default:!1}},emits:[`error`],setup(e,{emit:o}){let h=e,g=o,_=t(()=>({value:h.value,format:h.format,width:h.width,height:h.height,displayValue:h.showText,fontSize:h.fontSize,textPosition:h.textPosition,lineColor:h.lineColor,background:h.background})),v=e=>{console.error(`条形码生成失败:`,e),g(`error`,e)};return(e,t)=>(l(),r(`div`,p,[i(`div`,{class:c([`barcode-wrapper`,{"with-border":e.showBorder}])},[a(d(f),s(_.value,{onError:v}),null,16)],2),e.showLabel&&e.label?(l(),r(`div`,m,u(e.label),1)):n(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-03c1988e`]]);export{h as t};
 //# sourceMappingURL=C_Barcode2.js.map

package/dist/C_Barcode2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Barcode2.js","names":["showBorder","showLabel","label"],"sources":["../src/components/C_Barcode/index.vue","../src/components/C_Barcode/index.vue","../src/components/C_Barcode/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-12-02\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-barcode\">\r\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\r\n\r\ndefineOptions({ name: \"C_Barcode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  format?:\r\n    | \"CODE128\"\r\n    | \"CODE39\"\r\n    | \"EAN13\"\r\n    | \"EAN8\"\r\n    | \"UPC\"\r\n    | \"ITF14\"\r\n    | \"MSI\"\r\n    | \"pharmacode\";\r\n  width?: number;\r\n  height?: number;\r\n  showText?: boolean;\r\n  fontSize?: number;\r\n  textPosition?: \"bottom\" | \"top\";\r\n  lineColor?: string;\r\n  background?: string;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  format: \"CODE128\",\r\n  width: 2,\r\n  height: 80,\r\n  showText: true,\r\n  fontSize: 20,\r\n  textPosition: \"bottom\",\r\n  lineColor: \"#000000\",\r\n  background: \"#FFFFFF\",\r\n  showBorder: true,\r\n  label: \"\",\r\n  showLabel: false,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  error: [error: Error];\r\n}>();\r\n\r\nconst barcodeProps = computed(() => ({\r\n  value: props.value,\r\n  format: props.format,\r\n  width: props.width,\r\n  height: props.height,\r\n  displayValue: props.showText,\r\n  fontSize: props.fontSize,\r\n  textPosition: props.textPosition,\r\n  lineColor: props.lineColor,\r\n  background: props.background,\r\n}));\r\n\r\nconst handleError = (error: Error) => {\r\n  console.error(\"条形码生成失败:\", error);\r\n  emit(\"error\", error);\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"6vBE+CA,IAAM,EAAQ,EAcR,EAAO,EAIP,EAAe,OAAgB,CACnC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,aAAc,EAAM,SACpB,SAAU,EAAM,SAChB,aAAc,EAAM,aACpB,UAAW,EAAM,UACjB,WAAY,EAAM,WACnB,EAAE,CAEG,EAAe,GAAiB,CACpC,QAAQ,MAAM,WAAY,EAAM,CAChC,EAAK,QAAS,EAAM,oBAvEpB,EAOM,MAPN,EAOM,CANJ,EAEM,MAAA,CAFD,MAAK,EAAA,CAAC,kBAAiB,CAAA,cAA0BA,EAAAA,WAAU,CAAA,CAAA,CAAA,CAAA,CAC9D,EAAyD,EAAA,EAAA,CAAzD,EAAoB,EAAqC,MAAzB,CAAG,QAAO,EAAW,CAAA,CAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAE5CC,EAAAA,WAAaC,EAAAA,OAAAA,GAAAA,CAAxB,EAEM,MAFN,EAEM,EADDA,EAAAA,MAAK,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"C_Barcode2.js","names":[],"sources":["../src/components/C_Barcode/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-12-02\n * @Description: 条形码组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-barcode\">\n    <div class=\"barcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\n      <VueBarcode v-bind=\"barcodeProps\" @error=\"handleError\" />\n    </div>\n    <div v-if=\"showLabel && label\" class=\"barcode-label\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport VueBarcode from \"@chenfengyuan/vue-barcode\";\n\ndefineOptions({ name: \"C_Barcode\" });\n\ninterface Props {\n  value: string;\n  format?:\n    | \"CODE128\"\n    | \"CODE39\"\n    | \"EAN13\"\n    | \"EAN8\"\n    | \"UPC\"\n    | \"ITF14\"\n    | \"MSI\"\n    | \"pharmacode\";\n  width?: number;\n  height?: number;\n  showText?: boolean;\n  fontSize?: number;\n  textPosition?: \"bottom\" | \"top\";\n  lineColor?: string;\n  background?: string;\n  showBorder?: boolean;\n  label?: string;\n  showLabel?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  format: \"CODE128\",\n  width: 2,\n  height: 80,\n  showText: true,\n  fontSize: 20,\n  textPosition: \"bottom\",\n  lineColor: \"#000000\",\n  background: \"#FFFFFF\",\n  showBorder: true,\n  label: \"\",\n  showLabel: false,\n});\n\nconst emit = defineEmits<{\n  error: [error: Error];\n}>();\n\nconst barcodeProps = computed(() => ({\n  value: props.value,\n  format: props.format,\n  width: props.width,\n  height: props.height,\n  displayValue: props.showText,\n  fontSize: props.fontSize,\n  textPosition: props.textPosition,\n  lineColor: props.lineColor,\n  background: props.background,\n}));\n\nconst handleError = (error: Error) => {\n  console.error(\"条形码生成失败:\", error);\n  emit(\"error\", error);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"6vBA+CA,IAAM,EAAQ,EAcR,EAAO,EAIP,EAAe,OAAgB,CACnC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,aAAc,EAAM,SACpB,SAAU,EAAM,SAChB,aAAc,EAAM,aACpB,UAAW,EAAM,UACjB,WAAY,EAAM,WACnB,EAAE,CAEG,EAAe,GAAiB,CACpC,QAAQ,MAAM,WAAY,EAAM,CAChC,EAAK,QAAS,EAAM,oBAvEpB,EAOK,MAPL,EAOK,CANH,EAEK,MAAA,CAFA,MAAK,EAAA,CAAC,kBAAiB,CAAA,cAA0B,EAAA,WAAU,CAAA,CAAA,CAAA,CAAA,CAC9D,EAAwD,EAAA,EAAA,CAAxD,EAAoB,EAAoC,MAAxB,CAAG,QAAO,EAAW,CAAA,CAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAE5C,EAAA,WAAa,EAAA,OAAA,GAAA,CAAxB,EAEK,MAFL,EAEK,EADA,EAAA,MAAK,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA"}

package/dist/C_Breadcrumb.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Breadcrumb.js`);exports.C_Breadcrumb=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Breadcrumb.js`);exports.C_Breadcrumb=e.t;

package/dist/C_Breadcrumb.js

@@ -1 +1 @@
-import"./C_Icon2.js";import{t as e}from"./C_Breadcrumb2.js";export{e as C_Breadcrumb};
+import{t as e}from"./C_Breadcrumb2.js";export{e as C_Breadcrumb};

package/dist/C_Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n"],"mappings":"6WE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,GAAA,EAAA,EAAA,WAAkB,CAElB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,GAAA,EAAA,EAAA,cACG,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAM,CAC3C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAE,CACH,EAAE,CACP,EAAE,CACL,CAEI,GAAA,EAAA,EAAA,cACE,EAAM,OAAS,EAAe,MACrC,CAEK,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAI,uHAxEf,MAAA,CAvCJ,MAAM,8BACL,OAAA,EAAA,EAAA,gBAAK,+BAA0CA,EAAAA,SAAQ,4BAAsC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,0BAqC5G,EAAA,KAAA,2BA9B8B,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA6BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA7BQ,EAAA,OAAhB,EAAM,yCA6BE,EAAA,CA5Bf,IAAK,EAAK,CAAA,2BAkBhB,CAfa,EAAK,UAAU,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAYX,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,8BASH,EAAA,EAAA,EAAA,oBAAA,MAPN,EAOM,CALIC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,qEAcV,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"C_Breadcrumb.js","names":[],"sources":["../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\n    .n-breadcrumb-item {\n      display: inline-flex !important;\n      align-items: center;\n\n      .n-breadcrumb-item__separator {\n        display: inline-flex;\n        align-items: center;\n        line-height: 1;\n        margin-top: -4px;\n      }\n    }\n  }\n</style>\n"],"mappings":"mVA6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,GAAA,EAAA,EAAA,WAAiB,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,GAAA,EAAA,EAAA,cACG,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,GAAA,EAAA,EAAA,cACE,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,+LAxEf,MAAA,CAvCH,MAAM,8BACL,OAAA,EAAA,EAAA,gBAAK,+BAAE,EAAA,SAAA,4BAAA,KAAA,IAAA,KAAA,MAAA,EAAA,SAAA,EAAA,CAAA,EAAA,CAAA,0BAqCK,EAAA,KAAA,2BA9B8B,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA6BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA7BS,EAAA,OAAhB,EAAM,yCA6BC,EAAA,CA5Bd,IAAK,EAAK,CAAA,2BAkBb,CAfU,EAAK,UAAU,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAYZ,EAAA,OAXR,QAAS,EAAK,SACd,SAAQ,8BASJ,EAAA,EAAA,EAAA,oBAAA,MAPL,EAOK,CALK,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAGP,EAAA,EAAA,CAAA,OAFE,KAAM,EAAK,KACX,KAAM,EAAA,6FACR,KAAA,EAAA,EAAA,iBACE,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,qEAcX,OAAA,OATJ,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrB,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAGP,EAAA,EAAA,CAAA,OAFE,KAAM,EAAK,KACX,KAAM,EAAA,6FACR,KAAA,EAAA,EAAA,iBACE,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/C_Breadcrumb2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{NBreadcrumb as t,NBreadcrumbItem as n,NDropdown as r}from"naive-ui";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,normalizeStyle as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,withCtx as v}from"vue";import{useRoute as y}from"vue-router";const b={class:`c-breadcrumb__trigger`},x=[`onClick`];var S=f({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(f,{emit:S}){let C=f,w=S,T=y(),E=e=>C.labelFormatter?C.labelFormatter(e):e,D=a(()=>T.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:E(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:E(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:E(e.meta?.title||``)}))}})):[]}))),O=a(()=>C.items??D.value),k=e=>{w(`select`,e)};return(a,f)=>{let y=r,S=n,C=t;return m(),c(`div`,{class:`c-breadcrumb flex-1 min-w-0`,style:p({"--c-breadcrumb-icon-size":`${a.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(a.iconSize/4),2)}px`})},[d(C,null,{default:v(()=>[(m(!0),c(i,null,h(O.value,(t,n)=>(m(),o(S,{key:n},{default:v(()=>[t.children?.length?(m(),o(y,{key:0,options:t.children,onSelect:k},{default:v(()=>[l(`div`,b,[a.showIcon?(m(),o(_(e),{key:0,name:t.icon,size:a.iconSize},null,8,[`name`,`size`])):s(`v-if`,!0),u(` `+g(t.label),1)])]),_:2},1032,[`options`])):(m(),c(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>k(t.key)},[a.showIcon?(m(),o(_(e),{key:0,name:t.icon,size:a.iconSize},null,8,[`name`,`size`])):s(`v-if`,!0),u(` `+g(t.label),1)],8,x))]),_:2},1024))),128))]),_:1})],4)}}});export{S as t};
+import{t as e}from"./C_Icon2.js";import{Fragment as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,normalizeStyle as u,openBlock as d,renderList as f,resolveComponent as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useRoute as _}from"vue-router";const v={class:`c-breadcrumb__trigger`},y=[`onClick`],b=l({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(l,{emit:b}){let x=l,S=b,C=_(),w=e=>x.labelFormatter?x.labelFormatter(e):e,T=n(()=>C.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:w(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:w(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:w(e.meta?.title||``)}))}})):[]}))),E=n(()=>x.items??T.value),D=e=>{S(`select`,e)};return(n,l)=>{let _=p(`NDropdown`),b=p(`NBreadcrumbItem`),x=p(`NBreadcrumb`);return d(),a(`div`,{class:`c-breadcrumb flex-1 min-w-0`,style:u({"--c-breadcrumb-icon-size":`${n.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(n.iconSize/4),2)}px`})},[c(x,null,{default:g(()=>[(d(!0),a(t,null,f(E.value,(t,c)=>(d(),r(b,{key:c},{default:g(()=>[t.children?.length?(d(),r(_,{key:0,options:t.children,onSelect:D},{default:g(()=>[o(`div`,v,[n.showIcon?(d(),r(h(e),{key:0,name:t.icon,size:n.iconSize},null,8,[`name`,`size`])):i(`v-if`,!0),s(` `+m(t.label),1)])]),_:2},1032,[`options`])):(d(),a(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>D(t.key)},[n.showIcon?(d(),r(h(e),{key:0,name:t.icon,size:n.iconSize},null,8,[`name`,`size`])):i(`v-if`,!0),s(` `+m(t.label),1)],8,y))]),_:2},1024))),128))]),_:1})],4)}}});export{b as t};
 //# sourceMappingURL=C_Breadcrumb2.js.map

package/dist/C_Breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb2.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","<!--\r\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\r\n *\r\n * 支持两种模式：\r\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\r\n * 2. 手动模式 — 传入 `items` 完全自定义\r\n *\r\n * @example 自动模式（零配置）\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 手动模式\r\n * ```vue\r\n * <C_Breadcrumb\r\n *   :items=\"customBreadcrumbs\"\r\n *   @select=\"handleSelect\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-breadcrumb flex-1 min-w-0\"\r\n    :style=\"{\r\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\r\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\r\n    }\"\r\n  >\r\n    <NBreadcrumb>\r\n      <NBreadcrumbItem\r\n        v-for=\"(item, index) in breadcrumbItems\"\r\n        :key=\"index\"\r\n      >\r\n        <NDropdown\r\n          v-if=\"item.children?.length\"\r\n          :options=\"item.children\"\r\n          @select=\"handleSelect\"\r\n        >\r\n          <div class=\"c-breadcrumb__trigger\">\r\n            <C_Icon\r\n              v-if=\"showIcon\"\r\n              :name=\"item.icon\"\r\n              :size=\"iconSize\"\r\n            />\r\n            {{ item.label }}\r\n          </div>\r\n        </NDropdown>\r\n        <span\r\n          v-else\r\n          class=\"c-breadcrumb__link\"\r\n          @click=\"handleSelect(item.key)\"\r\n        >\r\n          <C_Icon\r\n            v-if=\"showIcon\"\r\n            :name=\"item.icon\"\r\n            :size=\"iconSize\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n      </NBreadcrumbItem>\r\n    </NBreadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { useRoute } from 'vue-router'\r\n  import { C_Icon } from '../C_Icon'\r\n  import type { BreadcrumbItem } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Breadcrumb' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 手动传入面包屑数据\r\n       * 不传时自动从 `route.matched` 生成（零配置）\r\n       */\r\n      items?: BreadcrumbItem[]\r\n      /** 是否显示图标 */\r\n      showIcon?: boolean\r\n      /** 图标大小 (px)，默认 16 */\r\n      iconSize?: number\r\n      /**\r\n       * 标签文本格式化函数（用于 i18n）\r\n       * 仅在自动模式下生效\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n    }>(),\r\n    {\r\n      showIcon: true,\r\n      iconSize: 16,\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 面包屑项被选中（返回路径 key） */\r\n    select: [path: string]\r\n  }>()\r\n\r\n  const route = useRoute()\r\n\r\n  const formatLabel = (title: string): string =>\r\n    props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n  /** 从 route.matched 自动生成面包屑 */\r\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\r\n    return route.matched\r\n      .filter((record: any) => record.meta?.title)\r\n      .map((record: any) => ({\r\n        key: record.path,\r\n        label: formatLabel((record.meta.title || '') as string),\r\n        icon: record.meta.icon as string | undefined,\r\n        children: record.children?.length\r\n          ? record.children.map((child: any) => ({\r\n              key: child.path,\r\n              label: formatLabel((child.meta?.title || '') as string),\r\n              ...(child.children?.length && {\r\n                children: child.children.map((grandChild: any) => ({\r\n                  key: grandChild.path,\r\n                  label: formatLabel((grandChild.meta?.title || '') as string),\r\n                })),\r\n              }),\r\n            }))\r\n          : [],\r\n      }))\r\n  })\r\n\r\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\r\n    () => props.items ?? autoBreadcrumb.value\r\n  )\r\n\r\n  const handleSelect = (key: string) => {\r\n    emit('select', key)\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .c-breadcrumb {\r\n    // 暴露 CSS 变量，方便主项目覆盖\r\n    --c-breadcrumb-icon-size: 16px;\r\n    --c-breadcrumb-gap: 4px;\r\n    --c-breadcrumb-font-size: inherit;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n\r\n    &__trigger,\r\n    &__link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--c-breadcrumb-gap);\r\n      font-size: var(--c-breadcrumb-font-size);\r\n      line-height: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    // 确保 C_Icon 在面包屑中尺寸一致\r\n    .c-icon {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\r\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\r\n    .n-breadcrumb-item {\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n\r\n      .n-breadcrumb-item__separator {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        line-height: 1;\r\n        margin-top: -4px;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n"],"mappings":"opBE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,EAAQ,GAAU,CAElB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,EAAiB,MACd,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAM,CAC3C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAE,CACH,EAAE,CACP,EAAE,CACL,CAEI,EAAkB,MAChB,EAAM,OAAS,EAAe,MACrC,CAEK,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAI,2CAhHrB,EAwCM,MAAA,CAvCJ,MAAM,8BACL,MAAK,EAAA,+BAA0CA,EAAAA,SAAQ,4BAAsC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,QAK1H,EAgCc,EAAA,KAAA,eA9B8B,EAAA,EAAA,GAAA,CAD1C,EA8BkB,EAAA,KAAA,EA7BQ,EAAA,OAAhB,EAAM,SADhB,EA8BkB,EAAA,CA5Bf,IAAK,EAAK,CAAA,eAkBhB,CAfa,EAAK,UAAU,QAAA,GAAA,CADvB,EAaY,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,kBASH,CAPN,EAOM,MAPN,EAOM,CALIC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,8BAGjB,EAWO,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"C_Breadcrumb2.js","names":[],"sources":["../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符 \"/\" 与文本/图标垂直居中对齐\n    // 原因：Naive UI 分隔符默认 line-height (~1.4) 导致 \"/\" 基线偏低\n    .n-breadcrumb-item {\n      display: inline-flex !important;\n      align-items: center;\n\n      .n-breadcrumb-item__separator {\n        display: inline-flex;\n        align-items: center;\n        line-height: 1;\n        margin-top: -4px;\n      }\n    }\n  }\n</style>\n"],"mappings":"2lBA6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,EAAQ,GAAS,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,EAAiB,MACd,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,EAAkB,MAChB,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,0FAhHpB,EAwCK,MAAA,CAvCH,MAAM,8BACL,MAAK,EAAA,+BAAE,EAAA,SAAA,4BAAA,KAAA,IAAA,KAAA,MAAA,EAAA,SAAA,EAAA,CAAA,EAAA,CAAA,QAKR,EAgCa,EAAA,KAAA,eA9B8B,EAAA,EAAA,GAAA,CADzC,EA8BiB,EAAA,KAAA,EA7BS,EAAA,OAAhB,EAAM,SADhB,EA8BiB,EAAA,CA5Bd,IAAK,EAAK,CAAA,eAkBb,CAfU,EAAK,UAAU,QAAA,GAAA,CADvB,EAaW,EAAA,OAXR,QAAS,EAAK,SACd,SAAQ,kBASJ,CAPL,EAOK,MAPL,EAOK,CALK,EAAA,UAAA,GAAA,CADR,EAIC,EAAA,EAAA,CAAA,OAFE,KAAM,EAAK,KACX,KAAM,EAAA,kDACR,IACD,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,8BAGjB,EAWM,OAAA,OATJ,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrB,EAAA,UAAA,GAAA,CADR,EAIC,EAAA,EAAA,CAAA,OAFE,KAAM,EAAK,KACX,KAAM,EAAA,kDACR,IACD,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/{C_Captcha-CZmAETly.css.map → C_Captcha-9_hk6VmY.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Captcha-CZmAETly.css","names":[],"sources":["../src/components/C_Captcha/index.vue?vue&type=style&index=0&scoped=74f1f0d1&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-captcha-modern[data-v-74f1f0d1] {\n  width: 100%;\n  font-family: inherit;\n}\n.captcha-trigger[data-v-74f1f0d1] {\n  width: 100%;\n  max-width: 280px;\n  margin: 0 auto;\n  padding: 12px 16px;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.captcha-trigger[data-v-74f1f0d1]:hover:not(.disabled) {\n  transform: translateY(-1px);\n}\n.captcha-trigger.disabled[data-v-74f1f0d1] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.captcha-content[data-v-74f1f0d1] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1;\n}\n.captcha-icon[data-v-74f1f0d1] {\n  font-size: 18px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.captcha-text[data-v-74f1f0d1] {\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  text-align: center;\n  white-space: nowrap;\n}\n.refresh-button[data-v-74f1f0d1] {\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.refresh-button[data-v-74f1f0d1]:hover {\n  color: rgba(255, 255, 255, 0.9);\n  transform: translateY(-50%) rotate(180deg);\n}\n.success-icon[data-v-74f1f0d1],\n.success-text[data-v-74f1f0d1] {\n  color: #43c23a;\n}\n.error-icon[data-v-74f1f0d1],\n.error-text[data-v-74f1f0d1] {\n  color: #f56c6c;\n}\n@keyframes shake-74f1f0d1 {\n0%, 100% {\n    transform: translateX(0);\n}\n25% {\n    transform: translateX(-4px);\n}\n75% {\n    transform: translateX(4px);\n}\n}\n@media (max-width: 768px) {\n.captcha-trigger[data-v-74f1f0d1] {\n    max-width: 240px;\n    padding: 10px 14px;\n}\n.captcha-icon[data-v-74f1f0d1] {\n    font-size: 16px;\n    width: 18px;\n    height: 18px;\n}\n.captcha-text[data-v-74f1f0d1] {\n    font-size: 13px;\n}\n.refresh-button[data-v-74f1f0d1] {\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n    right: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Captcha-9_hk6VmY.css","names":[],"sources":["../src/components/C_Captcha/index.vue?vue&type=style&index=0&scoped=a4319836&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-captcha-modern[data-v-a4319836] {\n  width: 100%;\n  font-family: inherit;\n}\n.captcha-trigger[data-v-a4319836] {\n  width: 100%;\n  max-width: 280px;\n  margin: 0 auto;\n  padding: 12px 16px;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.captcha-trigger[data-v-a4319836]:hover:not(.disabled) {\n  transform: translateY(-1px);\n}\n.captcha-trigger.disabled[data-v-a4319836] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.captcha-content[data-v-a4319836] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1;\n}\n.captcha-icon[data-v-a4319836] {\n  font-size: 18px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.captcha-text[data-v-a4319836] {\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  text-align: center;\n  white-space: nowrap;\n}\n.refresh-button[data-v-a4319836] {\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.refresh-button[data-v-a4319836]:hover {\n  color: rgba(255, 255, 255, 0.9);\n  transform: translateY(-50%) rotate(180deg);\n}\n.success-icon[data-v-a4319836],\n.success-text[data-v-a4319836] {\n  color: #43c23a;\n}\n.error-icon[data-v-a4319836],\n.error-text[data-v-a4319836] {\n  color: #f56c6c;\n}\n@keyframes shake-a4319836 {\n0%, 100% {\n    transform: translateX(0);\n}\n25% {\n    transform: translateX(-4px);\n}\n75% {\n    transform: translateX(4px);\n}\n}\n@media (max-width: 768px) {\n.captcha-trigger[data-v-a4319836] {\n    max-width: 240px;\n    padding: 10px 14px;\n}\n.captcha-icon[data-v-a4319836] {\n    font-size: 16px;\n    width: 18px;\n    height: 18px;\n}\n.captcha-text[data-v-a4319836] {\n    font-size: 13px;\n}\n.refresh-button[data-v-a4319836] {\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n    right: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Captcha-Ccq3DMrR.css.map → C_Captcha-MtASlJ0f.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Captcha-Ccq3DMrR.css","names":[],"sources":["../src/components/C_Captcha/index.vue?vue&type=style&index=0&scoped=74f1f0d1&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-captcha-modern[data-v-74f1f0d1] {\n  width: 100%;\n  font-family: inherit;\n}\n.captcha-trigger[data-v-74f1f0d1] {\n  width: 100%;\n  max-width: 280px;\n  margin: 0 auto;\n  padding: 12px 16px;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.captcha-trigger[data-v-74f1f0d1]:hover:not(.disabled) {\n  transform: translateY(-1px);\n}\n.captcha-trigger.disabled[data-v-74f1f0d1] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.captcha-content[data-v-74f1f0d1] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1;\n}\n.captcha-icon[data-v-74f1f0d1] {\n  font-size: 18px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.captcha-text[data-v-74f1f0d1] {\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  text-align: center;\n  white-space: nowrap;\n}\n.refresh-button[data-v-74f1f0d1] {\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.refresh-button[data-v-74f1f0d1]:hover {\n  color: rgba(255, 255, 255, 0.9);\n  transform: translateY(-50%) rotate(180deg);\n}\n.success-icon[data-v-74f1f0d1],\n.success-text[data-v-74f1f0d1] {\n  color: #43c23a;\n}\n.error-icon[data-v-74f1f0d1],\n.error-text[data-v-74f1f0d1] {\n  color: #f56c6c;\n}\n@keyframes shake-74f1f0d1 {\n0%, 100% {\n    transform: translateX(0);\n}\n25% {\n    transform: translateX(-4px);\n}\n75% {\n    transform: translateX(4px);\n}\n}\n@media (max-width: 768px) {\n.captcha-trigger[data-v-74f1f0d1] {\n    max-width: 240px;\n    padding: 10px 14px;\n}\n.captcha-icon[data-v-74f1f0d1] {\n    font-size: 16px;\n    width: 18px;\n    height: 18px;\n}\n.captcha-text[data-v-74f1f0d1] {\n    font-size: 13px;\n}\n.refresh-button[data-v-74f1f0d1] {\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n    right: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Captcha-MtASlJ0f.css","names":[],"sources":["../src/components/C_Captcha/index.vue?vue&type=style&index=0&scoped=a4319836&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-captcha-modern[data-v-a4319836] {\n  width: 100%;\n  font-family: inherit;\n}\n.captcha-trigger[data-v-a4319836] {\n  width: 100%;\n  max-width: 280px;\n  margin: 0 auto;\n  padding: 12px 16px;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.captcha-trigger[data-v-a4319836]:hover:not(.disabled) {\n  transform: translateY(-1px);\n}\n.captcha-trigger.disabled[data-v-a4319836] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.captcha-content[data-v-a4319836] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1;\n}\n.captcha-icon[data-v-a4319836] {\n  font-size: 18px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.captcha-text[data-v-a4319836] {\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  text-align: center;\n  white-space: nowrap;\n}\n.refresh-button[data-v-a4319836] {\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.refresh-button[data-v-a4319836]:hover {\n  color: rgba(255, 255, 255, 0.9);\n  transform: translateY(-50%) rotate(180deg);\n}\n.success-icon[data-v-a4319836],\n.success-text[data-v-a4319836] {\n  color: #43c23a;\n}\n.error-icon[data-v-a4319836],\n.error-text[data-v-a4319836] {\n  color: #f56c6c;\n}\n@keyframes shake-a4319836 {\n0%, 100% {\n    transform: translateX(0);\n}\n25% {\n    transform: translateX(-4px);\n}\n75% {\n    transform: translateX(4px);\n}\n}\n@media (max-width: 768px) {\n.captcha-trigger[data-v-a4319836] {\n    max-width: 240px;\n    padding: 10px 14px;\n}\n.captcha-icon[data-v-a4319836] {\n    font-size: 16px;\n    width: 18px;\n    height: 18px;\n}\n.captcha-text[data-v-a4319836] {\n    font-size: 13px;\n}\n.refresh-button[data-v-a4319836] {\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n    right: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Captcha.css

@@ -1,8 +1,8 @@
-/* unplugin-vue-components disabled */.c-captcha-modern[data-v-74f1f0d1] {
+/* unplugin-vue-components disabled */.c-captcha-modern[data-v-a4319836] {
   width: 100%;
   font-family: inherit;
 }
-.captcha-trigger[data-v-74f1f0d1] {
+.captcha-trigger[data-v-a4319836] {
   width: 100%;
   max-width: 280px;
   margin: 0 auto;
@@ -15,21 +15,21 @@
   position: relative;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.captcha-trigger[data-v-74f1f0d1]:hover:not(.disabled) {
+.captcha-trigger[data-v-a4319836]:hover:not(.disabled) {
   transform: translateY(-1px);
 }
-.captcha-trigger.disabled[data-v-74f1f0d1] {
+.captcha-trigger.disabled[data-v-a4319836] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.captcha-content[data-v-74f1f0d1] {
+.captcha-content[data-v-a4319836] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   flex: 1;
 }
-.captcha-icon[data-v-74f1f0d1] {
+.captcha-icon[data-v-a4319836] {
   font-size: 18px;
   width: 20px;
   height: 20px;
@@ -38,7 +38,7 @@
   justify-content: center;
   flex-shrink: 0;
 }
-.captcha-text[data-v-74f1f0d1] {
+.captcha-text[data-v-a4319836] {
   color: rgba(255, 255, 255, 0.8);
   font-size: 14px;
   font-weight: 500;
@@ -46,7 +46,7 @@
   text-align: center;
   white-space: nowrap;
 }
-.refresh-button[data-v-74f1f0d1] {
+.refresh-button[data-v-a4319836] {
   position: absolute;
   right: 12px;
   top: 50%;
@@ -62,19 +62,19 @@
   font-size: 14px;
   flex-shrink: 0;
 }
-.refresh-button[data-v-74f1f0d1]:hover {
+.refresh-button[data-v-a4319836]:hover {
   color: rgba(255, 255, 255, 0.9);
   transform: translateY(-50%) rotate(180deg);
 }
-.success-icon[data-v-74f1f0d1],
-.success-text[data-v-74f1f0d1] {
+.success-icon[data-v-a4319836],
+.success-text[data-v-a4319836] {
   color: #43c23a;
 }
-.error-icon[data-v-74f1f0d1],
-.error-text[data-v-74f1f0d1] {
+.error-icon[data-v-a4319836],
+.error-text[data-v-a4319836] {
   color: #f56c6c;
 }
-@keyframes shake-74f1f0d1 {
+@keyframes shake-a4319836 {
 0%, 100% {
     transform: translateX(0);
 }
@@ -86,19 +86,19 @@
 }
 }
 @media (max-width: 768px) {
-.captcha-trigger[data-v-74f1f0d1] {
+.captcha-trigger[data-v-a4319836] {
     max-width: 240px;
     padding: 10px 14px;
 }
-.captcha-icon[data-v-74f1f0d1] {
+.captcha-icon[data-v-a4319836] {
     font-size: 16px;
     width: 18px;
     height: 18px;
 }
-.captcha-text[data-v-74f1f0d1] {
+.captcha-text[data-v-a4319836] {
     font-size: 13px;
 }
-.refresh-button[data-v-74f1f0d1] {
+.refresh-button[data-v-a4319836] {
     width: 24px;
     height: 24px;
     font-size: 12px;
@@ -106,4 +106,4 @@
 }
 }
 
-/*# sourceMappingURL=C_Captcha-CZmAETly.css.map*/
+/*# sourceMappingURL=C_Captcha-9_hk6VmY.css.map*/

package/dist/C_Captcha.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Captcha.js","names":["disabled","triggerText"],"sources":["../src/components/C_Captcha/index.vue","../src/components/C_Captcha/index.vue","../src/components/C_Captcha/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\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-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\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-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"qnBEqEA,IAAM,EAAQ,EAOR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAgB,GAAM,CACtB,GAAA,EAAA,EAAA,KAAiB,GAAM,CACvB,GAAA,EAAA,EAAA,KAAe,GAAM,CACrB,GAAA,EAAA,EAAA,KAAwB,GAAG,CAC7B,EAAmD,KAEjD,GAAA,EAAA,EAAA,cACJ,EAAM,OAAO,OAAS,EAAI,EAAM,OAAS,IAAA,GAC1C,CAEK,MAAoB,CACpB,EAAM,UAAY,EAAW,QACjC,EAAS,MAAQ,GACjB,EAAU,MAAQ,KAGd,MAAsB,CAC1B,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,IAAM,EAAY,KAAK,KAAK,CACtB,EAAQ,UAAU,EAAU,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,EAAG,EAAE,GAC/E,EAAkB,MAAQ,EAC1B,EAAK,UAAW,CAAE,QAAO,YAAW,CAAC,CACrC,EAAK,SAAU,GAAK,EAGhB,MAAmB,CACvB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GACd,GAAY,aAAa,EAAW,CACxC,EAAa,eAAiB,CAC5B,EAAS,MAAQ,GACjB,EAAa,MACZ,IAAK,CACR,EAAK,OAAQ,SAAS,CACtB,EAAK,SAAU,GAAM,EAGjB,MAAoB,CACxB,EAAU,MAAQ,IAGd,MAAqB,CACzB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,EAAkB,MAAQ,GAC1B,AAEE,KADA,aAAa,EAAW,CACX,MAEf,EAAK,QAAQ,CACb,EAAK,SAAU,GAAM,SAGvB,EAAa,CACX,aAAgB,EAAW,MAC3B,aAAgB,EAAkB,MAClC,wBACO,EAAW,MACT,CACL,MAAO,EAAkB,MACzB,UAAW,KAAK,KAAK,CACrB,KAAM,iBACP,CAL6B,KAOhC,MAAO,EACP,KAAM,EACP,CAAC,EAEF,EAAA,EAAA,qBAAsB,CAChB,GAAY,aAAa,EAAW,EACxC,oDA1GM,MAtCN,EAsCM,EAAA,EAAA,EAAA,oBARE,MAAA,CA5BJ,OAAA,EAAA,EAAA,gBAAK,CAAC,kBAAiB,UAEM,EAAA,YAA4B,EAAA,eAA6BA,EAAAA,YADrF,QAAO,6BAkBF,MAXN,EAWM,EAAA,EAAA,EAAA,oBANE,MAJN,EAIM,EAHS,EAAA,OAAU,CAAK,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAmB,OAAA,EAAT,KAAE,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAC5B,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAyC,OAArD,EAA6C,IAAC,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAClC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAsC,OAAlD,EAAyC,KAAE,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,4BAMvC,MAJN,EAIM,EAHS,EAAA,OAAU,CAAK,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAkC,OAAA,GAAA,EAAA,EAAA,iBAArBC,EAAAA,YAAW,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CACxC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAA4C,OAAxD,EAA6C,OAAI,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CACrC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAA4C,OAAxD,EAAyC,WAAQ,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,KAI7C,EAAA,OAAc,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAMhB,MAAA,OALJ,MAAM,iBACL,SAAA,EAAA,EAAA,eAAY,EAAY,CAAA,OAAA,CAAA,CACzB,MAAM,QACP,MAED,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAQA,EAAA,QAAA,CAAA,CALC,KAAM,EAAA,MACN,KAAM,EAAA,MACN,UAAS,EACT,QAAO,EACP,OAAM"}
+{"version":3,"file":"C_Captcha.js","names":[],"sources":["../src/components/C_Captcha/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-07-23\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-captcha-modern\">\n    <div\n      class=\"captcha-trigger\"\n      @click=\"showCaptcha\"\n      :class=\"{\n        verified: isVerified,\n        error: hasError,\n        disabled: disabled,\n      }\"\n    >\n      <div class=\"captcha-content\">\n        <div class=\"captcha-icon\">\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\n        </div>\n        <div class=\"captcha-text\">\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\n        </div>\n      </div>\n      <div\n        v-if=\"isVerified || hasError\"\n        class=\"refresh-button\"\n        @click.stop=\"resetCaptcha\"\n        title=\"重新验证\"\n      >\n        ⟲\n      </div>\n    </div>\n    <PuzzleVcode\n      :show=\"showModal\"\n      :imgs=\"captchaImages\"\n      @success=\"handleSuccess\"\n      @close=\"handleClose\"\n      @fail=\"handleFail\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onBeforeUnmount } from \"vue\";\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\n\ndefineOptions({ name: \"C_Captcha\" });\n\ninterface CaptchaProps {\n  triggerText?: string;\n  images?: string[];\n  disabled?: boolean;\n  theme?: \"light\" | \"dark\";\n}\n\ninterface CaptchaEmits {\n  (e: \"success\", data: { token: string; timestamp: number }): void;\n  (e: \"fail\", error: string): void;\n  (e: \"change\", valid: boolean): void;\n  (e: \"reset\"): void;\n}\n\nconst props = withDefaults(defineProps<CaptchaProps>(), {\n  triggerText: \"点击进行人机验证\",\n  images: () => [],\n  disabled: false,\n  theme: \"dark\",\n});\n\nconst emit = defineEmits<CaptchaEmits>();\n\nconst showModal = ref(false);\nconst isVerified = ref(false);\nconst hasError = ref(false);\nconst verificationToken = ref(\"\");\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst captchaImages = computed(() =>\n  props.images.length > 0 ? props.images : undefined,\n);\n\nconst showCaptcha = () => {\n  if (props.disabled || isVerified.value) return;\n  hasError.value = false;\n  showModal.value = true;\n};\n\nconst handleSuccess = () => {\n  isVerified.value = true;\n  hasError.value = false;\n  showModal.value = false;\n  const timestamp = Date.now();\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\n  verificationToken.value = token;\n  emit(\"success\", { token, timestamp });\n  emit(\"change\", true);\n};\n\nconst handleFail = () => {\n  isVerified.value = false;\n  hasError.value = true;\n  showModal.value = false;\n  if (errorTimer) clearTimeout(errorTimer);\n  errorTimer = setTimeout(() => {\n    hasError.value = false;\n    errorTimer = null;\n  }, 3000);\n  emit(\"fail\", \"拼图验证失败\");\n  emit(\"change\", false);\n};\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst resetCaptcha = () => {\n  isVerified.value = false;\n  hasError.value = false;\n  showModal.value = false;\n  verificationToken.value = \"\";\n  if (errorTimer) {\n    clearTimeout(errorTimer);\n    errorTimer = null;\n  }\n  emit(\"reset\");\n  emit(\"change\", false);\n};\n\ndefineExpose({\n  validate: () => isVerified.value,\n  getToken: () => verificationToken.value,\n  getVerificationData: () => {\n    if (!isVerified.value) return null;\n    return {\n      token: verificationToken.value,\n      timestamp: Date.now(),\n      type: \"puzzle-captcha\",\n    };\n  },\n  reset: resetCaptcha,\n  show: showCaptcha,\n});\n\nonBeforeUnmount(() => {\n  if (errorTimer) clearTimeout(errorTimer);\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"inBAqEA,IAAM,EAAQ,EAOR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAgB,GAAM,CACtB,GAAA,EAAA,EAAA,KAAiB,GAAM,CACvB,GAAA,EAAA,EAAA,KAAe,GAAM,CACrB,GAAA,EAAA,EAAA,KAAwB,GAAG,CAC7B,EAAmD,KAEjD,GAAA,EAAA,EAAA,cACJ,EAAM,OAAO,OAAS,EAAI,EAAM,OAAS,IAAA,GAC1C,CAEK,MAAoB,CACpB,EAAM,UAAY,EAAW,QACjC,EAAS,MAAQ,GACjB,EAAU,MAAQ,KAGd,MAAsB,CAC1B,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,IAAM,EAAY,KAAK,KAAK,CACtB,EAAQ,UAAU,EAAU,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,EAAG,EAAE,GAC/E,EAAkB,MAAQ,EAC1B,EAAK,UAAW,CAAE,QAAO,YAAW,CAAC,CACrC,EAAK,SAAU,GAAK,EAGhB,MAAmB,CACvB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GACd,GAAY,aAAa,EAAW,CACxC,EAAa,eAAiB,CAC5B,EAAS,MAAQ,GACjB,EAAa,MACZ,IAAK,CACR,EAAK,OAAQ,SAAS,CACtB,EAAK,SAAU,GAAM,EAGjB,MAAoB,CACxB,EAAU,MAAQ,IAGd,MAAqB,CACzB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,EAAkB,MAAQ,GAC1B,AAEE,KADA,aAAa,EAAW,CACX,MAEf,EAAK,QAAQ,CACb,EAAK,SAAU,GAAM,SAGvB,EAAa,CACX,aAAgB,EAAW,MAC3B,aAAgB,EAAkB,MAClC,wBACO,EAAW,MACT,CACL,MAAO,EAAkB,MACzB,UAAW,KAAK,KAAK,CACrB,KAAM,iBACP,CAL6B,KAOhC,MAAO,EACP,KAAM,EACP,CAAC,EAEF,EAAA,EAAA,qBAAsB,CAChB,GAAY,aAAa,EAAW,EACxC,oDA1GK,MAtCL,EAsCK,EAAA,EAAA,EAAA,oBARE,MAAA,CA5BH,OAAA,EAAA,EAAA,gBAAK,CAAC,kBAAgB,UAEd,EAAA,YAAA,EAAA,eAAA,EAAA,YADP,QAAO,6BAkBH,MAXL,EAWK,EAAA,EAAA,EAAA,oBANE,MAJL,EAIK,EAHU,EAAA,OAAU,CAAK,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAkB,OAAA,EAAR,KAAE,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAC5B,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAwC,OAApD,EAA6C,IAAC,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAClC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAqC,OAAjD,EAAyC,KAAE,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,4BAMxC,MAJL,EAIK,EAHU,EAAA,OAAU,CAAK,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAAiC,OAAA,GAAA,EAAA,EAAA,iBAApB,EAAA,YAAW,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CACxC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAA2C,OAAvD,EAA6C,OAAI,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CACrC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAA2C,OAAvD,EAAyC,WAAQ,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,KAI7C,EAAA,OAAc,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAMjB,MAAA,OALH,MAAM,iBACL,SAAA,EAAA,EAAA,eAAY,EAAY,CAAA,OAAA,CAAA,CACzB,MAAM,QACR,MAEA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAQD,EAAA,QAAA,CAAA,CALE,KAAM,EAAA,MACN,KAAM,EAAA,MACN,UAAS,EACT,QAAO,EACP,OAAM"}

package/dist/C_Captcha2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,normalizeClass as s,onBeforeUnmount as c,openBlock as l,ref as u,toDisplayString as d,unref as f,withModifiers as p}from"vue";import m from"vue3-puzzle-vcode";const h={class:`c-captcha-modern`},g={class:`captcha-content`},_={class:`captcha-icon`},v={key:0},y={key:1,class:`success-icon`},b={key:2,class:`error-icon`},x={class:`captcha-text`},S={key:0},C={key:1,class:`success-text`},w={key:2,class:`error-text`};var T=e(o({name:`C_Captcha`,__name:`index`,props:{triggerText:{default:`点击进行人机验证`},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`}},emits:[`success`,`fail`,`change`,`reset`],setup(e,{expose:o,emit:T}){let E=e,D=T,O=u(!1),k=u(!1),A=u(!1),j=u(``),M=null,N=t(()=>E.images.length>0?E.images:void 0),P=()=>{E.disabled||k.value||(A.value=!1,O.value=!0)},F=()=>{k.value=!0,A.value=!1,O.value=!1;let e=Date.now(),t=`puzzle_${e}_${Math.random().toString(36).substring(2,9)}`;j.value=t,D(`success`,{token:t,timestamp:e}),D(`change`,!0)},I=()=>{k.value=!1,A.value=!0,O.value=!1,M&&clearTimeout(M),M=setTimeout(()=>{A.value=!1,M=null},3e3),D(`fail`,`拼图验证失败`),D(`change`,!1)},L=()=>{O.value=!1},R=()=>{k.value=!1,A.value=!1,O.value=!1,j.value=``,M&&=(clearTimeout(M),null),D(`reset`),D(`change`,!1)};return o({validate:()=>k.value,getToken:()=>j.value,getVerificationData:()=>k.value?{token:j.value,timestamp:Date.now(),type:`puzzle-captcha`}:null,reset:R,show:P}),c(()=>{M&&clearTimeout(M)}),(e,t)=>(l(),r(`div`,h,[i(`div`,{class:s([`captcha-trigger`,{verified:k.value,error:A.value,disabled:e.disabled}]),onClick:P},[i(`div`,g,[i(`div`,_,[!k.value&&!A.value?(l(),r(`span`,v,`🧩`)):n(`v-if`,!0),k.value?(l(),r(`span`,y,`✓`)):n(`v-if`,!0),A.value?(l(),r(`span`,b,`⚠️`)):n(`v-if`,!0)]),i(`div`,x,[!k.value&&!A.value?(l(),r(`span`,S,d(e.triggerText),1)):n(`v-if`,!0),k.value?(l(),r(`span`,C,`验证成功`)):n(`v-if`,!0),A.value?(l(),r(`span`,w,`验证失败，请重试`)):n(`v-if`,!0)])]),k.value||A.value?(l(),r(`div`,{key:0,class:`refresh-button`,onClick:p(R,[`stop`]),title:`重新验证`},` ⟲ `)):n(`v-if`,!0)],2),a(f(m),{show:O.value,imgs:N.value,onSuccess:F,onClose:L,onFail:I},null,8,[`show`,`imgs`])]))}}),[[`__scopeId`,`data-v-74f1f0d1`]]);export{T as t};
+import{t as e}from"./export-helper.js";import{computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,normalizeClass as s,onBeforeUnmount as c,openBlock as l,ref as u,toDisplayString as d,unref as f,withModifiers as p}from"vue";import m from"vue3-puzzle-vcode";const h={class:`c-captcha-modern`},g={class:`captcha-content`},_={class:`captcha-icon`},v={key:0},y={key:1,class:`success-icon`},b={key:2,class:`error-icon`},x={class:`captcha-text`},S={key:0},C={key:1,class:`success-text`},w={key:2,class:`error-text`};var T=e(o({name:`C_Captcha`,__name:`index`,props:{triggerText:{default:`点击进行人机验证`},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`}},emits:[`success`,`fail`,`change`,`reset`],setup(e,{expose:o,emit:T}){let E=e,D=T,O=u(!1),k=u(!1),A=u(!1),j=u(``),M=null,N=t(()=>E.images.length>0?E.images:void 0),P=()=>{E.disabled||k.value||(A.value=!1,O.value=!0)},F=()=>{k.value=!0,A.value=!1,O.value=!1;let e=Date.now(),t=`puzzle_${e}_${Math.random().toString(36).substring(2,9)}`;j.value=t,D(`success`,{token:t,timestamp:e}),D(`change`,!0)},I=()=>{k.value=!1,A.value=!0,O.value=!1,M&&clearTimeout(M),M=setTimeout(()=>{A.value=!1,M=null},3e3),D(`fail`,`拼图验证失败`),D(`change`,!1)},L=()=>{O.value=!1},R=()=>{k.value=!1,A.value=!1,O.value=!1,j.value=``,M&&=(clearTimeout(M),null),D(`reset`),D(`change`,!1)};return o({validate:()=>k.value,getToken:()=>j.value,getVerificationData:()=>k.value?{token:j.value,timestamp:Date.now(),type:`puzzle-captcha`}:null,reset:R,show:P}),c(()=>{M&&clearTimeout(M)}),(e,t)=>(l(),r(`div`,h,[i(`div`,{class:s([`captcha-trigger`,{verified:k.value,error:A.value,disabled:e.disabled}]),onClick:P},[i(`div`,g,[i(`div`,_,[!k.value&&!A.value?(l(),r(`span`,v,`🧩`)):n(`v-if`,!0),k.value?(l(),r(`span`,y,`✓`)):n(`v-if`,!0),A.value?(l(),r(`span`,b,`⚠️`)):n(`v-if`,!0)]),i(`div`,x,[!k.value&&!A.value?(l(),r(`span`,S,d(e.triggerText),1)):n(`v-if`,!0),k.value?(l(),r(`span`,C,`验证成功`)):n(`v-if`,!0),A.value?(l(),r(`span`,w,`验证失败，请重试`)):n(`v-if`,!0)])]),k.value||A.value?(l(),r(`div`,{key:0,class:`refresh-button`,onClick:p(R,[`stop`]),title:`重新验证`},` ⟲ `)):n(`v-if`,!0)],2),a(f(m),{show:O.value,imgs:N.value,onSuccess:F,onClose:L,onFail:I},null,8,[`show`,`imgs`])]))}}),[[`__scopeId`,`data-v-a4319836`]]);export{T as t};
 //# sourceMappingURL=C_Captcha2.js.map

package/dist/C_Captcha2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Captcha2.js","names":["disabled","triggerText"],"sources":["../src/components/C_Captcha/index.vue","../src/components/C_Captcha/index.vue","../src/components/C_Captcha/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\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-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\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-07-23\r\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\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-captcha-modern\">\r\n    <div\r\n      class=\"captcha-trigger\"\r\n      @click=\"showCaptcha\"\r\n      :class=\"{\r\n        verified: isVerified,\r\n        error: hasError,\r\n        disabled: disabled,\r\n      }\"\r\n    >\r\n      <div class=\"captcha-content\">\r\n        <div class=\"captcha-icon\">\r\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\r\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\r\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\r\n        </div>\r\n        <div class=\"captcha-text\">\r\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\r\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\r\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"isVerified || hasError\"\r\n        class=\"refresh-button\"\r\n        @click.stop=\"resetCaptcha\"\r\n        title=\"重新验证\"\r\n      >\r\n        ⟲\r\n      </div>\r\n    </div>\r\n    <PuzzleVcode\r\n      :show=\"showModal\"\r\n      :imgs=\"captchaImages\"\r\n      @success=\"handleSuccess\"\r\n      @close=\"handleClose\"\r\n      @fail=\"handleFail\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onBeforeUnmount } from \"vue\";\r\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\r\n\r\ndefineOptions({ name: \"C_Captcha\" });\r\n\r\ninterface CaptchaProps {\r\n  triggerText?: string;\r\n  images?: string[];\r\n  disabled?: boolean;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface CaptchaEmits {\r\n  (e: \"success\", data: { token: string; timestamp: number }): void;\r\n  (e: \"fail\", error: string): void;\r\n  (e: \"change\", valid: boolean): void;\r\n  (e: \"reset\"): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<CaptchaProps>(), {\r\n  triggerText: \"点击进行人机验证\",\r\n  images: () => [],\r\n  disabled: false,\r\n  theme: \"dark\",\r\n});\r\n\r\nconst emit = defineEmits<CaptchaEmits>();\r\n\r\nconst showModal = ref(false);\r\nconst isVerified = ref(false);\r\nconst hasError = ref(false);\r\nconst verificationToken = ref(\"\");\r\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst captchaImages = computed(() =>\r\n  props.images.length > 0 ? props.images : undefined,\r\n);\r\n\r\nconst showCaptcha = () => {\r\n  if (props.disabled || isVerified.value) return;\r\n  hasError.value = false;\r\n  showModal.value = true;\r\n};\r\n\r\nconst handleSuccess = () => {\r\n  isVerified.value = true;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  const timestamp = Date.now();\r\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\r\n  verificationToken.value = token;\r\n  emit(\"success\", { token, timestamp });\r\n  emit(\"change\", true);\r\n};\r\n\r\nconst handleFail = () => {\r\n  isVerified.value = false;\r\n  hasError.value = true;\r\n  showModal.value = false;\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n  errorTimer = setTimeout(() => {\r\n    hasError.value = false;\r\n    errorTimer = null;\r\n  }, 3000);\r\n  emit(\"fail\", \"拼图验证失败\");\r\n  emit(\"change\", false);\r\n};\r\n\r\nconst handleClose = () => {\r\n  showModal.value = false;\r\n};\r\n\r\nconst resetCaptcha = () => {\r\n  isVerified.value = false;\r\n  hasError.value = false;\r\n  showModal.value = false;\r\n  verificationToken.value = \"\";\r\n  if (errorTimer) {\r\n    clearTimeout(errorTimer);\r\n    errorTimer = null;\r\n  }\r\n  emit(\"reset\");\r\n  emit(\"change\", false);\r\n};\r\n\r\ndefineExpose({\r\n  validate: () => isVerified.value,\r\n  getToken: () => verificationToken.value,\r\n  getVerificationData: () => {\r\n    if (!isVerified.value) return null;\r\n    return {\r\n      token: verificationToken.value,\r\n      timestamp: Date.now(),\r\n      type: \"puzzle-captcha\",\r\n    };\r\n  },\r\n  reset: resetCaptcha,\r\n  show: showCaptcha,\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  if (errorTimer) clearTimeout(errorTimer);\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"izBEqEA,IAAM,EAAQ,EAOR,EAAO,EAEP,EAAY,EAAI,GAAM,CACtB,EAAa,EAAI,GAAM,CACvB,EAAW,EAAI,GAAM,CACrB,EAAoB,EAAI,GAAG,CAC7B,EAAmD,KAEjD,EAAgB,MACpB,EAAM,OAAO,OAAS,EAAI,EAAM,OAAS,IAAA,GAC1C,CAEK,MAAoB,CACpB,EAAM,UAAY,EAAW,QACjC,EAAS,MAAQ,GACjB,EAAU,MAAQ,KAGd,MAAsB,CAC1B,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,IAAM,EAAY,KAAK,KAAK,CACtB,EAAQ,UAAU,EAAU,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,EAAG,EAAE,GAC/E,EAAkB,MAAQ,EAC1B,EAAK,UAAW,CAAE,QAAO,YAAW,CAAC,CACrC,EAAK,SAAU,GAAK,EAGhB,MAAmB,CACvB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GACd,GAAY,aAAa,EAAW,CACxC,EAAa,eAAiB,CAC5B,EAAS,MAAQ,GACjB,EAAa,MACZ,IAAK,CACR,EAAK,OAAQ,SAAS,CACtB,EAAK,SAAU,GAAM,EAGjB,MAAoB,CACxB,EAAU,MAAQ,IAGd,MAAqB,CACzB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,EAAkB,MAAQ,GAC1B,AAEE,KADA,aAAa,EAAW,CACX,MAEf,EAAK,QAAQ,CACb,EAAK,SAAU,GAAM,SAGvB,EAAa,CACX,aAAgB,EAAW,MAC3B,aAAgB,EAAkB,MAClC,wBACO,EAAW,MACT,CACL,MAAO,EAAkB,MACzB,UAAW,KAAK,KAAK,CACrB,KAAM,iBACP,CAL6B,KAOhC,MAAO,EACP,KAAM,EACP,CAAC,CAEF,MAAsB,CAChB,GAAY,aAAa,EAAW,EACxC,aAhJA,EAsCM,MAtCN,EAsCM,CArCJ,EA6BM,MAAA,CA5BJ,MAAK,EAAA,CAAC,kBAAiB,UAEM,EAAA,YAA4B,EAAA,eAA6BA,EAAAA,YADrF,QAAO,IAOR,EAWM,MAXN,EAWM,CAVJ,EAIM,MAJN,EAIM,EAHS,EAAA,OAAU,CAAK,EAAA,OAAA,GAAA,CAA5B,EAA+C,OAAA,EAAT,KAAE,EAAA,EAAA,OAAA,GAAA,CAC5B,EAAA,OAAA,GAAA,CAAZ,EAAqD,OAArD,EAA6C,IAAC,EAAA,EAAA,OAAA,GAAA,CAClC,EAAA,OAAA,GAAA,CAAZ,EAAkD,OAAlD,EAAyC,KAAE,EAAA,EAAA,OAAA,GAAA,GAE7C,EAIM,MAJN,EAIM,EAHS,EAAA,OAAU,CAAK,EAAA,OAAA,GAAA,CAA5B,EAA8D,OAAA,EAAA,EAArBC,EAAAA,YAAW,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CACxC,EAAA,OAAA,GAAA,CAAZ,EAAwD,OAAxD,EAA6C,OAAI,EAAA,EAAA,OAAA,GAAA,CACrC,EAAA,OAAA,GAAA,CAAZ,EAAwD,OAAxD,EAAyC,WAAQ,EAAA,EAAA,OAAA,GAAA,KAI7C,EAAA,OAAc,EAAA,OAAA,GAAA,CADtB,EAOM,MAAA,OALJ,MAAM,iBACL,QAAK,EAAO,EAAY,CAAA,OAAA,CAAA,CACzB,MAAM,QACP,MAED,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,EAAA,CAEF,EAME,EAAA,EAAA,CAAA,CALC,KAAM,EAAA,MACN,KAAM,EAAA,MACN,UAAS,EACT,QAAO,EACP,OAAM"}
+{"version":3,"file":"C_Captcha2.js","names":[],"sources":["../src/components/C_Captcha/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-07-23\n * @Description: 基于 vue3-puzzle-vcode 封装的验证器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-captcha-modern\">\n    <div\n      class=\"captcha-trigger\"\n      @click=\"showCaptcha\"\n      :class=\"{\n        verified: isVerified,\n        error: hasError,\n        disabled: disabled,\n      }\"\n    >\n      <div class=\"captcha-content\">\n        <div class=\"captcha-icon\">\n          <span v-if=\"!isVerified && !hasError\">🧩</span>\n          <span v-if=\"isVerified\" class=\"success-icon\">✓</span>\n          <span v-if=\"hasError\" class=\"error-icon\">⚠️</span>\n        </div>\n        <div class=\"captcha-text\">\n          <span v-if=\"!isVerified && !hasError\">{{ triggerText }}</span>\n          <span v-if=\"isVerified\" class=\"success-text\">验证成功</span>\n          <span v-if=\"hasError\" class=\"error-text\">验证失败，请重试</span>\n        </div>\n      </div>\n      <div\n        v-if=\"isVerified || hasError\"\n        class=\"refresh-button\"\n        @click.stop=\"resetCaptcha\"\n        title=\"重新验证\"\n      >\n        ⟲\n      </div>\n    </div>\n    <PuzzleVcode\n      :show=\"showModal\"\n      :imgs=\"captchaImages\"\n      @success=\"handleSuccess\"\n      @close=\"handleClose\"\n      @fail=\"handleFail\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onBeforeUnmount } from \"vue\";\nimport PuzzleVcode from \"vue3-puzzle-vcode\";\n\ndefineOptions({ name: \"C_Captcha\" });\n\ninterface CaptchaProps {\n  triggerText?: string;\n  images?: string[];\n  disabled?: boolean;\n  theme?: \"light\" | \"dark\";\n}\n\ninterface CaptchaEmits {\n  (e: \"success\", data: { token: string; timestamp: number }): void;\n  (e: \"fail\", error: string): void;\n  (e: \"change\", valid: boolean): void;\n  (e: \"reset\"): void;\n}\n\nconst props = withDefaults(defineProps<CaptchaProps>(), {\n  triggerText: \"点击进行人机验证\",\n  images: () => [],\n  disabled: false,\n  theme: \"dark\",\n});\n\nconst emit = defineEmits<CaptchaEmits>();\n\nconst showModal = ref(false);\nconst isVerified = ref(false);\nconst hasError = ref(false);\nconst verificationToken = ref(\"\");\nlet errorTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst captchaImages = computed(() =>\n  props.images.length > 0 ? props.images : undefined,\n);\n\nconst showCaptcha = () => {\n  if (props.disabled || isVerified.value) return;\n  hasError.value = false;\n  showModal.value = true;\n};\n\nconst handleSuccess = () => {\n  isVerified.value = true;\n  hasError.value = false;\n  showModal.value = false;\n  const timestamp = Date.now();\n  const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;\n  verificationToken.value = token;\n  emit(\"success\", { token, timestamp });\n  emit(\"change\", true);\n};\n\nconst handleFail = () => {\n  isVerified.value = false;\n  hasError.value = true;\n  showModal.value = false;\n  if (errorTimer) clearTimeout(errorTimer);\n  errorTimer = setTimeout(() => {\n    hasError.value = false;\n    errorTimer = null;\n  }, 3000);\n  emit(\"fail\", \"拼图验证失败\");\n  emit(\"change\", false);\n};\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst resetCaptcha = () => {\n  isVerified.value = false;\n  hasError.value = false;\n  showModal.value = false;\n  verificationToken.value = \"\";\n  if (errorTimer) {\n    clearTimeout(errorTimer);\n    errorTimer = null;\n  }\n  emit(\"reset\");\n  emit(\"change\", false);\n};\n\ndefineExpose({\n  validate: () => isVerified.value,\n  getToken: () => verificationToken.value,\n  getVerificationData: () => {\n    if (!isVerified.value) return null;\n    return {\n      token: verificationToken.value,\n      timestamp: Date.now(),\n      type: \"puzzle-captcha\",\n    };\n  },\n  reset: resetCaptcha,\n  show: showCaptcha,\n});\n\nonBeforeUnmount(() => {\n  if (errorTimer) clearTimeout(errorTimer);\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"izBAqEA,IAAM,EAAQ,EAOR,EAAO,EAEP,EAAY,EAAI,GAAM,CACtB,EAAa,EAAI,GAAM,CACvB,EAAW,EAAI,GAAM,CACrB,EAAoB,EAAI,GAAG,CAC7B,EAAmD,KAEjD,EAAgB,MACpB,EAAM,OAAO,OAAS,EAAI,EAAM,OAAS,IAAA,GAC1C,CAEK,MAAoB,CACpB,EAAM,UAAY,EAAW,QACjC,EAAS,MAAQ,GACjB,EAAU,MAAQ,KAGd,MAAsB,CAC1B,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,IAAM,EAAY,KAAK,KAAK,CACtB,EAAQ,UAAU,EAAU,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,EAAG,EAAE,GAC/E,EAAkB,MAAQ,EAC1B,EAAK,UAAW,CAAE,QAAO,YAAW,CAAC,CACrC,EAAK,SAAU,GAAK,EAGhB,MAAmB,CACvB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GACd,GAAY,aAAa,EAAW,CACxC,EAAa,eAAiB,CAC5B,EAAS,MAAQ,GACjB,EAAa,MACZ,IAAK,CACR,EAAK,OAAQ,SAAS,CACtB,EAAK,SAAU,GAAM,EAGjB,MAAoB,CACxB,EAAU,MAAQ,IAGd,MAAqB,CACzB,EAAW,MAAQ,GACnB,EAAS,MAAQ,GACjB,EAAU,MAAQ,GAClB,EAAkB,MAAQ,GAC1B,AAEE,KADA,aAAa,EAAW,CACX,MAEf,EAAK,QAAQ,CACb,EAAK,SAAU,GAAM,SAGvB,EAAa,CACX,aAAgB,EAAW,MAC3B,aAAgB,EAAkB,MAClC,wBACO,EAAW,MACT,CACL,MAAO,EAAkB,MACzB,UAAW,KAAK,KAAK,CACrB,KAAM,iBACP,CAL6B,KAOhC,MAAO,EACP,KAAM,EACP,CAAC,CAEF,MAAsB,CAChB,GAAY,aAAa,EAAW,EACxC,aAhJA,EAsCK,MAtCL,EAsCK,CArCH,EA6BK,MAAA,CA5BH,MAAK,EAAA,CAAC,kBAAgB,UAEd,EAAA,YAAA,EAAA,eAAA,EAAA,YADP,QAAO,IAOR,EAWK,MAXL,EAWK,CAVH,EAIK,MAJL,EAIK,EAHU,EAAA,OAAU,CAAK,EAAA,OAAA,GAAA,CAA5B,EAA8C,OAAA,EAAR,KAAE,EAAA,EAAA,OAAA,GAAA,CAC5B,EAAA,OAAA,GAAA,CAAZ,EAAoD,OAApD,EAA6C,IAAC,EAAA,EAAA,OAAA,GAAA,CAClC,EAAA,OAAA,GAAA,CAAZ,EAAiD,OAAjD,EAAyC,KAAE,EAAA,EAAA,OAAA,GAAA,GAE7C,EAIK,MAJL,EAIK,EAHU,EAAA,OAAU,CAAK,EAAA,OAAA,GAAA,CAA5B,EAA6D,OAAA,EAAA,EAApB,EAAA,YAAW,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,CACxC,EAAA,OAAA,GAAA,CAAZ,EAAuD,OAAvD,EAA6C,OAAI,EAAA,EAAA,OAAA,GAAA,CACrC,EAAA,OAAA,GAAA,CAAZ,EAAuD,OAAvD,EAAyC,WAAQ,EAAA,EAAA,OAAA,GAAA,KAI7C,EAAA,OAAc,EAAA,OAAA,GAAA,CADtB,EAOK,MAAA,OALH,MAAM,iBACL,QAAK,EAAO,EAAY,CAAA,OAAA,CAAA,CACzB,MAAM,QACR,MAEA,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,EAAA,CAEF,EAMC,EAAA,EAAA,CAAA,CALE,KAAM,EAAA,MACN,KAAM,EAAA,MACN,UAAS,EACT,QAAO,EACP,OAAM"}

package/dist/C_Cascade.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Cascade.js","names":["placeholders"],"sources":["../src/components/C_Cascade/index.vue","../src/components/C_Cascade/index.vue","../src/components/C_Cascade/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-28\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=\"n-cascade-selector\">\r\n    <NSelect\r\n      v-for=\"(level, index) in levels\"\r\n      :key=\"index\"\r\n      v-model:value=\"selectedValues[index]\"\r\n      :options=\"levelOptions[index]\"\r\n      clearable\r\n      :placeholder=\"placeholders[index]\"\r\n      :disabled=\"index > 0 && !selectedValues[index - 1]\"\r\n      @update:value=\"handleChange(index)\"\r\n      class=\"n-select-item\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NSelect } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Cascade\" });\r\n\r\nexport interface CascadeItem {\r\n  label: string;\r\n  value: string | number;\r\n  children?: CascadeItem[];\r\n}\r\n\r\ninterface CascadeValue {\r\n  primary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  secondary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  tertiary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    data: CascadeItem[];\r\n    placeholders?: string[];\r\n    modelValue?: CascadeValue;\r\n  }>(),\r\n  {\r\n    placeholders: () => [\"请选择\", \"请选择\", \"请选择\"],\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CascadeValue];\r\n  change: [value: CascadeValue];\r\n}>();\r\n\r\nconst levels = [0, 1, 2];\r\nconst selectedValues = ref<(string | number | null)[]>([null, null, null]);\r\n\r\nconst getLevelData = (level: number): CascadeItem[] => {\r\n  if (level === 0) return props.data;\r\n  if (!selectedValues.value[level - 1]) return [];\r\n  const parentData = getLevelData(level - 1);\r\n  return (\r\n    parentData.find((x) => x.value === selectedValues.value[level - 1])\r\n      ?.children || []\r\n  );\r\n};\r\n\r\nconst levelOptions = computed(() =>\r\n  levels.map((level) =>\r\n    getLevelData(level).map((item) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n    })),\r\n  ),\r\n);\r\n\r\nconst handleChange = (index: number) => {\r\n  selectedValues.value.splice(\r\n    index + 1,\r\n    levels.length - index - 1,\r\n    ...Array(levels.length - index - 1).fill(null),\r\n  );\r\n  emitValue();\r\n};\r\n\r\nconst getSelectedItem = (index: number) => {\r\n  const value = selectedValues.value[index];\r\n  if (!value) return null;\r\n  const data = getLevelData(index);\r\n  const item = data.find((i) => i.value === value);\r\n  return item ? { label: item.label, value: item.value } : null;\r\n};\r\n\r\nconst emitValue = () => {\r\n  const result: CascadeValue = {\r\n    primary: getSelectedItem(0),\r\n    secondary: getSelectedItem(1),\r\n    tertiary: getSelectedItem(2),\r\n  };\r\n  emit(\"update:modelValue\", result);\r\n  emit(\"change\", result);\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (val) => {\r\n    selectedValues.value = [\r\n      val?.primary?.value ?? null,\r\n      val?.secondary?.value ?? null,\r\n      val?.tertiary?.value ?? null,\r\n    ];\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.n-cascade-selector {\r\n  display: flex;\r\n  gap: 12px;\r\n  .n-select-item {\r\n    min-width: 140px;\r\n    flex: 1;\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-28\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=\"n-cascade-selector\">\r\n    <NSelect\r\n      v-for=\"(level, index) in levels\"\r\n      :key=\"index\"\r\n      v-model:value=\"selectedValues[index]\"\r\n      :options=\"levelOptions[index]\"\r\n      clearable\r\n      :placeholder=\"placeholders[index]\"\r\n      :disabled=\"index > 0 && !selectedValues[index - 1]\"\r\n      @update:value=\"handleChange(index)\"\r\n      class=\"n-select-item\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NSelect } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Cascade\" });\r\n\r\nexport interface CascadeItem {\r\n  label: string;\r\n  value: string | number;\r\n  children?: CascadeItem[];\r\n}\r\n\r\ninterface CascadeValue {\r\n  primary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  secondary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  tertiary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    data: CascadeItem[];\r\n    placeholders?: string[];\r\n    modelValue?: CascadeValue;\r\n  }>(),\r\n  {\r\n    placeholders: () => [\"请选择\", \"请选择\", \"请选择\"],\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CascadeValue];\r\n  change: [value: CascadeValue];\r\n}>();\r\n\r\nconst levels = [0, 1, 2];\r\nconst selectedValues = ref<(string | number | null)[]>([null, null, null]);\r\n\r\nconst getLevelData = (level: number): CascadeItem[] => {\r\n  if (level === 0) return props.data;\r\n  if (!selectedValues.value[level - 1]) return [];\r\n  const parentData = getLevelData(level - 1);\r\n  return (\r\n    parentData.find((x) => x.value === selectedValues.value[level - 1])\r\n      ?.children || []\r\n  );\r\n};\r\n\r\nconst levelOptions = computed(() =>\r\n  levels.map((level) =>\r\n    getLevelData(level).map((item) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n    })),\r\n  ),\r\n);\r\n\r\nconst handleChange = (index: number) => {\r\n  selectedValues.value.splice(\r\n    index + 1,\r\n    levels.length - index - 1,\r\n    ...Array(levels.length - index - 1).fill(null),\r\n  );\r\n  emitValue();\r\n};\r\n\r\nconst getSelectedItem = (index: number) => {\r\n  const value = selectedValues.value[index];\r\n  if (!value) return null;\r\n  const data = getLevelData(index);\r\n  const item = data.find((i) => i.value === value);\r\n  return item ? { label: item.label, value: item.value } : null;\r\n};\r\n\r\nconst emitValue = () => {\r\n  const result: CascadeValue = {\r\n    primary: getSelectedItem(0),\r\n    secondary: getSelectedItem(1),\r\n    tertiary: getSelectedItem(2),\r\n  };\r\n  emit(\"update:modelValue\", result);\r\n  emit(\"change\", result);\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (val) => {\r\n    selectedValues.value = [\r\n      val?.primary?.value ?? null,\r\n      val?.secondary?.value ?? null,\r\n      val?.tertiary?.value ?? null,\r\n    ];\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.n-cascade-selector {\r\n  display: flex;\r\n  gap: 12px;\r\n  .n-select-item {\r\n    min-width: 140px;\r\n    flex: 1;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-28\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=\"n-cascade-selector\">\r\n    <NSelect\r\n      v-for=\"(level, index) in levels\"\r\n      :key=\"index\"\r\n      v-model:value=\"selectedValues[index]\"\r\n      :options=\"levelOptions[index]\"\r\n      clearable\r\n      :placeholder=\"placeholders[index]\"\r\n      :disabled=\"index > 0 && !selectedValues[index - 1]\"\r\n      @update:value=\"handleChange(index)\"\r\n      class=\"n-select-item\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NSelect } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Cascade\" });\r\n\r\nexport interface CascadeItem {\r\n  label: string;\r\n  value: string | number;\r\n  children?: CascadeItem[];\r\n}\r\n\r\ninterface CascadeValue {\r\n  primary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  secondary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  tertiary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    data: CascadeItem[];\r\n    placeholders?: string[];\r\n    modelValue?: CascadeValue;\r\n  }>(),\r\n  {\r\n    placeholders: () => [\"请选择\", \"请选择\", \"请选择\"],\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CascadeValue];\r\n  change: [value: CascadeValue];\r\n}>();\r\n\r\nconst levels = [0, 1, 2];\r\nconst selectedValues = ref<(string | number | null)[]>([null, null, null]);\r\n\r\nconst getLevelData = (level: number): CascadeItem[] => {\r\n  if (level === 0) return props.data;\r\n  if (!selectedValues.value[level - 1]) return [];\r\n  const parentData = getLevelData(level - 1);\r\n  return (\r\n    parentData.find((x) => x.value === selectedValues.value[level - 1])\r\n      ?.children || []\r\n  );\r\n};\r\n\r\nconst levelOptions = computed(() =>\r\n  levels.map((level) =>\r\n    getLevelData(level).map((item) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n    })),\r\n  ),\r\n);\r\n\r\nconst handleChange = (index: number) => {\r\n  selectedValues.value.splice(\r\n    index + 1,\r\n    levels.length - index - 1,\r\n    ...Array(levels.length - index - 1).fill(null),\r\n  );\r\n  emitValue();\r\n};\r\n\r\nconst getSelectedItem = (index: number) => {\r\n  const value = selectedValues.value[index];\r\n  if (!value) return null;\r\n  const data = getLevelData(index);\r\n  const item = data.find((i) => i.value === value);\r\n  return item ? { label: item.label, value: item.value } : null;\r\n};\r\n\r\nconst emitValue = () => {\r\n  const result: CascadeValue = {\r\n    primary: getSelectedItem(0),\r\n    secondary: getSelectedItem(1),\r\n    tertiary: getSelectedItem(2),\r\n  };\r\n  emit(\"update:modelValue\", result);\r\n  emit(\"change\", result);\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (val) => {\r\n    selectedValues.value = [\r\n      val?.primary?.value ?? null,\r\n      val?.secondary?.value ?? null,\r\n      val?.tertiary?.value ?? null,\r\n    ];\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.n-cascade-selector {\r\n  display: flex;\r\n  gap: 12px;\r\n  .n-select-item {\r\n    min-width: 140px;\r\n    flex: 1;\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"6UEyCA,IAAM,EAAQ,EAWR,EAAO,EAKP,EAAS,CAAC,EAAG,EAAG,EAAE,CAClB,GAAA,EAAA,EAAA,KAAiD,CAAC,KAAM,KAAM,KAAK,CAAC,CAEpE,EAAgB,GAChB,IAAU,EAAU,EAAM,KACzB,EAAe,MAAM,EAAQ,IACf,EAAa,EAAQ,EAAE,CAE7B,KAAM,GAAM,EAAE,QAAU,EAAe,MAAM,EAAQ,GAAG,EAC/D,UAJuC,EAAE,CAQ3C,GAAA,EAAA,EAAA,cACJ,EAAO,IAAK,GACV,EAAa,EAAM,CAAC,IAAK,IAAU,CACjC,MAAO,EAAK,MACZ,MAAO,EAAK,MACb,EAAE,CACJ,CACF,CAEK,EAAgB,GAAkB,CACtC,EAAe,MAAM,OACnB,EAAQ,EACR,EAAO,OAAS,EAAQ,EACxB,GAAG,MAAM,EAAO,OAAS,EAAQ,EAAE,CAAC,KAAK,KAAK,CAC/C,CACD,GAAW,EAGP,EAAmB,GAAkB,CACzC,IAAM,EAAQ,EAAe,MAAM,GACnC,GAAI,CAAC,EAAO,OAAO,KAEnB,IAAM,EADO,EAAa,EAAM,CACd,KAAM,GAAM,EAAE,QAAU,EAAM,CAChD,OAAO,EAAO,CAAE,MAAO,EAAK,MAAO,MAAO,EAAK,MAAO,CAAG,MAGrD,MAAkB,CACtB,IAAM,EAAuB,CAC3B,QAAS,EAAgB,EAAE,CAC3B,UAAW,EAAgB,EAAE,CAC7B,SAAU,EAAgB,EAAE,CAC7B,CACD,EAAK,oBAAqB,EAAO,CACjC,EAAK,SAAU,EAAO,SAGxB,EAAA,EAAA,WACQ,EAAM,WACX,GAAQ,CACP,EAAe,MAAQ,CACrB,GAAK,SAAS,OAAS,KACvB,GAAK,WAAW,OAAS,KACzB,GAAK,UAAU,OAAS,KACzB,EAEH,CAAE,UAAW,GAAM,KAAM,GAAM,CAChC,oDAhGO,MAZN,EAYM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBADF,EAAA,SAAA,MAAA,EAAA,EAAA,YATyB,GAAjB,EAAO,kCASf,EAAA,QAAA,CAAA,CARC,IAAK,EACE,MAAO,EAAA,MAAe,wBAAf,EAAA,MAAe,GAAK,EAAA,GAKpB,EAAa,EAAK,CAAA,CAJhC,QAAS,EAAA,MAAa,GACvB,UAAA,GACC,YAAaA,EAAAA,aAAa,GAC1B,SAAU,EAAK,GAAA,CAAS,EAAA,MAAe,EAAK,GAE7C,MAAM"}
+{"version":3,"file":"C_Cascade.js","names":[],"sources":["../src/components/C_Cascade/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-28\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=\"n-cascade-selector\">\r\n    <NSelect\r\n      v-for=\"(level, index) in levels\"\r\n      :key=\"index\"\r\n      v-model:value=\"selectedValues[index]\"\r\n      :options=\"levelOptions[index]\"\r\n      clearable\r\n      :placeholder=\"placeholders[index]\"\r\n      :disabled=\"index > 0 && !selectedValues[index - 1]\"\r\n      @update:value=\"handleChange(index)\"\r\n      class=\"n-select-item\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NSelect } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Cascade\" });\r\n\r\nexport interface CascadeItem {\r\n  label: string;\r\n  value: string | number;\r\n  children?: CascadeItem[];\r\n}\r\n\r\ninterface CascadeValue {\r\n  primary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  secondary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n  tertiary?: Pick<CascadeItem, \"label\" | \"value\"> | null;\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    data: CascadeItem[];\r\n    placeholders?: string[];\r\n    modelValue?: CascadeValue;\r\n  }>(),\r\n  {\r\n    placeholders: () => [\"请选择\", \"请选择\", \"请选择\"],\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CascadeValue];\r\n  change: [value: CascadeValue];\r\n}>();\r\n\r\nconst levels = [0, 1, 2];\r\nconst selectedValues = ref<(string | number | null)[]>([null, null, null]);\r\n\r\nconst getLevelData = (level: number): CascadeItem[] => {\r\n  if (level === 0) return props.data;\r\n  if (!selectedValues.value[level - 1]) return [];\r\n  const parentData = getLevelData(level - 1);\r\n  return (\r\n    parentData.find((x) => x.value === selectedValues.value[level - 1])\r\n      ?.children || []\r\n  );\r\n};\r\n\r\nconst levelOptions = computed(() =>\r\n  levels.map((level) =>\r\n    getLevelData(level).map((item) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n    })),\r\n  ),\r\n);\r\n\r\nconst handleChange = (index: number) => {\r\n  selectedValues.value.splice(\r\n    index + 1,\r\n    levels.length - index - 1,\r\n    ...Array(levels.length - index - 1).fill(null),\r\n  );\r\n  emitValue();\r\n};\r\n\r\nconst getSelectedItem = (index: number) => {\r\n  const value = selectedValues.value[index];\r\n  if (!value) return null;\r\n  const data = getLevelData(index);\r\n  const item = data.find((i) => i.value === value);\r\n  return item ? { label: item.label, value: item.value } : null;\r\n};\r\n\r\nconst emitValue = () => {\r\n  const result: CascadeValue = {\r\n    primary: getSelectedItem(0),\r\n    secondary: getSelectedItem(1),\r\n    tertiary: getSelectedItem(2),\r\n  };\r\n  emit(\"update:modelValue\", result);\r\n  emit(\"change\", result);\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (val) => {\r\n    selectedValues.value = [\r\n      val?.primary?.value ?? null,\r\n      val?.secondary?.value ?? null,\r\n      val?.tertiary?.value ?? null,\r\n    ];\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.n-cascade-selector {\r\n  display: flex;\r\n  gap: 12px;\r\n  .n-select-item {\r\n    min-width: 140px;\r\n    flex: 1;\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"yUAyCA,IAAM,EAAQ,EAWR,EAAO,EAKP,EAAS,CAAC,EAAG,EAAG,EAAE,CAClB,GAAA,EAAA,EAAA,KAAiD,CAAC,KAAM,KAAM,KAAK,CAAC,CAEpE,EAAgB,GAChB,IAAU,EAAU,EAAM,KACzB,EAAe,MAAM,EAAQ,IACf,EAAa,EAAQ,EAAE,CAE7B,KAAM,GAAM,EAAE,QAAU,EAAe,MAAM,EAAQ,GAAG,EAC/D,UAJuC,EAAE,CAQ3C,GAAA,EAAA,EAAA,cACJ,EAAO,IAAK,GACV,EAAa,EAAM,CAAC,IAAK,IAAU,CACjC,MAAO,EAAK,MACZ,MAAO,EAAK,MACb,EAAE,CACJ,CACF,CAEK,EAAgB,GAAkB,CACtC,EAAe,MAAM,OACnB,EAAQ,EACR,EAAO,OAAS,EAAQ,EACxB,GAAG,MAAM,EAAO,OAAS,EAAQ,EAAE,CAAC,KAAK,KAAK,CAC/C,CACD,GAAW,EAGP,EAAmB,GAAkB,CACzC,IAAM,EAAQ,EAAe,MAAM,GACnC,GAAI,CAAC,EAAO,OAAO,KAEnB,IAAM,EADO,EAAa,EAAM,CACd,KAAM,GAAM,EAAE,QAAU,EAAM,CAChD,OAAO,EAAO,CAAE,MAAO,EAAK,MAAO,MAAO,EAAK,MAAO,CAAG,MAGrD,MAAkB,CACtB,IAAM,EAAuB,CAC3B,QAAS,EAAgB,EAAE,CAC3B,UAAW,EAAgB,EAAE,CAC7B,SAAU,EAAgB,EAAE,CAC7B,CACD,EAAK,oBAAqB,EAAO,CACjC,EAAK,SAAU,EAAO,SAGxB,EAAA,EAAA,WACQ,EAAM,WACX,GAAQ,CACP,EAAe,MAAQ,CACrB,GAAK,SAAS,OAAS,KACvB,GAAK,WAAW,OAAS,KACzB,GAAK,UAAU,OAAS,KACzB,EAEH,CAAE,UAAW,GAAM,KAAM,GAAM,CAChC,oDAhGO,MAZN,EAYM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBADF,EAAA,SAAA,MAAA,EAAA,EAAA,YATyB,GAAjB,EAAO,kCASf,EAAA,QAAA,CAAA,CARC,IAAK,EACE,MAAO,EAAA,MAAe,wBAAf,EAAA,MAAe,GAAK,EAAA,GAKpB,EAAa,EAAK,CAAA,CAJhC,QAAS,EAAA,MAAa,GACvB,UAAA,GACC,YAAa,EAAA,aAAa,GAC1B,SAAU,EAAK,GAAA,CAAS,EAAA,MAAe,EAAK,GAE7C,MAAM"}

package/dist/C_Cascade2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{NSelect as t}from"naive-ui";import{Fragment as n,computed as r,createElementBlock as i,createVNode as a,defineComponent as o,openBlock as s,ref as c,renderList as l,unref as u,watch as d}from"vue";const f={class:`n-cascade-selector`};var p=e(o({name:`C_Cascade`,__name:`index`,props:{data:{},placeholders:{default:()=>[`请选择`,`请选择`,`请选择`]},modelValue:{}},emits:[`update:modelValue`,`change`],setup(e,{emit:o}){let p=e,m=o,h=[0,1,2],g=c([null,null,null]),_=e=>e===0?p.data:g.value[e-1]&&_(e-1).find(t=>t.value===g.value[e-1])?.children||[],v=r(()=>h.map(e=>_(e).map(e=>({label:e.label,value:e.value})))),y=e=>{g.value.splice(e+1,h.length-e-1,...Array(h.length-e-1).fill(null)),x()},b=e=>{let t=g.value[e];if(!t)return null;let n=_(e).find(e=>e.value===t);return n?{label:n.label,value:n.value}:null},x=()=>{let e={primary:b(0),secondary:b(1),tertiary:b(2)};m(`update:modelValue`,e),m(`change`,e)};return d(()=>p.modelValue,e=>{g.value=[e?.primary?.value??null,e?.secondary?.value??null,e?.tertiary?.value??null]},{immediate:!0,deep:!0}),(e,r)=>(s(),i(`div`,f,[(s(),i(n,null,l(h,(n,r)=>a(u(t),{key:r,value:g.value[r],"onUpdate:value":[e=>g.value[r]=e,e=>y(r)],options:v.value[r],clearable:``,placeholder:e.placeholders[r],disabled:r>0&&!g.value[r-1],class:`n-select-item`},null,8,[`value`,`onUpdate:value`,`options`,`placeholder`,`disabled`])),64))]))}}),[[`__scopeId`,`data-v-e3904f11`]]);export{p as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createElementBlock as r,createVNode as i,defineComponent as a,openBlock as o,ref as s,renderList as c,unref as l,watch as u}from"vue";import{NSelect as d}from"naive-ui";const f={class:`n-cascade-selector`};var p=e(a({name:`C_Cascade`,__name:`index`,props:{data:{},placeholders:{default:()=>[`请选择`,`请选择`,`请选择`]},modelValue:{}},emits:[`update:modelValue`,`change`],setup(e,{emit:a}){let p=e,m=a,h=[0,1,2],g=s([null,null,null]),_=e=>e===0?p.data:g.value[e-1]&&_(e-1).find(t=>t.value===g.value[e-1])?.children||[],v=n(()=>h.map(e=>_(e).map(e=>({label:e.label,value:e.value})))),y=e=>{g.value.splice(e+1,h.length-e-1,...Array(h.length-e-1).fill(null)),x()},b=e=>{let t=g.value[e];if(!t)return null;let n=_(e).find(e=>e.value===t);return n?{label:n.label,value:n.value}:null},x=()=>{let e={primary:b(0),secondary:b(1),tertiary:b(2)};m(`update:modelValue`,e),m(`change`,e)};return u(()=>p.modelValue,e=>{g.value=[e?.primary?.value??null,e?.secondary?.value??null,e?.tertiary?.value??null]},{immediate:!0,deep:!0}),(e,n)=>(o(),r(`div`,f,[(o(),r(t,null,c(h,(t,n)=>i(l(d),{key:n,value:g.value[n],"onUpdate:value":[e=>g.value[n]=e,e=>y(n)],options:v.value[n],clearable:``,placeholder:e.placeholders[n],disabled:n>0&&!g.value[n-1],class:`n-select-item`},null,8,[`value`,`onUpdate:value`,`options`,`placeholder`,`disabled`])),64))]))}}),[[`__scopeId`,`data-v-e3904f11`]]);export{p as t};
 //# sourceMappingURL=C_Cascade2.js.map