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

package/dist/C_Barcode.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Barcode = require('./C_Barcode.js');
-
-exports.C_Barcode = require_C_Barcode.C_Barcode_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Barcode.js`);exports.C_Barcode=e.t;

package/dist/C_Barcode.js

@@ -1,3 +1 @@
-import { t as C_Barcode_default } from "./C_Barcode2.js";
-
-export { C_Barcode_default as C_Barcode };
+import{t as e}from"./C_Barcode2.js";export{e as C_Barcode};

package/dist/C_Barcode.js.map

@@ -0,0 +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"}

package/dist/C_Barcode2.js

@@ -1,68 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref } from "vue";
-import VueBarcode from "@chenfengyuan/vue-barcode";
-
-//#region src/components/C_Barcode/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "c-barcode" };
-const _hoisted_2 = {
-	key: 0,
-	class: "barcode-label"
-};
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Barcode",
-	__name: "index",
-	props: {
-		value: {},
-		format: { default: "CODE128" },
-		width: { default: 2 },
-		height: { default: 80 },
-		showText: {
-			type: Boolean,
-			default: true
-		},
-		fontSize: { default: 20 },
-		textPosition: { default: "bottom" },
-		lineColor: { default: "#000000" },
-		background: { default: "#FFFFFF" },
-		showBorder: {
-			type: Boolean,
-			default: true
-		},
-		label: { default: "" },
-		showLabel: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["error"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const barcodeProps = computed(() => ({
-			value: props.value,
-			format: props.format,
-			width: props.width,
-			height: props.height,
-			displayValue: props.showText,
-			fontSize: props.fontSize,
-			textPosition: props.textPosition,
-			lineColor: props.lineColor,
-			background: props.background
-		}));
-		const handleError = (error) => {
-			console.error("条形码生成失败:", error);
-			emit("error", error);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["barcode-wrapper", { "with-border": _ctx.showBorder }]) }, [createVNode(unref(VueBarcode), mergeProps(barcodeProps.value, { onError: handleError }), null, 16)], 2), _ctx.showLabel && _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Barcode/index.vue
-var C_Barcode_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e44c361d"]]);
-
-//#endregion
-export { C_Barcode_default 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-e44c361d`]]);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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC+CA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAIb,MAAM,eAAe,gBAAgB;GACnC,OAAO,MAAM;GACb,QAAQ,MAAM;GACd,OAAO,MAAM;GACb,QAAQ,MAAM;GACd,cAAc,MAAM;GACpB,UAAU,MAAM;GAChB,cAAc,MAAM;GACpB,WAAW,MAAM;GACjB,YAAY,MAAM;GACnB,EAAE;EAEH,MAAM,eAAe,UAAiB;AACpC,WAAQ,MAAM,YAAY,MAAM;AAChC,QAAK,SAAS,MAAM;;;uBAvEpB,mBAOM,OAPN,YAOM,CANJ,mBAEM,OAAA,EAFD,OAAK,eAAA,CAAC,mBAAiB,EAAA,eAA0BA,KAAAA,YAAU,CAAA,CAAA,KAC9D,YAAyD,MAAA,WAAA,EAAzD,WAAoB,aAAqC,OAAzB,EAAG,SAAO,aAAW,CAAA,EAAA,MAAA,GAAA,OAE5CC,KAAAA,aAAaC,KAAAA,sBAAxB,mBAEM,OAFN,YAEM,gBADDA,KAAAA,MAAK,EAAA,EAAA"}
+{"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"}

package/dist/C_Captcha.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Captcha = require('./C_Captcha.js');
-
-exports.C_Captcha = require_C_Captcha.C_Captcha_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Captcha.js`);exports.C_Captcha=e.t;

package/dist/C_Captcha.js

@@ -1,3 +1 @@
-import { t as C_Captcha_default } from "./C_Captcha2.js";
-
-export { C_Captcha_default as C_Captcha };
+import{t as e}from"./C_Captcha2.js";export{e as C_Captcha};

package/dist/C_Captcha.js.map

@@ -0,0 +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"}

package/dist/C_Captcha2.js

@@ -1,155 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, toDisplayString, unref, withModifiers } from "vue";
-import PuzzleVcode from "vue3-puzzle-vcode";
-
-//#region src/components/C_Captcha/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "c-captcha-modern" };
-const _hoisted_2 = { class: "captcha-content" };
-const _hoisted_3 = { class: "captcha-icon" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-	key: 1,
-	class: "success-icon"
-};
-const _hoisted_6 = {
-	key: 2,
-	class: "error-icon"
-};
-const _hoisted_7 = { class: "captcha-text" };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = {
-	key: 1,
-	class: "success-text"
-};
-const _hoisted_10 = {
-	key: 2,
-	class: "error-text"
-};
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Captcha",
-	__name: "index",
-	props: {
-		triggerText: { default: "点击进行人机验证" },
-		images: { default: () => [] },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		theme: { default: "dark" }
-	},
-	emits: [
-		"success",
-		"fail",
-		"change",
-		"reset"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const showModal = ref(false);
-		const isVerified = ref(false);
-		const hasError = ref(false);
-		const verificationToken = ref("");
-		let errorTimer = null;
-		const captchaImages = computed(() => props.images.length > 0 ? props.images : void 0);
-		const showCaptcha = () => {
-			if (props.disabled || isVerified.value) return;
-			hasError.value = false;
-			showModal.value = true;
-		};
-		const handleSuccess = () => {
-			isVerified.value = true;
-			hasError.value = false;
-			showModal.value = false;
-			const timestamp = Date.now();
-			const token = `puzzle_${timestamp}_${Math.random().toString(36).substring(2, 9)}`;
-			verificationToken.value = token;
-			emit("success", {
-				token,
-				timestamp
-			});
-			emit("change", true);
-		};
-		const handleFail = () => {
-			isVerified.value = false;
-			hasError.value = true;
-			showModal.value = false;
-			if (errorTimer) clearTimeout(errorTimer);
-			errorTimer = setTimeout(() => {
-				hasError.value = false;
-				errorTimer = null;
-			}, 3e3);
-			emit("fail", "拼图验证失败");
-			emit("change", false);
-		};
-		const handleClose = () => {
-			showModal.value = false;
-		};
-		const resetCaptcha = () => {
-			isVerified.value = false;
-			hasError.value = false;
-			showModal.value = false;
-			verificationToken.value = "";
-			if (errorTimer) {
-				clearTimeout(errorTimer);
-				errorTimer = null;
-			}
-			emit("reset");
-			emit("change", false);
-		};
-		__expose({
-			validate: () => isVerified.value,
-			getToken: () => verificationToken.value,
-			getVerificationData: () => {
-				if (!isVerified.value) return null;
-				return {
-					token: verificationToken.value,
-					timestamp: Date.now(),
-					type: "puzzle-captcha"
-				};
-			},
-			reset: resetCaptcha,
-			show: showCaptcha
-		});
-		onBeforeUnmount(() => {
-			if (errorTimer) clearTimeout(errorTimer);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
-				class: normalizeClass(["captcha-trigger", {
-					verified: isVerified.value,
-					error: hasError.value,
-					disabled: _ctx.disabled
-				}]),
-				onClick: showCaptcha
-			}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
-				!isVerified.value && !hasError.value ? (openBlock(), createElementBlock("span", _hoisted_4, "🧩")) : createCommentVNode("v-if", true),
-				isVerified.value ? (openBlock(), createElementBlock("span", _hoisted_5, "✓")) : createCommentVNode("v-if", true),
-				hasError.value ? (openBlock(), createElementBlock("span", _hoisted_6, "⚠️")) : createCommentVNode("v-if", true)
-			]), createElementVNode("div", _hoisted_7, [
-				!isVerified.value && !hasError.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(_ctx.triggerText), 1)) : createCommentVNode("v-if", true),
-				isVerified.value ? (openBlock(), createElementBlock("span", _hoisted_9, "验证成功")) : createCommentVNode("v-if", true),
-				hasError.value ? (openBlock(), createElementBlock("span", _hoisted_10, "验证失败，请重试")) : createCommentVNode("v-if", true)
-			])]), isVerified.value || hasError.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: "refresh-button",
-				onClick: withModifiers(resetCaptcha, ["stop"]),
-				title: "重新验证"
-			}, " ⟲ ")) : createCommentVNode("v-if", true)], 2), createVNode(unref(PuzzleVcode), {
-				show: showModal.value,
-				imgs: captchaImages.value,
-				onSuccess: handleSuccess,
-				onClose: handleClose,
-				onFail: handleFail
-			}, null, 8, ["show", "imgs"])]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Captcha/index.vue
-var C_Captcha_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-74f1f0d1"]]);
-
-//#endregion
-export { C_Captcha_default 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-74f1f0d1`]]);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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECqEA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,YAAY,IAAI,MAAM;EAC5B,MAAM,aAAa,IAAI,MAAM;EAC7B,MAAM,WAAW,IAAI,MAAM;EAC3B,MAAM,oBAAoB,IAAI,GAAG;EACjC,IAAI,aAAmD;EAEvD,MAAM,gBAAgB,eACpB,MAAM,OAAO,SAAS,IAAI,MAAM,SAAS,OAC1C;EAED,MAAM,oBAAoB;AACxB,OAAI,MAAM,YAAY,WAAW,MAAO;AACxC,YAAS,QAAQ;AACjB,aAAU,QAAQ;;EAGpB,MAAM,sBAAsB;AAC1B,cAAW,QAAQ;AACnB,YAAS,QAAQ;AACjB,aAAU,QAAQ;GAClB,MAAM,YAAY,KAAK,KAAK;GAC5B,MAAM,QAAQ,UAAU,UAAU,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,GAAG,EAAE;AAC/E,qBAAkB,QAAQ;AAC1B,QAAK,WAAW;IAAE;IAAO;IAAW,CAAC;AACrC,QAAK,UAAU,KAAK;;EAGtB,MAAM,mBAAmB;AACvB,cAAW,QAAQ;AACnB,YAAS,QAAQ;AACjB,aAAU,QAAQ;AAClB,OAAI,WAAY,cAAa,WAAW;AACxC,gBAAa,iBAAiB;AAC5B,aAAS,QAAQ;AACjB,iBAAa;MACZ,IAAK;AACR,QAAK,QAAQ,SAAS;AACtB,QAAK,UAAU,MAAM;;EAGvB,MAAM,oBAAoB;AACxB,aAAU,QAAQ;;EAGpB,MAAM,qBAAqB;AACzB,cAAW,QAAQ;AACnB,YAAS,QAAQ;AACjB,aAAU,QAAQ;AAClB,qBAAkB,QAAQ;AAC1B,OAAI,YAAY;AACd,iBAAa,WAAW;AACxB,iBAAa;;AAEf,QAAK,QAAQ;AACb,QAAK,UAAU,MAAM;;AAGvB,WAAa;GACX,gBAAgB,WAAW;GAC3B,gBAAgB,kBAAkB;GAClC,2BAA2B;AACzB,QAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,WAAO;KACL,OAAO,kBAAkB;KACzB,WAAW,KAAK,KAAK;KACrB,MAAM;KACP;;GAEH,OAAO;GACP,MAAM;GACP,CAAC;AAEF,wBAAsB;AACpB,OAAI,WAAY,cAAa,WAAW;IACxC;;uBAhJA,mBAsCM,OAtCN,YAsCM,CArCJ,mBA6BM,OAAA;IA5BJ,OAAK,eAAA,CAAC,mBAAiB;eAEM,WAAA;YAA4B,SAAA;eAA6BA,KAAAA;;IADrF,SAAO;OAOR,mBAWM,OAXN,YAWM,CAVJ,mBAIM,OAJN,YAIM;KAHS,WAAA,SAAU,CAAK,SAAA,sBAA5B,mBAA+C,QAAA,YAAT,KAAE;IAC5B,WAAA,sBAAZ,mBAAqD,QAArD,YAA6C,IAAC;IAClC,SAAA,sBAAZ,mBAAkD,QAAlD,YAAyC,KAAE;OAE7C,mBAIM,OAJN,YAIM;KAHS,WAAA,SAAU,CAAK,SAAA,sBAA5B,mBAA8D,QAAA,YAAA,gBAArBC,KAAAA,YAAW,EAAA,EAAA;IACxC,WAAA,sBAAZ,mBAAwD,QAAxD,YAA6C,OAAI;IACrC,SAAA,sBAAZ,mBAAwD,QAAxD,aAAyC,WAAQ;SAI7C,WAAA,SAAc,SAAA,sBADtB,mBAOM,OAAA;;IALJ,OAAM;IACL,SAAK,cAAO,cAAY,CAAA,OAAA,CAAA;IACzB,OAAM;MACP,MAED,2CAEF,YAME,MAAA,YAAA,EAAA;IALC,MAAM,UAAA;IACN,MAAM,cAAA;IACN,WAAS;IACT,SAAO;IACP,QAAM"}
+{"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"}

package/dist/C_Cascade.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Cascade = require('./C_Cascade.js');
-
-exports.C_Cascade = require_C_Cascade.C_Cascade_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Cascade.js`);exports.C_Cascade=e.t;

package/dist/C_Cascade.js

@@ -1,3 +1 @@
-import { t as C_Cascade_default } from "./C_Cascade2.js";
-
-export { C_Cascade_default as C_Cascade };
+import{t as e}from"./C_Cascade2.js";export{e as C_Cascade};

package/dist/C_Cascade.js.map

@@ -0,0 +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"}

package/dist/C_Cascade2.js

@@ -1,103 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { NSelect } from "naive-ui";
-import { Fragment, computed, createElementBlock, createVNode, defineComponent, openBlock, ref, renderList, unref, watch } from "vue";
-
-//#region src/components/C_Cascade/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "n-cascade-selector" };
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Cascade",
-	__name: "index",
-	props: {
-		data: {},
-		placeholders: { default: () => [
-			"请选择",
-			"请选择",
-			"请选择"
-		] },
-		modelValue: {}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const levels = [
-			0,
-			1,
-			2
-		];
-		const selectedValues = ref([
-			null,
-			null,
-			null
-		]);
-		const getLevelData = (level) => {
-			if (level === 0) return props.data;
-			if (!selectedValues.value[level - 1]) return [];
-			return getLevelData(level - 1).find((x) => x.value === selectedValues.value[level - 1])?.children || [];
-		};
-		const levelOptions = computed(() => levels.map((level) => getLevelData(level).map((item) => ({
-			label: item.label,
-			value: item.value
-		}))));
-		const handleChange = (index) => {
-			selectedValues.value.splice(index + 1, levels.length - index - 1, ...Array(levels.length - index - 1).fill(null));
-			emitValue();
-		};
-		const getSelectedItem = (index) => {
-			const value = selectedValues.value[index];
-			if (!value) return null;
-			const item = getLevelData(index).find((i) => i.value === value);
-			return item ? {
-				label: item.label,
-				value: item.value
-			} : null;
-		};
-		const emitValue = () => {
-			const result = {
-				primary: getSelectedItem(0),
-				secondary: getSelectedItem(1),
-				tertiary: getSelectedItem(2)
-			};
-			emit("update:modelValue", result);
-			emit("change", result);
-		};
-		watch(() => props.modelValue, (val) => {
-			selectedValues.value = [
-				val?.primary?.value ?? null,
-				val?.secondary?.value ?? null,
-				val?.tertiary?.value ?? null
-			];
-		}, {
-			immediate: true,
-			deep: true
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createElementBlock(Fragment, null, renderList(levels, (level, index) => {
-				return createVNode(unref(NSelect), {
-					key: index,
-					value: selectedValues.value[index],
-					"onUpdate:value": [($event) => selectedValues.value[index] = $event, ($event) => handleChange(index)],
-					options: levelOptions.value[index],
-					clearable: "",
-					placeholder: _ctx.placeholders[index],
-					disabled: index > 0 && !selectedValues.value[index - 1],
-					class: "n-select-item"
-				}, null, 8, [
-					"value",
-					"onUpdate:value",
-					"options",
-					"placeholder",
-					"disabled"
-				]);
-			}), 64))]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Cascade/index.vue
-var C_Cascade_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e3904f11"]]);
-
-//#endregion
-export { C_Cascade_default as t };
+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};
 //# sourceMappingURL=C_Cascade2.js.map