@robot-admin/naive-ui-components 0.3.1 → 0.3.3

package/dist/C_Progress2.js

@@ -1,5 +1,5 @@
-import { computed, createBlock, createSlots, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, unref, useSlots, watch, withCtx } from "vue";
 import { NProgress } from "naive-ui";
+import { computed, createBlock, createSlots, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, unref, useSlots, watch, withCtx } from "vue";
 
 //#region src/components/C_Progress/index.vue?vue&type=script&setup=true&lang.ts
 var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/C_Progress2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Progress2.js","names":["isAnimation","showIndicator"],"sources":["../src/components/C_Progress/index.vue","../src/components/C_Progress/index.vue","../src/components/C_Progress/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECmDA,MAAM,QAAQ;EAWd,MAAM,QAAQ,UAAU;EACxB,MAAM,IAAI,IACR,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,EAC3D;EAED,MAAM,mBAAmB,eAAe,CAAC,CAAC,MAAM,UAAU;EAE1D,MAAM,sBAAsB,eAAe;AACzC,UAAO,MAAM,SAAS,oBAClB,MAAM,QAAQ,EAAE,MAAM,GACpB,EAAE,QACF,CAAC,EAAE,MAAM,GACX,MAAM,QAAQ,EAAE,MAAM,GACpB,EAAE,MAAM,KACR,EAAE;IACR;EAEF,MAAM,gBAAgB,gBAAgB;GACpC,MAAM,MAAM;GACZ,cAAc,MAAM;GACpB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,kBAAkB,MAAM;GACxB,WAAW,MAAM;GACjB,iBAAiB,MAAM;GACvB,QAAQ,MAAM;GACd,oBAAoB,MAAM;GAC1B,oBAAoB,MAAM;GAC1B,cAAc,MAAM;GACpB,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,QAAQ,MAAM;GACd,aAAa,MAAM;GACnB,MAAM,MAAM;GACb,EAAE;AAEH,cACQ,MAAM,aACX,WAAW;AACV,OAAI,CAAC,MAAM,YACT,GAAE,QAAQ;YACD,MAAM,SAAS,qBAAqB,MAAM,QAAQ,OAAO,CAClE,GAAE,QAAQ,CAAC,GAAG,OAAO;KAGzB;GAAE,WAAW;GAAM,MAAM;GAAM,CAChC;AAED,kBAAgB;AACd,OAAI,MAAM,eAAe,MAAM,SAAS,mBAAmB;IACzD,MAAM,cAAc,MAAM,QAAQ,MAAM,WAAW,GAC/C,MAAM,WAAW,KACjB,MAAM;AAEV,QAAI,cAAc,GAAG;KACnB,MAAM,YAAY,YAAY,KAAK;KAEnC,MAAM,WAAW,QAAgB;MAC/B,MAAM,UAAU,MAAM;MACtB,MAAM,WAAW,KAAK,IAAI,UAAU,MAAM,MAAM,EAAE;AAClD,QAAE,QAAQ,KAAK,MAAM,WAAW,YAAY;AAE5C,UAAI,WAAW,EACb,uBAAsB,QAAQ;;AAIlC,2BAAsB,QAAQ;;;IAGlC;;uBA5HA,YAQY,MAAA,UAAA,EARZ,WACU,cAOE,OAPW;IACpB,YAAY,oBAAA;IACZ,YAAYA,KAAAA;8BAEGC,KAAAA,iBAAiB,iBAAA;UAAmB;sBACzB,CAAzB,WAAyB,KAAA,QAAA,YAAA"}
+{"version":3,"file":"C_Progress2.js","names":["isAnimation","showIndicator"],"sources":["../src/components/C_Progress/index.vue","../src/components/C_Progress/index.vue","../src/components/C_Progress/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 进度条组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NProgress\r\n    v-bind=\"progressProps\"\r\n    :percentage=\"processedPercentage\"\r\n    :processing=\"isAnimation\"\r\n  >\r\n    <template v-if=\"showIndicator && hasIndicatorSlot\" #default>\r\n      <slot name=\"indicator\" />\r\n    </template>\r\n  </NProgress>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, computed, watch, useSlots, onMounted } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { CSSProperties } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Progress\" });\r\n\r\ntype CSS = CSSProperties | string;\r\n\r\ninterface Props {\r\n  percentage: number | number[];\r\n  isAnimation?: boolean;\r\n  time?: number;\r\n  type?: \"line\" | \"circle\" | \"multiple-circle\" | \"dashboard\";\r\n  borderRadius?: number | string;\r\n  circleGap?: number;\r\n  color?: string | string[] | { stops: string[] } | Array<{ stops: string[] }>;\r\n  fillBorderRadius?: number | string;\r\n  gapDegree?: number;\r\n  gapOffsetDegree?: number;\r\n  height?: number;\r\n  indicatorPlacement?: \"inside\" | \"outside\";\r\n  indicatorTextColor?: string;\r\n  offsetDegree?: number;\r\n  railColor?: string | string[];\r\n  railStyle?: string | CSS | Array<string | CSS>;\r\n  showIndicator?: boolean;\r\n  status?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\r\n  strokeWidth?: number;\r\n  unit?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  percentage: 0,\r\n  isAnimation: false,\r\n  time: 3000,\r\n  indicatorPlacement: \"outside\",\r\n  showIndicator: true,\r\n  status: \"default\",\r\n  strokeWidth: 7,\r\n  unit: \"%\",\r\n});\r\n\r\nconst slots = useSlots();\r\nconst p = ref<number | number[]>(\r\n  Array.isArray(props.percentage) ? [...props.percentage] : 0,\r\n);\r\n\r\nconst hasIndicatorSlot = computed(() => !!slots.indicator);\r\n\r\nconst processedPercentage = computed(() => {\r\n  return props.type === \"multiple-circle\"\r\n    ? Array.isArray(p.value)\r\n      ? p.value\r\n      : [p.value]\r\n    : Array.isArray(p.value)\r\n      ? p.value[0]\r\n      : p.value;\r\n});\r\n\r\nconst progressProps = computed(() => ({\r\n  type: props.type,\r\n  borderRadius: props.borderRadius,\r\n  circleGap: props.circleGap,\r\n  color: props.color,\r\n  fillBorderRadius: props.fillBorderRadius,\r\n  gapDegree: props.gapDegree,\r\n  gapOffsetDegree: props.gapOffsetDegree,\r\n  height: props.height,\r\n  indicatorPlacement: props.indicatorPlacement,\r\n  indicatorTextColor: props.indicatorTextColor,\r\n  offsetDegree: props.offsetDegree,\r\n  railColor: props.railColor,\r\n  railStyle: props.railStyle,\r\n  status: props.status,\r\n  strokeWidth: props.strokeWidth,\r\n  unit: props.unit,\r\n}));\r\n\r\nwatch(\r\n  () => props.percentage,\r\n  (newVal) => {\r\n    if (!props.isAnimation) {\r\n      p.value = newVal;\r\n    } else if (props.type === \"multiple-circle\" && Array.isArray(newVal)) {\r\n      p.value = [...newVal];\r\n    }\r\n  },\r\n  { immediate: true, deep: true },\r\n);\r\n\r\nonMounted(() => {\r\n  if (props.isAnimation && props.type !== \"multiple-circle\") {\r\n    const targetValue = Array.isArray(props.percentage)\r\n      ? props.percentage[0]\r\n      : props.percentage;\r\n\r\n    if (targetValue > 0) {\r\n      const startTime = performance.now();\r\n\r\n      const animate = (now: number) => {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed / props.time, 1);\r\n        p.value = Math.round(progress * targetValue);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      requestAnimationFrame(animate);\r\n    }\r\n  }\r\n});\r\n</script>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECmDA,MAAM,QAAQ;EAWd,MAAM,QAAQ,UAAU;EACxB,MAAM,IAAI,IACR,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,EAC3D;EAED,MAAM,mBAAmB,eAAe,CAAC,CAAC,MAAM,UAAU;EAE1D,MAAM,sBAAsB,eAAe;AACzC,UAAO,MAAM,SAAS,oBAClB,MAAM,QAAQ,EAAE,MAAM,GACpB,EAAE,QACF,CAAC,EAAE,MAAM,GACX,MAAM,QAAQ,EAAE,MAAM,GACpB,EAAE,MAAM,KACR,EAAE;IACR;EAEF,MAAM,gBAAgB,gBAAgB;GACpC,MAAM,MAAM;GACZ,cAAc,MAAM;GACpB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,kBAAkB,MAAM;GACxB,WAAW,MAAM;GACjB,iBAAiB,MAAM;GACvB,QAAQ,MAAM;GACd,oBAAoB,MAAM;GAC1B,oBAAoB,MAAM;GAC1B,cAAc,MAAM;GACpB,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,QAAQ,MAAM;GACd,aAAa,MAAM;GACnB,MAAM,MAAM;GACb,EAAE;AAEH,cACQ,MAAM,aACX,WAAW;AACV,OAAI,CAAC,MAAM,YACT,GAAE,QAAQ;YACD,MAAM,SAAS,qBAAqB,MAAM,QAAQ,OAAO,CAClE,GAAE,QAAQ,CAAC,GAAG,OAAO;KAGzB;GAAE,WAAW;GAAM,MAAM;GAAM,CAChC;AAED,kBAAgB;AACd,OAAI,MAAM,eAAe,MAAM,SAAS,mBAAmB;IACzD,MAAM,cAAc,MAAM,QAAQ,MAAM,WAAW,GAC/C,MAAM,WAAW,KACjB,MAAM;AAEV,QAAI,cAAc,GAAG;KACnB,MAAM,YAAY,YAAY,KAAK;KAEnC,MAAM,WAAW,QAAgB;MAC/B,MAAM,UAAU,MAAM;MACtB,MAAM,WAAW,KAAK,IAAI,UAAU,MAAM,MAAM,EAAE;AAClD,QAAE,QAAQ,KAAK,MAAM,WAAW,YAAY;AAE5C,UAAI,WAAW,EACb,uBAAsB,QAAQ;;AAIlC,2BAAsB,QAAQ;;;IAGlC;;uBA5HA,YAQY,MAAA,UAAA,EARZ,WACU,cAOE,OAPW;IACpB,YAAY,oBAAA;IACZ,YAAYA,KAAAA;8BAEGC,KAAAA,iBAAiB,iBAAA;UAAmB;sBACzB,CAAzB,WAAyB,KAAA,QAAA,YAAA"}

package/dist/C_QRCode-G7fiAkm4.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_QRCode-G7fiAkm4.css","names":[],"sources":["../src/components/C_QRCode/index.vue?vue&type=style&index=0&scoped=7a4201b5&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* C_QRCode styles */\n.c-qrcode[data-v-7a4201b5] {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n}\n.c-qrcode .qrcode-wrapper[data-v-7a4201b5] {\n  display: inline-block;\n  padding: 8px;\n  background: var(--c-bg-content, #fff);\n  border-radius: 6px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n  max-width: 100%;\n  line-height: 0;\n}\n.c-qrcode .qrcode-wrapper.with-border[data-v-7a4201b5] {\n  border: 1px dashed var(--c-border-default, #e0e0e6);\n}\n.c-qrcode .qrcode-wrapper[data-v-7a4201b5]:hover {\n  border-color: var(--primary-color, #409eff);\n  box-shadow: var(--c-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.08));\n}\n.c-qrcode .qrcode-wrapper canvas[data-v-7a4201b5] {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-7a4201b5] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n}\n.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-7a4201b5] svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.c-qrcode .qrcode-label[data-v-7a4201b5] {\n  font-size: 14px;\n  color: var(--c-text-secondary, #999);\n  text-align: center;\n  font-weight: 500;\n  word-break: break-all;\n  max-width: 100%;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_QRCode2.js

@@ -211,7 +211,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 
 //#endregion
 //#region src/components/C_QRCode/index.vue
-var C_QRCode_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-09a8468f"]]);
+var C_QRCode_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7a4201b5"]]);
 
 //#endregion
 export { useQRCode as n, C_QRCode_default as t };

package/dist/C_QRCode2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_QRCode2.js","names":["showBorder","mode","size","showLabel","label"],"sources":["../src/components/C_QRCode/composables/useQRCode.ts","../src/components/C_QRCode/index.vue","../src/components/C_QRCode/index.vue","../src/components/C_QRCode/index.vue"],"sourcesContent":["import { ref, computed, watch } from \"vue\";\r\nimport QRCode from \"qrcode\";\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  RenderMode,\r\n} from \"../types\";\r\n\r\ninterface UseQRCodeOptions {\r\n  value: Ref<string>;\r\n  size: Ref<number>;\r\n  color: Ref<string>;\r\n  bgColor: Ref<string>;\r\n  errorCorrectionLevel: Ref<ErrorCorrectionLevel>;\r\n  margin: Ref<number>;\r\n  mode: Ref<RenderMode>;\r\n  logo: Ref<LogoOptions | undefined>;\r\n}\r\n\r\nfunction drawLogo(\r\n  canvas: HTMLCanvasElement,\r\n  logo: LogoOptions,\r\n  qrSize: number,\r\n): Promise<void> {\r\n  return new Promise((resolve, reject) => {\r\n    const ctx = canvas.getContext(\"2d\");\r\n    if (!ctx) return reject(new Error(\"Canvas context 不可用\"));\r\n\r\n    const img = new Image();\r\n    img.crossOrigin = \"anonymous\";\r\n    img.onload = () => {\r\n      const ratio = logo.size ?? 0.2;\r\n      const logoSize = Math.floor(qrSize * ratio);\r\n      const padding = logo.padding ?? 4;\r\n      const borderRadius = logo.borderRadius ?? 4;\r\n\r\n      const x = (canvas.width - logoSize) / 2;\r\n      const y = (canvas.height - logoSize) / 2;\r\n\r\n      ctx.save();\r\n      const bgX = x - padding;\r\n      const bgY = y - padding;\r\n      const bgSize = logoSize + padding * 2;\r\n      const r = borderRadius + padding;\r\n\r\n      ctx.beginPath();\r\n      ctx.moveTo(bgX + r, bgY);\r\n      ctx.arcTo(bgX + bgSize, bgY, bgX + bgSize, bgY + bgSize, r);\r\n      ctx.arcTo(bgX + bgSize, bgY + bgSize, bgX, bgY + bgSize, r);\r\n      ctx.arcTo(bgX, bgY + bgSize, bgX, bgY, r);\r\n      ctx.arcTo(bgX, bgY, bgX + bgSize, bgY, r);\r\n      ctx.closePath();\r\n      ctx.fillStyle = logo.bgColor ?? \"#ffffff\";\r\n      ctx.fill();\r\n\r\n      ctx.beginPath();\r\n      ctx.moveTo(x + borderRadius, y);\r\n      ctx.arcTo(x + logoSize, y, x + logoSize, y + logoSize, borderRadius);\r\n      ctx.arcTo(x + logoSize, y + logoSize, x, y + logoSize, borderRadius);\r\n      ctx.arcTo(x, y + logoSize, x, y, borderRadius);\r\n      ctx.arcTo(x, y, x + logoSize, y, borderRadius);\r\n      ctx.closePath();\r\n      ctx.clip();\r\n      ctx.drawImage(img, x, y, logoSize, logoSize);\r\n      ctx.restore();\r\n\r\n      resolve();\r\n    };\r\n    img.onerror = () => reject(new Error(`Logo 加载失败: ${logo.src}`));\r\n    img.src = logo.src;\r\n  });\r\n}\r\n\r\nexport function useQRCode(\r\n  canvasRef: Ref<HTMLCanvasElement | null>,\r\n  options: UseQRCodeOptions,\r\n) {\r\n  const svgHtml = ref(\"\");\r\n  const error = ref<Error | null>(null);\r\n  const loading = ref(false);\r\n\r\n  const effectiveLevel = computed<ErrorCorrectionLevel>(() => {\r\n    if (options.logo.value) {\r\n      const level = options.errorCorrectionLevel.value;\r\n      if (level === \"L\" || level === \"M\") return \"Q\";\r\n      return level;\r\n    }\r\n    return options.errorCorrectionLevel.value;\r\n  });\r\n\r\n  const qrOptions = computed(() => ({\r\n    width: options.size.value,\r\n    margin: options.margin.value,\r\n    errorCorrectionLevel: effectiveLevel.value,\r\n    color: {\r\n      dark: options.color.value,\r\n      light: options.bgColor.value,\r\n    },\r\n  }));\r\n\r\n  async function renderCanvas() {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas || !options.value.value) return;\r\n    await QRCode.toCanvas(canvas, options.value.value, qrOptions.value);\r\n    if (options.logo.value) {\r\n      await drawLogo(canvas, options.logo.value, options.size.value);\r\n    }\r\n  }\r\n\r\n  async function renderSvg() {\r\n    if (!options.value.value) {\r\n      svgHtml.value = \"\";\r\n      return;\r\n    }\r\n    const svgString = await QRCode.toString(options.value.value, {\r\n      ...qrOptions.value,\r\n      type: \"svg\",\r\n    });\r\n    svgHtml.value = svgString;\r\n  }\r\n\r\n  async function render() {\r\n    if (!options.value.value) return;\r\n    loading.value = true;\r\n    error.value = null;\r\n    try {\r\n      if (options.mode.value === \"canvas\") {\r\n        await renderCanvas();\r\n      } else {\r\n        await renderSvg();\r\n      }\r\n    } catch (e) {\r\n      error.value = e instanceof Error ? e : new Error(String(e));\r\n      console.error(\"二维码渲染失败:\", e);\r\n    } finally {\r\n      loading.value = false;\r\n    }\r\n  }\r\n\r\n  async function toDataURL(\r\n    type: ExportType = \"png\",\r\n    quality = 0.92,\r\n  ): Promise<string> {\r\n    if (type === \"svg\") {\r\n      const svgStr = await QRCode.toString(options.value.value, {\r\n        ...qrOptions.value,\r\n        type: \"svg\",\r\n      });\r\n      return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgStr)}`;\r\n    }\r\n    const tempCanvas = document.createElement(\"canvas\");\r\n    await QRCode.toCanvas(tempCanvas, options.value.value, qrOptions.value);\r\n    if (options.logo.value) {\r\n      await drawLogo(tempCanvas, options.logo.value, options.size.value);\r\n    }\r\n    const mimeType = type === \"jpeg\" ? \"image/jpeg\" : \"image/png\";\r\n    return tempCanvas.toDataURL(mimeType, quality);\r\n  }\r\n\r\n  async function download(filename = \"qrcode\", type: ExportType = \"png\") {\r\n    const dataUrl = await toDataURL(type);\r\n    const link = document.createElement(\"a\");\r\n    link.download = `${filename}.${type}`;\r\n    link.href = dataUrl;\r\n    link.click();\r\n  }\r\n\r\n  watch(\r\n    [\r\n      options.value,\r\n      options.size,\r\n      options.color,\r\n      options.bgColor,\r\n      options.errorCorrectionLevel,\r\n      options.margin,\r\n      options.mode,\r\n      options.logo,\r\n    ],\r\n    () => render(),\r\n    { deep: true },\r\n  );\r\n\r\n  return { svgHtml, error, loading, render, toDataURL, download };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\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-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\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-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_QRCode2.js","names":["showBorder","mode","size","showLabel","label"],"sources":["../src/components/C_QRCode/composables/useQRCode.ts","../src/components/C_QRCode/index.vue","../src/components/C_QRCode/index.vue","../src/components/C_QRCode/index.vue"],"sourcesContent":["import { ref, computed, watch } from \"vue\";\r\nimport QRCode from \"qrcode\";\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  RenderMode,\r\n} from \"../types\";\r\n\r\ninterface UseQRCodeOptions {\r\n  value: Ref<string>;\r\n  size: Ref<number>;\r\n  color: Ref<string>;\r\n  bgColor: Ref<string>;\r\n  errorCorrectionLevel: Ref<ErrorCorrectionLevel>;\r\n  margin: Ref<number>;\r\n  mode: Ref<RenderMode>;\r\n  logo: Ref<LogoOptions | undefined>;\r\n}\r\n\r\nfunction drawLogo(\r\n  canvas: HTMLCanvasElement,\r\n  logo: LogoOptions,\r\n  qrSize: number,\r\n): Promise<void> {\r\n  return new Promise((resolve, reject) => {\r\n    const ctx = canvas.getContext(\"2d\");\r\n    if (!ctx) return reject(new Error(\"Canvas context 不可用\"));\r\n\r\n    const img = new Image();\r\n    img.crossOrigin = \"anonymous\";\r\n    img.onload = () => {\r\n      const ratio = logo.size ?? 0.2;\r\n      const logoSize = Math.floor(qrSize * ratio);\r\n      const padding = logo.padding ?? 4;\r\n      const borderRadius = logo.borderRadius ?? 4;\r\n\r\n      const x = (canvas.width - logoSize) / 2;\r\n      const y = (canvas.height - logoSize) / 2;\r\n\r\n      ctx.save();\r\n      const bgX = x - padding;\r\n      const bgY = y - padding;\r\n      const bgSize = logoSize + padding * 2;\r\n      const r = borderRadius + padding;\r\n\r\n      ctx.beginPath();\r\n      ctx.moveTo(bgX + r, bgY);\r\n      ctx.arcTo(bgX + bgSize, bgY, bgX + bgSize, bgY + bgSize, r);\r\n      ctx.arcTo(bgX + bgSize, bgY + bgSize, bgX, bgY + bgSize, r);\r\n      ctx.arcTo(bgX, bgY + bgSize, bgX, bgY, r);\r\n      ctx.arcTo(bgX, bgY, bgX + bgSize, bgY, r);\r\n      ctx.closePath();\r\n      ctx.fillStyle = logo.bgColor ?? \"#ffffff\";\r\n      ctx.fill();\r\n\r\n      ctx.beginPath();\r\n      ctx.moveTo(x + borderRadius, y);\r\n      ctx.arcTo(x + logoSize, y, x + logoSize, y + logoSize, borderRadius);\r\n      ctx.arcTo(x + logoSize, y + logoSize, x, y + logoSize, borderRadius);\r\n      ctx.arcTo(x, y + logoSize, x, y, borderRadius);\r\n      ctx.arcTo(x, y, x + logoSize, y, borderRadius);\r\n      ctx.closePath();\r\n      ctx.clip();\r\n      ctx.drawImage(img, x, y, logoSize, logoSize);\r\n      ctx.restore();\r\n\r\n      resolve();\r\n    };\r\n    img.onerror = () => reject(new Error(`Logo 加载失败: ${logo.src}`));\r\n    img.src = logo.src;\r\n  });\r\n}\r\n\r\nexport function useQRCode(\r\n  canvasRef: Ref<HTMLCanvasElement | null>,\r\n  options: UseQRCodeOptions,\r\n) {\r\n  const svgHtml = ref(\"\");\r\n  const error = ref<Error | null>(null);\r\n  const loading = ref(false);\r\n\r\n  const effectiveLevel = computed<ErrorCorrectionLevel>(() => {\r\n    if (options.logo.value) {\r\n      const level = options.errorCorrectionLevel.value;\r\n      if (level === \"L\" || level === \"M\") return \"Q\";\r\n      return level;\r\n    }\r\n    return options.errorCorrectionLevel.value;\r\n  });\r\n\r\n  const qrOptions = computed(() => ({\r\n    width: options.size.value,\r\n    margin: options.margin.value,\r\n    errorCorrectionLevel: effectiveLevel.value,\r\n    color: {\r\n      dark: options.color.value,\r\n      light: options.bgColor.value,\r\n    },\r\n  }));\r\n\r\n  async function renderCanvas() {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas || !options.value.value) return;\r\n    await QRCode.toCanvas(canvas, options.value.value, qrOptions.value);\r\n    if (options.logo.value) {\r\n      await drawLogo(canvas, options.logo.value, options.size.value);\r\n    }\r\n  }\r\n\r\n  async function renderSvg() {\r\n    if (!options.value.value) {\r\n      svgHtml.value = \"\";\r\n      return;\r\n    }\r\n    const svgString = await QRCode.toString(options.value.value, {\r\n      ...qrOptions.value,\r\n      type: \"svg\",\r\n    });\r\n    svgHtml.value = svgString;\r\n  }\r\n\r\n  async function render() {\r\n    if (!options.value.value) return;\r\n    loading.value = true;\r\n    error.value = null;\r\n    try {\r\n      if (options.mode.value === \"canvas\") {\r\n        await renderCanvas();\r\n      } else {\r\n        await renderSvg();\r\n      }\r\n    } catch (e) {\r\n      error.value = e instanceof Error ? e : new Error(String(e));\r\n      console.error(\"二维码渲染失败:\", e);\r\n    } finally {\r\n      loading.value = false;\r\n    }\r\n  }\r\n\r\n  async function toDataURL(\r\n    type: ExportType = \"png\",\r\n    quality = 0.92,\r\n  ): Promise<string> {\r\n    if (type === \"svg\") {\r\n      const svgStr = await QRCode.toString(options.value.value, {\r\n        ...qrOptions.value,\r\n        type: \"svg\",\r\n      });\r\n      return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgStr)}`;\r\n    }\r\n    const tempCanvas = document.createElement(\"canvas\");\r\n    await QRCode.toCanvas(tempCanvas, options.value.value, qrOptions.value);\r\n    if (options.logo.value) {\r\n      await drawLogo(tempCanvas, options.logo.value, options.size.value);\r\n    }\r\n    const mimeType = type === \"jpeg\" ? \"image/jpeg\" : \"image/png\";\r\n    return tempCanvas.toDataURL(mimeType, quality);\r\n  }\r\n\r\n  async function download(filename = \"qrcode\", type: ExportType = \"png\") {\r\n    const dataUrl = await toDataURL(type);\r\n    const link = document.createElement(\"a\");\r\n    link.download = `${filename}.${type}`;\r\n    link.href = dataUrl;\r\n    link.click();\r\n  }\r\n\r\n  watch(\r\n    [\r\n      options.value,\r\n      options.size,\r\n      options.color,\r\n      options.bgColor,\r\n      options.errorCorrectionLevel,\r\n      options.margin,\r\n      options.mode,\r\n      options.logo,\r\n    ],\r\n    () => render(),\r\n    { deep: true },\r\n  );\r\n\r\n  return { svgHtml, error, loading, render, toDataURL, download };\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\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-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\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-06-16\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-qrcode\">\r\n    <div class=\"qrcode-wrapper\" :class=\"{ 'with-border': showBorder }\">\r\n      <canvas v-show=\"mode === 'canvas'\" ref=\"canvasRef\" />\r\n      <div\r\n        v-if=\"mode === 'svg'\"\r\n        class=\"qrcode-svg\"\r\n        :style=\"{ width: `${size}px`, height: `${size}px` }\"\r\n        v-html=\"svgHtml\"\r\n      />\r\n    </div>\r\n    <div v-if=\"showLabel && label\" class=\"qrcode-label\">\r\n      {{ label }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef, watch, onMounted } from \"vue\";\r\nimport { useQRCode } from \"./composables/useQRCode\";\r\nimport type {\r\n  ErrorCorrectionLevel,\r\n  ExportType,\r\n  LogoOptions,\r\n  QRCodeExpose,\r\n  RenderMode,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_QRCode\" });\r\n\r\ninterface Props {\r\n  value: string;\r\n  size?: number;\r\n  color?: string;\r\n  bgColor?: string;\r\n  errorCorrectionLevel?: ErrorCorrectionLevel;\r\n  margin?: number;\r\n  mode?: RenderMode;\r\n  logo?: LogoOptions;\r\n  showBorder?: boolean;\r\n  label?: string;\r\n  showLabel?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  size: 200,\r\n  color: \"#000000\",\r\n  bgColor: \"#FFFFFF\",\r\n  errorCorrectionLevel: \"M\",\r\n  margin: 2,\r\n  mode: \"canvas\",\r\n  logo: undefined,\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 canvasRef = ref<HTMLCanvasElement | null>(null);\r\n\r\nconst { svgHtml, error, render, toDataURL, download } = useQRCode(canvasRef, {\r\n  value: toRef(props, \"value\"),\r\n  size: toRef(props, \"size\"),\r\n  color: toRef(props, \"color\"),\r\n  bgColor: toRef(props, \"bgColor\"),\r\n  errorCorrectionLevel: toRef(props, \"errorCorrectionLevel\"),\r\n  margin: toRef(props, \"margin\"),\r\n  mode: toRef(props, \"mode\"),\r\n  logo: toRef(props, \"logo\"),\r\n});\r\n\r\nwatch(error, (e) => {\r\n  if (e) emit(\"error\", e);\r\n});\r\n\r\nonMounted(() => render());\r\n\r\ndefineExpose<QRCodeExpose>({\r\n  toDataURL: (type?: ExportType, quality?: number) => toDataURL(type, quality),\r\n  download: (filename?: string, type?: ExportType) => download(filename, type),\r\n  refresh: () => render(),\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Signature-es-ZNPzr.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Signature-es-ZNPzr.css","names":[],"sources":["../src/components/C_Signature/index.vue?vue&type=style&index=0&scoped=1c733bfe&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 电子签名组件样式 */\n.c-signature[data-v-1c733bfe] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n}\n.c-signature .signature-toolbar[data-v-1c733bfe] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background: var(--c-bg-card, #fff);\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: var(--c-radius, 6px);\n  flex-wrap: wrap;\n}\n.c-signature .signature-toolbar .toolbar-section[data-v-1c733bfe] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-signature .signature-toolbar .toolbar-section.divider[data-v-1c733bfe] {\n  width: 1px;\n  height: 24px;\n  background: var(--c-border, #e1e4e8);\n  margin: 0 4px;\n}\n.c-signature .signature-toolbar .toolbar-section .section-label[data-v-1c733bfe] {\n  font-size: 13px;\n  color: var(--c-text-3, #999);\n  font-weight: 500;\n}\n.c-signature .signature-canvas-wrapper[data-v-1c733bfe] {\n  position: relative;\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: var(--c-radius, 6px);\n  overflow: hidden;\n  background: var(--c-bg, #fff);\n  transition: border-color 0.3s;\n}\n.c-signature .signature-canvas-wrapper[data-v-1c733bfe]:hover {\n  border-color: var(--c-primary, #409eff);\n}\n.c-signature .signature-canvas-wrapper.disabled[data-v-1c733bfe] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  border-color: var(--c-border, #e1e4e8);\n}\n.c-signature .signature-canvas-wrapper.readonly[data-v-1c733bfe] {\n  cursor: default;\n}\n.c-signature .signature-canvas-wrapper .signature-canvas[data-v-1c733bfe] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  cursor: crosshair;\n  touch-action: none;\n}\n.c-signature .signature-canvas-wrapper .signature-canvas.disabled[data-v-1c733bfe], .c-signature .signature-canvas-wrapper .signature-canvas.readonly[data-v-1c733bfe] {\n  cursor: not-allowed;\n}\n.c-signature .signature-canvas-wrapper .canvas-placeholder[data-v-1c733bfe] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: var(--c-text-4, #ccc);\n  font-size: 14px;\n  pointer-events: none;\n  user-select: none;\n}\n.c-signature .signature-actions[data-v-1c733bfe] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Signature2.js

@@ -1,7 +1,7 @@
 import { t as C_Icon_default } from "./C_Icon2.js";
 import { t as export_helper_default } from "./export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, readonly, ref, toRef, unref, withCtx } from "vue";
 import { NButton, NButtonGroup, NColorPicker, NInputNumber } from "naive-ui";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, readonly, ref, toRef, unref, withCtx } from "vue";
 
 //#region src/components/C_Signature/composables/useSignatureCanvas.ts
 function useSignatureCanvas(options) {
@@ -611,7 +611,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 
 //#endregion
 //#region src/components/C_Signature/index.vue
-var C_Signature_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4f40e616"]]);
+var C_Signature_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1c733bfe"]]);
 
 //#endregion
 export { useSignatureCanvas as i, useSignatureExport as n, useSignatureHistory as r, C_Signature_default as t };

package/dist/C_Signature2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Signature2.js","names":["showToolbar","disabled","readonly","width","height","backgroundColor"],"sources":["../src/components/C_Signature/composables/useSignatureCanvas.ts","../src/components/C_Signature/composables/useSignatureHistory.ts","../src/components/C_Signature/composables/useSignatureExport.ts","../src/components/C_Signature/data.ts","../src/components/C_Signature/index.vue","../src/components/C_Signature/index.vue","../src/components/C_Signature/index.vue"],"sourcesContent":["import type { Ref } from \"vue\";\r\nimport { ref, readonly } from \"vue\";\r\nimport type {\r\n  PenConfig,\r\n  PenMode,\r\n  SignaturePoint,\r\n  SignatureStroke,\r\n} from \"../types\";\r\n\r\ninterface UseSignatureCanvasOptions {\r\n  canvasRef: Ref<HTMLCanvasElement | null>;\r\n  penConfig: Ref<PenConfig>;\r\n  mode: Ref<PenMode>;\r\n  disabled: Ref<boolean>;\r\n  onStrokeComplete: (stroke: SignatureStroke) => void;\r\n  onDrawStart: () => void;\r\n  onDrawing: (point: SignaturePoint) => void;\r\n}\r\n\r\nexport function useSignatureCanvas(options: UseSignatureCanvasOptions) {\r\n  const {\r\n    canvasRef,\r\n    penConfig,\r\n    mode,\r\n    disabled,\r\n    onStrokeComplete,\r\n    onDrawStart,\r\n    onDrawing,\r\n  } = options;\r\n\r\n  const isDrawing = ref(false);\r\n  const currentStroke = ref<SignaturePoint[]>([]);\r\n  let ctx: CanvasRenderingContext2D | null = null;\r\n\r\n  const initCanvas = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    ctx = canvas.getContext(\"2d\", { willReadFrequently: true });\r\n    if (!ctx) return;\r\n    const dpr = window.devicePixelRatio || 1;\r\n    const rect = canvas.getBoundingClientRect();\r\n    canvas.width = rect.width * dpr;\r\n    canvas.height = rect.height * dpr;\r\n    canvas.style.width = `${rect.width}px`;\r\n    canvas.style.height = `${rect.height}px`;\r\n    ctx.scale(dpr, dpr);\r\n    ctx.lineCap = \"round\";\r\n    ctx.lineJoin = \"round\";\r\n  };\r\n\r\n  const getPointFromEvent = (e: MouseEvent | TouchEvent): SignaturePoint => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return { x: 0, y: 0 };\r\n    const rect = canvas.getBoundingClientRect();\r\n    let clientX: number;\r\n    let clientY: number;\r\n    if (\"touches\" in e && e.touches.length > 0) {\r\n      ({ clientX, clientY } = e.touches[0]);\r\n    } else if (\"clientX\" in e) {\r\n      ({ clientX, clientY } = e);\r\n    } else {\r\n      return { x: 0, y: 0 };\r\n    }\r\n    return {\r\n      x: clientX - rect.left,\r\n      y: clientY - rect.top,\r\n      timestamp: Date.now(),\r\n    };\r\n  };\r\n\r\n  const drawStroke = (\r\n    from: SignaturePoint,\r\n    to: SignaturePoint,\r\n    config: PenConfig,\r\n    eraserMode = false,\r\n  ) => {\r\n    if (!ctx) return;\r\n    ctx.save();\r\n    if (eraserMode) {\r\n      ctx.globalCompositeOperation = \"destination-out\";\r\n      ctx.lineWidth = 20;\r\n    } else {\r\n      ctx.globalCompositeOperation = \"source-over\";\r\n      ctx.strokeStyle = config.color;\r\n      ctx.lineWidth = config.width;\r\n      ctx.globalAlpha = config.opacity;\r\n    }\r\n    ctx.beginPath();\r\n    ctx.moveTo(from.x, from.y);\r\n    ctx.lineTo(to.x, to.y);\r\n    ctx.stroke();\r\n    ctx.restore();\r\n  };\r\n\r\n  const startDrawing = (e: MouseEvent | TouchEvent) => {\r\n    if (disabled.value) return;\r\n    e.preventDefault();\r\n    isDrawing.value = true;\r\n    currentStroke.value = [];\r\n    const point = getPointFromEvent(e);\r\n    currentStroke.value.push(point);\r\n    onDrawStart();\r\n  };\r\n\r\n  const draw = (e: MouseEvent | TouchEvent) => {\r\n    if (!isDrawing.value || disabled.value) return;\r\n    e.preventDefault();\r\n    const point = getPointFromEvent(e);\r\n    const lastPoint = currentStroke.value[currentStroke.value.length - 1];\r\n    if (lastPoint) {\r\n      drawStroke(lastPoint, point, penConfig.value, mode.value === \"eraser\");\r\n    }\r\n    currentStroke.value.push(point);\r\n    onDrawing(point);\r\n  };\r\n\r\n  const endDrawing = (e: MouseEvent | TouchEvent) => {\r\n    if (!isDrawing.value || disabled.value) return;\r\n    e.preventDefault();\r\n    isDrawing.value = false;\r\n    if (currentStroke.value.length > 0) {\r\n      const stroke: SignatureStroke = {\r\n        points: [...currentStroke.value],\r\n        color: penConfig.value.color,\r\n        width: penConfig.value.width,\r\n        opacity: penConfig.value.opacity,\r\n        mode: mode.value,\r\n      };\r\n      onStrokeComplete(stroke);\r\n      currentStroke.value = [];\r\n    }\r\n  };\r\n\r\n  const redrawStrokes = (strokes: SignatureStroke[]) => {\r\n    if (!ctx || !canvasRef.value) return;\r\n    const canvas = canvasRef.value;\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    strokes.forEach((stroke) => {\r\n      for (let i = 1; i < stroke.points.length; i++) {\r\n        drawStroke(\r\n          stroke.points[i - 1],\r\n          stroke.points[i],\r\n          { color: stroke.color, width: stroke.width, opacity: stroke.opacity },\r\n          stroke.mode === \"eraser\",\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const clearCanvas = () => {\r\n    if (!ctx || !canvasRef.value) return;\r\n    ctx.clearRect(0, 0, canvasRef.value.width, canvasRef.value.height);\r\n  };\r\n\r\n  const bindEvents = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    canvas.addEventListener(\"mousedown\", startDrawing);\r\n    canvas.addEventListener(\"mousemove\", draw);\r\n    canvas.addEventListener(\"mouseup\", endDrawing);\r\n    canvas.addEventListener(\"mouseleave\", endDrawing);\r\n    canvas.addEventListener(\"touchstart\", startDrawing, { passive: false });\r\n    canvas.addEventListener(\"touchmove\", draw, { passive: false });\r\n    canvas.addEventListener(\"touchend\", endDrawing);\r\n    canvas.addEventListener(\"touchcancel\", endDrawing);\r\n  };\r\n\r\n  const unbindEvents = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    canvas.removeEventListener(\"mousedown\", startDrawing);\r\n    canvas.removeEventListener(\"mousemove\", draw);\r\n    canvas.removeEventListener(\"mouseup\", endDrawing);\r\n    canvas.removeEventListener(\"mouseleave\", endDrawing);\r\n    canvas.removeEventListener(\"touchstart\", startDrawing);\r\n    canvas.removeEventListener(\"touchmove\", draw);\r\n    canvas.removeEventListener(\"touchend\", endDrawing);\r\n    canvas.removeEventListener(\"touchcancel\", endDrawing);\r\n  };\r\n\r\n  return {\r\n    isDrawing: readonly(isDrawing),\r\n    initCanvas,\r\n    bindEvents,\r\n    unbindEvents,\r\n    redrawStrokes,\r\n    clearCanvas,\r\n  };\r\n}\r\n","import { ref, computed, readonly } from \"vue\";\r\nimport type { SignatureStroke } from \"../types\";\r\n\r\ninterface UseSignatureHistoryOptions {\r\n  maxHistory?: number;\r\n  onChange?: (strokes: SignatureStroke[]) => void;\r\n}\r\n\r\nexport function useSignatureHistory(options: UseSignatureHistoryOptions = {}) {\r\n  const { maxHistory = 50, onChange } = options;\r\n\r\n  const strokes = ref<SignatureStroke[]>([]);\r\n  const historyStack = ref<SignatureStroke[][]>([]);\r\n  const historyIndex = ref(-1);\r\n\r\n  const canUndo = computed(() => historyIndex.value > 0);\r\n  const canRedo = computed(\r\n    () => historyIndex.value < historyStack.value.length - 1,\r\n  );\r\n\r\n  const addStroke = (stroke: SignatureStroke) => {\r\n    strokes.value.push(stroke);\r\n    saveToHistory();\r\n  };\r\n\r\n  const saveToHistory = () => {\r\n    historyStack.value = historyStack.value.slice(0, historyIndex.value + 1);\r\n    historyStack.value.push([...strokes.value]);\r\n    historyIndex.value++;\r\n    if (historyStack.value.length > maxHistory) {\r\n      historyStack.value.shift();\r\n      historyIndex.value--;\r\n    }\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const undo = (): boolean => {\r\n    if (!canUndo.value) return false;\r\n    historyIndex.value--;\r\n    strokes.value = [...historyStack.value[historyIndex.value]];\r\n    onChange?.(strokes.value);\r\n    return true;\r\n  };\r\n\r\n  const redo = (): boolean => {\r\n    if (!canRedo.value) return false;\r\n    historyIndex.value++;\r\n    strokes.value = [...historyStack.value[historyIndex.value]];\r\n    onChange?.(strokes.value);\r\n    return true;\r\n  };\r\n\r\n  const clear = () => {\r\n    strokes.value = [];\r\n    historyStack.value = [[]];\r\n    historyIndex.value = 0;\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const loadData = (data: SignatureStroke[]) => {\r\n    strokes.value = [...data];\r\n    historyStack.value = [[...data]];\r\n    historyIndex.value = 0;\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const isEmpty = computed(() => strokes.value.length === 0);\r\n\r\n  // 初始化历史栈\r\n  historyStack.value = [[]];\r\n  historyIndex.value = 0;\r\n\r\n  return {\r\n    strokes: readonly(strokes),\r\n    canUndo: readonly(canUndo),\r\n    canRedo: readonly(canRedo),\r\n    isEmpty: readonly(isEmpty),\r\n    addStroke,\r\n    undo,\r\n    redo,\r\n    clear,\r\n    loadData,\r\n  };\r\n}\r\n","import type { Ref } from 'vue'\r\nimport type { ExportOptions, WatermarkConfig } from '../types'\r\n\r\ninterface UseSignatureExportOptions {\r\n  canvasRef: Ref<HTMLCanvasElement | null>\r\n  watermark?: Ref<Partial<WatermarkConfig>>\r\n}\r\n\r\nexport function useSignatureExport(options: UseSignatureExportOptions) {\r\n  const { canvasRef, watermark } = options\r\n\r\n  const getWatermarkPosition = (\r\n    canvas: HTMLCanvasElement,\r\n    textWidth: number,\r\n    fontSize: number,\r\n    position: string\r\n  ): { x: number; y: number } => {\r\n    const padding = 10\r\n    const positions = {\r\n      'top-left': { x: padding, y: fontSize + padding },\r\n      'top-right': { x: canvas.width - textWidth - padding, y: fontSize + padding },\r\n      'bottom-left': { x: padding, y: canvas.height - padding },\r\n      'bottom-right': { x: canvas.width - textWidth - padding, y: canvas.height - padding },\r\n    }\r\n    return positions[position as keyof typeof positions] || positions['bottom-right']\r\n  }\r\n\r\n  const drawWatermark = (canvas: HTMLCanvasElement, text: string): void => {\r\n    const ctx = canvas.getContext('2d')\r\n    if (!ctx || !watermark?.value?.show) return\r\n    const config = {\r\n      fontSize: watermark.value.fontSize || 12,\r\n      color: watermark.value.color || '#999999',\r\n      position: watermark.value.position || 'bottom-right',\r\n    }\r\n    ctx.save()\r\n    ctx.font = `${config.fontSize}px Arial`\r\n    ctx.fillStyle = config.color\r\n    ctx.textBaseline = 'bottom'\r\n    const textWidth = ctx.measureText(text).width\r\n    const { x, y } = getWatermarkPosition(canvas, textWidth, config.fontSize, config.position)\r\n    ctx.fillText(text, x, y)\r\n    ctx.restore()\r\n  }\r\n\r\n  const createTempCanvas = (\r\n    sourceCanvas: HTMLCanvasElement,\r\n    includeBackground: boolean,\r\n    backgroundColor: string\r\n  ) => {\r\n    const tempCanvas = document.createElement('canvas')\r\n    tempCanvas.width = sourceCanvas.width\r\n    tempCanvas.height = sourceCanvas.height\r\n    const tempCtx = tempCanvas.getContext('2d')\r\n    if (!tempCtx) throw new Error('无法创建临时 Canvas')\r\n    if (includeBackground) {\r\n      tempCtx.fillStyle = backgroundColor\r\n      tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height)\r\n    }\r\n    tempCtx.drawImage(sourceCanvas, 0, 0)\r\n    return { canvas: tempCanvas, ctx: tempCtx }\r\n  }\r\n\r\n  const prepareExportCanvas = (canvas: HTMLCanvasElement, options: ExportOptions): HTMLCanvasElement => {\r\n    const { includeBackground = false, backgroundColor = '#FFFFFF', includeWatermark = false } = options\r\n    const { canvas: tempCanvas } = createTempCanvas(canvas, includeBackground, backgroundColor)\r\n    if (includeWatermark && watermark?.value?.show && watermark.value.text) {\r\n      drawWatermark(tempCanvas, watermark.value.text)\r\n    }\r\n    return tempCanvas\r\n  }\r\n\r\n  const exportToBlob = (canvas: HTMLCanvasElement, quality: number): Promise<Blob> => {\r\n    return new Promise<Blob>((resolve, reject) => {\r\n      canvas.toBlob(\r\n        blob => (blob ? resolve(blob) : reject(new Error('导出失败'))),\r\n        'image/png',\r\n        quality\r\n      )\r\n    })\r\n  }\r\n\r\n  const exportSignature = async (options: ExportOptions = {}): Promise<string | Blob> => {\r\n    const canvas = canvasRef.value\r\n    if (!canvas) throw new Error('Canvas 未初始化')\r\n    const { format = 'png', quality = 0.92 } = options\r\n    if (format === 'svg') {\r\n      return 'data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><text>SVG export placeholder</text></svg>'\r\n    }\r\n    const tempCanvas = prepareExportCanvas(canvas, options)\r\n    if (format === 'blob') return exportToBlob(tempCanvas, quality)\r\n    const mimeType = format === 'jpeg' ? 'image/jpeg' : 'image/png'\r\n    return tempCanvas.toDataURL(mimeType, quality)\r\n  }\r\n\r\n  const download = async (filename = 'signature', options: ExportOptions = {}): Promise<void> => {\r\n    const format = options.format || 'png'\r\n    const result = await exportSignature({ ...options, format })\r\n    if (result instanceof Blob) {\r\n      const url = URL.createObjectURL(result)\r\n      const link = document.createElement('a')\r\n      link.href = url\r\n      link.download = `${filename}.${format}`\r\n      link.click()\r\n      URL.revokeObjectURL(url)\r\n    } else if (typeof result === 'string') {\r\n      const link = document.createElement('a')\r\n      link.href = result\r\n      link.download = `${filename}.${format}`\r\n      link.click()\r\n    }\r\n  }\r\n\r\n  const loadImage = async (imageUrl: string): Promise<void> => {\r\n    const canvas = canvasRef.value\r\n    if (!canvas) throw new Error('Canvas 未初始化')\r\n    const ctx = canvas.getContext('2d')\r\n    if (!ctx) throw new Error('无法获取 Canvas 上下文')\r\n    return new Promise((resolve, reject) => {\r\n      const img = new Image()\r\n      img.crossOrigin = 'anonymous'\r\n      img.onload = () => {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\r\n        resolve()\r\n      }\r\n      img.onerror = () => reject(new Error(`图片加载失败: ${imageUrl}`))\r\n      img.src = imageUrl\r\n    })\r\n  }\r\n\r\n  return { exportSignature, download, loadImage }\r\n}\r\n","import type { EraserConfig, PenConfig, WatermarkConfig } from \"./types\";\r\n\r\nexport const DEFAULT_PEN_CONFIG: PenConfig = {\r\n  color: \"#000000\",\r\n  width: 2,\r\n  opacity: 1,\r\n};\r\n\r\nexport const DEFAULT_ERASER_CONFIG: EraserConfig = { size: 20 };\r\n\r\nexport const DEFAULT_WATERMARK_CONFIG: WatermarkConfig = {\r\n  show: false,\r\n  text: \"\",\r\n  fontSize: 12,\r\n  color: \"#999999\",\r\n  position: \"bottom-right\",\r\n};\r\n\r\nexport const PRESET_COLORS = [\r\n  \"#000000\",\r\n  \"#FF0000\",\r\n  \"#0000FF\",\r\n  \"#00AA00\",\r\n  \"#FF6600\",\r\n  \"#9900FF\",\r\n];\r\n\r\nexport const PRESET_WIDTHS = [1, 2, 3, 5, 8];\r\n\r\nexport const EXPORT_FORMAT_OPTIONS = [\r\n  { label: \"PNG\", value: \"png\" },\r\n  { label: \"JPEG\", value: \"jpeg\" },\r\n  { label: \"SVG\", value: \"svg\" },\r\n  { label: \"Blob\", value: \"blob\" },\r\n] as const;\r\n\r\nexport const WATERMARK_POSITION_OPTIONS = [\r\n  { label: \"左上\", value: \"top-left\" },\r\n  { label: \"右上\", value: \"top-right\" },\r\n  { label: \"左下\", value: \"bottom-left\" },\r\n  { label: \"右下\", value: \"bottom-right\" },\r\n] as const;\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\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: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\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: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_Signature2.js","names":["showToolbar","disabled","readonly","width","height","backgroundColor"],"sources":["../src/components/C_Signature/composables/useSignatureCanvas.ts","../src/components/C_Signature/composables/useSignatureHistory.ts","../src/components/C_Signature/composables/useSignatureExport.ts","../src/components/C_Signature/data.ts","../src/components/C_Signature/index.vue","../src/components/C_Signature/index.vue","../src/components/C_Signature/index.vue"],"sourcesContent":["import type { Ref } from \"vue\";\r\nimport { ref, readonly } from \"vue\";\r\nimport type {\r\n  PenConfig,\r\n  PenMode,\r\n  SignaturePoint,\r\n  SignatureStroke,\r\n} from \"../types\";\r\n\r\ninterface UseSignatureCanvasOptions {\r\n  canvasRef: Ref<HTMLCanvasElement | null>;\r\n  penConfig: Ref<PenConfig>;\r\n  mode: Ref<PenMode>;\r\n  disabled: Ref<boolean>;\r\n  onStrokeComplete: (stroke: SignatureStroke) => void;\r\n  onDrawStart: () => void;\r\n  onDrawing: (point: SignaturePoint) => void;\r\n}\r\n\r\nexport function useSignatureCanvas(options: UseSignatureCanvasOptions) {\r\n  const {\r\n    canvasRef,\r\n    penConfig,\r\n    mode,\r\n    disabled,\r\n    onStrokeComplete,\r\n    onDrawStart,\r\n    onDrawing,\r\n  } = options;\r\n\r\n  const isDrawing = ref(false);\r\n  const currentStroke = ref<SignaturePoint[]>([]);\r\n  let ctx: CanvasRenderingContext2D | null = null;\r\n\r\n  const initCanvas = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    ctx = canvas.getContext(\"2d\", { willReadFrequently: true });\r\n    if (!ctx) return;\r\n    const dpr = window.devicePixelRatio || 1;\r\n    const rect = canvas.getBoundingClientRect();\r\n    canvas.width = rect.width * dpr;\r\n    canvas.height = rect.height * dpr;\r\n    canvas.style.width = `${rect.width}px`;\r\n    canvas.style.height = `${rect.height}px`;\r\n    ctx.scale(dpr, dpr);\r\n    ctx.lineCap = \"round\";\r\n    ctx.lineJoin = \"round\";\r\n  };\r\n\r\n  const getPointFromEvent = (e: MouseEvent | TouchEvent): SignaturePoint => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return { x: 0, y: 0 };\r\n    const rect = canvas.getBoundingClientRect();\r\n    let clientX: number;\r\n    let clientY: number;\r\n    if (\"touches\" in e && e.touches.length > 0) {\r\n      ({ clientX, clientY } = e.touches[0]);\r\n    } else if (\"clientX\" in e) {\r\n      ({ clientX, clientY } = e);\r\n    } else {\r\n      return { x: 0, y: 0 };\r\n    }\r\n    return {\r\n      x: clientX - rect.left,\r\n      y: clientY - rect.top,\r\n      timestamp: Date.now(),\r\n    };\r\n  };\r\n\r\n  const drawStroke = (\r\n    from: SignaturePoint,\r\n    to: SignaturePoint,\r\n    config: PenConfig,\r\n    eraserMode = false,\r\n  ) => {\r\n    if (!ctx) return;\r\n    ctx.save();\r\n    if (eraserMode) {\r\n      ctx.globalCompositeOperation = \"destination-out\";\r\n      ctx.lineWidth = 20;\r\n    } else {\r\n      ctx.globalCompositeOperation = \"source-over\";\r\n      ctx.strokeStyle = config.color;\r\n      ctx.lineWidth = config.width;\r\n      ctx.globalAlpha = config.opacity;\r\n    }\r\n    ctx.beginPath();\r\n    ctx.moveTo(from.x, from.y);\r\n    ctx.lineTo(to.x, to.y);\r\n    ctx.stroke();\r\n    ctx.restore();\r\n  };\r\n\r\n  const startDrawing = (e: MouseEvent | TouchEvent) => {\r\n    if (disabled.value) return;\r\n    e.preventDefault();\r\n    isDrawing.value = true;\r\n    currentStroke.value = [];\r\n    const point = getPointFromEvent(e);\r\n    currentStroke.value.push(point);\r\n    onDrawStart();\r\n  };\r\n\r\n  const draw = (e: MouseEvent | TouchEvent) => {\r\n    if (!isDrawing.value || disabled.value) return;\r\n    e.preventDefault();\r\n    const point = getPointFromEvent(e);\r\n    const lastPoint = currentStroke.value[currentStroke.value.length - 1];\r\n    if (lastPoint) {\r\n      drawStroke(lastPoint, point, penConfig.value, mode.value === \"eraser\");\r\n    }\r\n    currentStroke.value.push(point);\r\n    onDrawing(point);\r\n  };\r\n\r\n  const endDrawing = (e: MouseEvent | TouchEvent) => {\r\n    if (!isDrawing.value || disabled.value) return;\r\n    e.preventDefault();\r\n    isDrawing.value = false;\r\n    if (currentStroke.value.length > 0) {\r\n      const stroke: SignatureStroke = {\r\n        points: [...currentStroke.value],\r\n        color: penConfig.value.color,\r\n        width: penConfig.value.width,\r\n        opacity: penConfig.value.opacity,\r\n        mode: mode.value,\r\n      };\r\n      onStrokeComplete(stroke);\r\n      currentStroke.value = [];\r\n    }\r\n  };\r\n\r\n  const redrawStrokes = (strokes: SignatureStroke[]) => {\r\n    if (!ctx || !canvasRef.value) return;\r\n    const canvas = canvasRef.value;\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    strokes.forEach((stroke) => {\r\n      for (let i = 1; i < stroke.points.length; i++) {\r\n        drawStroke(\r\n          stroke.points[i - 1],\r\n          stroke.points[i],\r\n          { color: stroke.color, width: stroke.width, opacity: stroke.opacity },\r\n          stroke.mode === \"eraser\",\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const clearCanvas = () => {\r\n    if (!ctx || !canvasRef.value) return;\r\n    ctx.clearRect(0, 0, canvasRef.value.width, canvasRef.value.height);\r\n  };\r\n\r\n  const bindEvents = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    canvas.addEventListener(\"mousedown\", startDrawing);\r\n    canvas.addEventListener(\"mousemove\", draw);\r\n    canvas.addEventListener(\"mouseup\", endDrawing);\r\n    canvas.addEventListener(\"mouseleave\", endDrawing);\r\n    canvas.addEventListener(\"touchstart\", startDrawing, { passive: false });\r\n    canvas.addEventListener(\"touchmove\", draw, { passive: false });\r\n    canvas.addEventListener(\"touchend\", endDrawing);\r\n    canvas.addEventListener(\"touchcancel\", endDrawing);\r\n  };\r\n\r\n  const unbindEvents = () => {\r\n    const canvas = canvasRef.value;\r\n    if (!canvas) return;\r\n    canvas.removeEventListener(\"mousedown\", startDrawing);\r\n    canvas.removeEventListener(\"mousemove\", draw);\r\n    canvas.removeEventListener(\"mouseup\", endDrawing);\r\n    canvas.removeEventListener(\"mouseleave\", endDrawing);\r\n    canvas.removeEventListener(\"touchstart\", startDrawing);\r\n    canvas.removeEventListener(\"touchmove\", draw);\r\n    canvas.removeEventListener(\"touchend\", endDrawing);\r\n    canvas.removeEventListener(\"touchcancel\", endDrawing);\r\n  };\r\n\r\n  return {\r\n    isDrawing: readonly(isDrawing),\r\n    initCanvas,\r\n    bindEvents,\r\n    unbindEvents,\r\n    redrawStrokes,\r\n    clearCanvas,\r\n  };\r\n}\r\n","import { ref, computed, readonly } from \"vue\";\r\nimport type { SignatureStroke } from \"../types\";\r\n\r\ninterface UseSignatureHistoryOptions {\r\n  maxHistory?: number;\r\n  onChange?: (strokes: SignatureStroke[]) => void;\r\n}\r\n\r\nexport function useSignatureHistory(options: UseSignatureHistoryOptions = {}) {\r\n  const { maxHistory = 50, onChange } = options;\r\n\r\n  const strokes = ref<SignatureStroke[]>([]);\r\n  const historyStack = ref<SignatureStroke[][]>([]);\r\n  const historyIndex = ref(-1);\r\n\r\n  const canUndo = computed(() => historyIndex.value > 0);\r\n  const canRedo = computed(\r\n    () => historyIndex.value < historyStack.value.length - 1,\r\n  );\r\n\r\n  const addStroke = (stroke: SignatureStroke) => {\r\n    strokes.value.push(stroke);\r\n    saveToHistory();\r\n  };\r\n\r\n  const saveToHistory = () => {\r\n    historyStack.value = historyStack.value.slice(0, historyIndex.value + 1);\r\n    historyStack.value.push([...strokes.value]);\r\n    historyIndex.value++;\r\n    if (historyStack.value.length > maxHistory) {\r\n      historyStack.value.shift();\r\n      historyIndex.value--;\r\n    }\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const undo = (): boolean => {\r\n    if (!canUndo.value) return false;\r\n    historyIndex.value--;\r\n    strokes.value = [...historyStack.value[historyIndex.value]];\r\n    onChange?.(strokes.value);\r\n    return true;\r\n  };\r\n\r\n  const redo = (): boolean => {\r\n    if (!canRedo.value) return false;\r\n    historyIndex.value++;\r\n    strokes.value = [...historyStack.value[historyIndex.value]];\r\n    onChange?.(strokes.value);\r\n    return true;\r\n  };\r\n\r\n  const clear = () => {\r\n    strokes.value = [];\r\n    historyStack.value = [[]];\r\n    historyIndex.value = 0;\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const loadData = (data: SignatureStroke[]) => {\r\n    strokes.value = [...data];\r\n    historyStack.value = [[...data]];\r\n    historyIndex.value = 0;\r\n    onChange?.(strokes.value);\r\n  };\r\n\r\n  const isEmpty = computed(() => strokes.value.length === 0);\r\n\r\n  // 初始化历史栈\r\n  historyStack.value = [[]];\r\n  historyIndex.value = 0;\r\n\r\n  return {\r\n    strokes: readonly(strokes),\r\n    canUndo: readonly(canUndo),\r\n    canRedo: readonly(canRedo),\r\n    isEmpty: readonly(isEmpty),\r\n    addStroke,\r\n    undo,\r\n    redo,\r\n    clear,\r\n    loadData,\r\n  };\r\n}\r\n","import type { Ref } from 'vue'\r\nimport type { ExportOptions, WatermarkConfig } from '../types'\r\n\r\ninterface UseSignatureExportOptions {\r\n  canvasRef: Ref<HTMLCanvasElement | null>\r\n  watermark?: Ref<Partial<WatermarkConfig>>\r\n}\r\n\r\nexport function useSignatureExport(options: UseSignatureExportOptions) {\r\n  const { canvasRef, watermark } = options\r\n\r\n  const getWatermarkPosition = (\r\n    canvas: HTMLCanvasElement,\r\n    textWidth: number,\r\n    fontSize: number,\r\n    position: string\r\n  ): { x: number; y: number } => {\r\n    const padding = 10\r\n    const positions = {\r\n      'top-left': { x: padding, y: fontSize + padding },\r\n      'top-right': { x: canvas.width - textWidth - padding, y: fontSize + padding },\r\n      'bottom-left': { x: padding, y: canvas.height - padding },\r\n      'bottom-right': { x: canvas.width - textWidth - padding, y: canvas.height - padding },\r\n    }\r\n    return positions[position as keyof typeof positions] || positions['bottom-right']\r\n  }\r\n\r\n  const drawWatermark = (canvas: HTMLCanvasElement, text: string): void => {\r\n    const ctx = canvas.getContext('2d')\r\n    if (!ctx || !watermark?.value?.show) return\r\n    const config = {\r\n      fontSize: watermark.value.fontSize || 12,\r\n      color: watermark.value.color || '#999999',\r\n      position: watermark.value.position || 'bottom-right',\r\n    }\r\n    ctx.save()\r\n    ctx.font = `${config.fontSize}px Arial`\r\n    ctx.fillStyle = config.color\r\n    ctx.textBaseline = 'bottom'\r\n    const textWidth = ctx.measureText(text).width\r\n    const { x, y } = getWatermarkPosition(canvas, textWidth, config.fontSize, config.position)\r\n    ctx.fillText(text, x, y)\r\n    ctx.restore()\r\n  }\r\n\r\n  const createTempCanvas = (\r\n    sourceCanvas: HTMLCanvasElement,\r\n    includeBackground: boolean,\r\n    backgroundColor: string\r\n  ) => {\r\n    const tempCanvas = document.createElement('canvas')\r\n    tempCanvas.width = sourceCanvas.width\r\n    tempCanvas.height = sourceCanvas.height\r\n    const tempCtx = tempCanvas.getContext('2d')\r\n    if (!tempCtx) throw new Error('无法创建临时 Canvas')\r\n    if (includeBackground) {\r\n      tempCtx.fillStyle = backgroundColor\r\n      tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height)\r\n    }\r\n    tempCtx.drawImage(sourceCanvas, 0, 0)\r\n    return { canvas: tempCanvas, ctx: tempCtx }\r\n  }\r\n\r\n  const prepareExportCanvas = (canvas: HTMLCanvasElement, options: ExportOptions): HTMLCanvasElement => {\r\n    const { includeBackground = false, backgroundColor = '#FFFFFF', includeWatermark = false } = options\r\n    const { canvas: tempCanvas } = createTempCanvas(canvas, includeBackground, backgroundColor)\r\n    if (includeWatermark && watermark?.value?.show && watermark.value.text) {\r\n      drawWatermark(tempCanvas, watermark.value.text)\r\n    }\r\n    return tempCanvas\r\n  }\r\n\r\n  const exportToBlob = (canvas: HTMLCanvasElement, quality: number): Promise<Blob> => {\r\n    return new Promise<Blob>((resolve, reject) => {\r\n      canvas.toBlob(\r\n        blob => (blob ? resolve(blob) : reject(new Error('导出失败'))),\r\n        'image/png',\r\n        quality\r\n      )\r\n    })\r\n  }\r\n\r\n  const exportSignature = async (options: ExportOptions = {}): Promise<string | Blob> => {\r\n    const canvas = canvasRef.value\r\n    if (!canvas) throw new Error('Canvas 未初始化')\r\n    const { format = 'png', quality = 0.92 } = options\r\n    if (format === 'svg') {\r\n      return 'data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><text>SVG export placeholder</text></svg>'\r\n    }\r\n    const tempCanvas = prepareExportCanvas(canvas, options)\r\n    if (format === 'blob') return exportToBlob(tempCanvas, quality)\r\n    const mimeType = format === 'jpeg' ? 'image/jpeg' : 'image/png'\r\n    return tempCanvas.toDataURL(mimeType, quality)\r\n  }\r\n\r\n  const download = async (filename = 'signature', options: ExportOptions = {}): Promise<void> => {\r\n    const format = options.format || 'png'\r\n    const result = await exportSignature({ ...options, format })\r\n    if (result instanceof Blob) {\r\n      const url = URL.createObjectURL(result)\r\n      const link = document.createElement('a')\r\n      link.href = url\r\n      link.download = `${filename}.${format}`\r\n      link.click()\r\n      URL.revokeObjectURL(url)\r\n    } else if (typeof result === 'string') {\r\n      const link = document.createElement('a')\r\n      link.href = result\r\n      link.download = `${filename}.${format}`\r\n      link.click()\r\n    }\r\n  }\r\n\r\n  const loadImage = async (imageUrl: string): Promise<void> => {\r\n    const canvas = canvasRef.value\r\n    if (!canvas) throw new Error('Canvas 未初始化')\r\n    const ctx = canvas.getContext('2d')\r\n    if (!ctx) throw new Error('无法获取 Canvas 上下文')\r\n    return new Promise((resolve, reject) => {\r\n      const img = new Image()\r\n      img.crossOrigin = 'anonymous'\r\n      img.onload = () => {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\r\n        resolve()\r\n      }\r\n      img.onerror = () => reject(new Error(`图片加载失败: ${imageUrl}`))\r\n      img.src = imageUrl\r\n    })\r\n  }\r\n\r\n  return { exportSignature, download, loadImage }\r\n}\r\n","import type { EraserConfig, PenConfig, WatermarkConfig } from \"./types\";\r\n\r\nexport const DEFAULT_PEN_CONFIG: PenConfig = {\r\n  color: \"#000000\",\r\n  width: 2,\r\n  opacity: 1,\r\n};\r\n\r\nexport const DEFAULT_ERASER_CONFIG: EraserConfig = { size: 20 };\r\n\r\nexport const DEFAULT_WATERMARK_CONFIG: WatermarkConfig = {\r\n  show: false,\r\n  text: \"\",\r\n  fontSize: 12,\r\n  color: \"#999999\",\r\n  position: \"bottom-right\",\r\n};\r\n\r\nexport const PRESET_COLORS = [\r\n  \"#000000\",\r\n  \"#FF0000\",\r\n  \"#0000FF\",\r\n  \"#00AA00\",\r\n  \"#FF6600\",\r\n  \"#9900FF\",\r\n];\r\n\r\nexport const PRESET_WIDTHS = [1, 2, 3, 5, 8];\r\n\r\nexport const EXPORT_FORMAT_OPTIONS = [\r\n  { label: \"PNG\", value: \"png\" },\r\n  { label: \"JPEG\", value: \"jpeg\" },\r\n  { label: \"SVG\", value: \"svg\" },\r\n  { label: \"Blob\", value: \"blob\" },\r\n] as const;\r\n\r\nexport const WATERMARK_POSITION_OPTIONS = [\r\n  { label: \"左上\", value: \"top-left\" },\r\n  { label: \"右上\", value: \"top-right\" },\r\n  { label: \"左下\", value: \"bottom-left\" },\r\n  { label: \"右下\", value: \"bottom-right\" },\r\n] as const;\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\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: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\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: 2026-02-25\r\n * @Description: 电子签名组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-signature\">\r\n    <div v-if=\"showToolbar\" class=\"signature-toolbar\">\r\n      <div class=\"toolbar-section\">\r\n        <NButtonGroup>\r\n          <NButton\r\n            :type=\"currentMode === 'pen' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'pen'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:draw\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            画笔\r\n          </NButton>\r\n          <NButton\r\n            :type=\"currentMode === 'eraser' ? 'primary' : 'default'\"\r\n            size=\"small\"\r\n            @click=\"currentMode = 'eraser'\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:eraser\" :size=\"16\" color=\"currentColor\" />\r\n            </template>\r\n            橡皮擦\r\n          </NButton>\r\n        </NButtonGroup>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">颜色</span>\r\n        <NColorPicker\r\n          v-model:value=\"currentPenConfig.color\"\r\n          :show-alpha=\"false\"\r\n          size=\"small\"\r\n          :swatches=\"PRESET_COLORS\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"currentMode === 'pen'\" class=\"toolbar-section\">\r\n        <span class=\"section-label\">粗细</span>\r\n        <NInputNumber\r\n          v-model:value=\"currentPenConfig.width\"\r\n          :min=\"1\"\r\n          :max=\"20\"\r\n          size=\"small\"\r\n          style=\"width: 80px\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton size=\"small\" :disabled=\"!canUndo\" @click=\"handleUndo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:undo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          撤销\r\n        </NButton>\r\n        <NButton size=\"small\" :disabled=\"!canRedo\" @click=\"handleRedo\">\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:redo\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          重做\r\n        </NButton>\r\n      </div>\r\n\r\n      <div class=\"toolbar-section divider\" />\r\n\r\n      <div class=\"toolbar-section\">\r\n        <NButton\r\n          size=\"small\"\r\n          type=\"error\"\r\n          :disabled=\"isEmpty\"\r\n          @click=\"handleClear\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:delete-outline\" :size=\"16\" color=\"currentColor\" />\r\n          </template>\r\n          清空\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"signature-canvas-wrapper\"\r\n      :class=\"{ disabled, readonly }\"\r\n      :style=\"{\r\n        width: typeof width === 'number' ? `${width}px` : width,\r\n        height: typeof height === 'number' ? `${height}px` : height,\r\n        backgroundColor: backgroundColor || 'transparent',\r\n      }\"\r\n    >\r\n      <canvas\r\n        ref=\"canvasRef\"\r\n        class=\"signature-canvas\"\r\n        :class=\"{ disabled, readonly }\"\r\n      />\r\n      <div v-if=\"isEmpty && !disabled && !readonly\" class=\"canvas-placeholder\">\r\n        请在此处签名\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, reactive, toRef, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton, NButtonGroup, NColorPicker, NInputNumber } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useSignatureCanvas } from \"./composables/useSignatureCanvas\";\r\nimport { useSignatureHistory } from \"./composables/useSignatureHistory\";\r\nimport { useSignatureExport } from \"./composables/useSignatureExport\";\r\nimport {\r\n  DEFAULT_PEN_CONFIG,\r\n  DEFAULT_WATERMARK_CONFIG,\r\n  PRESET_COLORS,\r\n} from \"./data\";\r\nimport type {\r\n  ExportOptions,\r\n  PenConfig,\r\n  PenMode,\r\n  SignatureExpose,\r\n  SignaturePoint,\r\n  SignatureProps,\r\n  SignatureStroke,\r\n  WatermarkConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Signature\" });\r\n\r\nconst props = withDefaults(defineProps<SignatureProps>(), {\r\n  width: \"100%\",\r\n  height: 300,\r\n  disabled: false,\r\n  readonly: false,\r\n  showToolbar: true,\r\n  maxHistory: 50,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"start-draw\": [];\r\n  drawing: [point: SignaturePoint];\r\n  \"end-draw\": [stroke: SignatureStroke];\r\n  clear: [];\r\n  undo: [];\r\n  redo: [];\r\n  change: [data: SignatureStroke[]];\r\n}>();\r\n\r\nconst canvasRef = ref<HTMLCanvasElement | null>(null);\r\nconst currentMode = ref<PenMode>(\"pen\");\r\nconst currentPenConfig = reactive<PenConfig>({\r\n  ...DEFAULT_PEN_CONFIG,\r\n  ...props.penConfig,\r\n});\r\nconst currentWatermark = reactive<WatermarkConfig>({\r\n  ...DEFAULT_WATERMARK_CONFIG,\r\n  ...props.watermark,\r\n});\r\n\r\nconst {\r\n  strokes,\r\n  canUndo,\r\n  canRedo,\r\n  isEmpty,\r\n  addStroke,\r\n  undo,\r\n  redo,\r\n  clear,\r\n  loadData,\r\n} = useSignatureHistory({\r\n  maxHistory: props.maxHistory,\r\n  onChange: (data) => {\r\n    canvasInstance.redrawStrokes(data as SignatureStroke[]);\r\n    emit(\"change\", data as SignatureStroke[]);\r\n  },\r\n});\r\n\r\nconst canvasInstance = useSignatureCanvas({\r\n  canvasRef,\r\n  penConfig: toRef(currentPenConfig),\r\n  mode: currentMode,\r\n  disabled: toRef(props, \"disabled\"),\r\n  onStrokeComplete: (stroke: SignatureStroke) => {\r\n    addStroke(stroke);\r\n    emit(\"end-draw\", stroke);\r\n  },\r\n  onDrawStart: () => emit(\"start-draw\"),\r\n  onDrawing: (point: SignaturePoint) => emit(\"drawing\", point),\r\n});\r\n\r\nconst exportInstance = useSignatureExport({\r\n  canvasRef,\r\n  watermark: toRef(currentWatermark),\r\n});\r\n\r\nconst handleUndo = (): boolean => {\r\n  const result = undo();\r\n  if (result) emit(\"undo\");\r\n  return result;\r\n};\r\n\r\nconst handleRedo = (): boolean => {\r\n  const result = redo();\r\n  if (result) emit(\"redo\");\r\n  return result;\r\n};\r\n\r\nconst handleClear = () => {\r\n  clear();\r\n  canvasInstance.clearCanvas();\r\n  emit(\"clear\");\r\n};\r\n\r\nconst exportSignature = async (\r\n  options?: ExportOptions,\r\n): Promise<string | Blob> => {\r\n  return exportInstance.exportSignature(options);\r\n};\r\n\r\nconst download = async (\r\n  filename?: string,\r\n  options?: ExportOptions,\r\n): Promise<void> => {\r\n  return exportInstance.download(filename, options);\r\n};\r\n\r\nconst loadImage = async (imageUrl: string): Promise<void> => {\r\n  await exportInstance.loadImage(imageUrl);\r\n  clear();\r\n};\r\n\r\nconst getSignatureData = (): SignatureStroke[] =>\r\n  strokes.value as SignatureStroke[];\r\nconst loadSignatureData = (data: SignatureStroke[]): void => loadData(data);\r\nconst isSignatureEmpty = (): boolean => isEmpty.value;\r\n\r\nonMounted(() => {\r\n  canvasInstance.initCanvas();\r\n  canvasInstance.bindEvents();\r\n  if (props.backgroundImage) loadImage(props.backgroundImage);\r\n});\r\n\r\nonUnmounted(() => canvasInstance.unbindEvents());\r\n\r\ndefineExpose<SignatureExpose>({\r\n  clear: handleClear,\r\n  undo: handleUndo,\r\n  redo: handleRedo,\r\n  export: exportSignature,\r\n  download,\r\n  loadImage,\r\n  getSignatureData,\r\n  loadSignatureData,\r\n  isEmpty: isSignatureEmpty,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_SplitPane-Br2eK8IG.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_SplitPane-Br2eK8IG.css","names":[],"sources":["../src/components/C_SplitPane/index.vue?vue&type=style&index=0&scoped=396d0f5b&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 分割面板组件样式 */\n.c-split-pane[data-v-396d0f5b] {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  /* ─── 方向 ────────────────────────────────── */\n  /* ─── 拖拽中 ──────────────────────────────── */\n  /* ─── 禁用 ────────────────────────────────── */\n  /* ─── 折叠过渡 ────────────────────────────── */\n}\n.c-split-pane--horizontal[data-v-396d0f5b] {\n  flex-direction: row;\n}\n.c-split-pane--vertical[data-v-396d0f5b] {\n  flex-direction: column;\n}\n.c-split-pane--dragging .split-panel__content[data-v-396d0f5b] {\n  pointer-events: none;\n  user-select: none;\n}\n.c-split-pane--disabled .split-gutter[data-v-396d0f5b] {\n  cursor: default !important;\n  opacity: 0.5;\n}\n.c-split-pane--disabled .split-gutter[data-v-396d0f5b]:hover {\n  background: transparent;\n}\n.c-split-pane--collapsed-first .split-panel[data-v-396d0f5b], .c-split-pane--collapsed-second .split-panel[data-v-396d0f5b] {\n  transition: width 0.3s ease, height 0.3s ease;\n}\n\n/* ─── 面板 ──────────────────────────────────── */\n.split-panel[data-v-396d0f5b] {\n  overflow: hidden;\n  position: relative;\n}\n.split-panel__content[data-v-396d0f5b] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n\n/* ─── 分割线手柄 ────────────────────────────── */\n.split-gutter[data-v-396d0f5b] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 1;\n  background: var(--c-border, #e1e4e8);\n  transition: background-color 0.2s ease;\n  outline: none;\n  /* 水平方向 */\n  /* 垂直方向 */\n  /* focus 轮廓 */\n  /* ─── 视觉指示条 ──────────────────────────── */\n  /* ─── 折叠按钮 ────────────────────────────── */\n}\n.c-split-pane--horizontal .split-gutter[data-v-396d0f5b] {\n  cursor: col-resize;\n  min-width: 4px;\n}\n.c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:focus-visible {\n  background: var(--c-primary, #409eff);\n}\n.c-split-pane--vertical .split-gutter[data-v-396d0f5b] {\n  cursor: row-resize;\n  min-height: 4px;\n}\n.c-split-pane--vertical .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--vertical .split-gutter[data-v-396d0f5b]:focus-visible {\n  background: var(--c-primary, #409eff);\n}\n.split-gutter[data-v-396d0f5b]:focus-visible {\n  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.3);\n}\n.split-gutter__visual[data-v-396d0f5b] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.split-gutter__dots[data-v-396d0f5b] {\n  display: flex;\n  gap: 2px;\n}\n.c-split-pane--horizontal .split-gutter__dots[data-v-396d0f5b] {\n  flex-direction: column;\n}\n.c-split-pane--vertical .split-gutter__dots[data-v-396d0f5b] {\n  flex-direction: row;\n}\n.split-gutter__dot[data-v-396d0f5b] {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: var(--c-text-4, #ccc);\n  transition: background-color 0.2s ease;\n}\n.split-gutter:hover .split-gutter__dot[data-v-396d0f5b] {\n  background: #fff;\n}\n.split-gutter__collapse-btn[data-v-396d0f5b] {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: 50%;\n  background: var(--c-bg-card, #fff);\n  color: var(--c-text-3, #999);\n  font-size: 12px;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n  z-index: 2;\n  /* 水平方向的定位 */\n  /* 垂直方向的定位 */\n}\n.split-gutter:hover .split-gutter__collapse-btn[data-v-396d0f5b] {\n  opacity: 1;\n}\n.split-gutter__collapse-btn[data-v-396d0f5b]:hover {\n  color: var(--c-primary, #409eff);\n  background: var(--c-bg, #fff);\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn[data-v-396d0f5b] {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn--first[data-v-396d0f5b] {\n  top: 8px;\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn--second[data-v-396d0f5b] {\n  bottom: 8px;\n}\n.c-split-pane--vertical .split-gutter__collapse-btn[data-v-396d0f5b] {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.c-split-pane--vertical .split-gutter__collapse-btn--first[data-v-396d0f5b] {\n  left: 8px;\n}\n.c-split-pane--vertical .split-gutter__collapse-btn--second[data-v-396d0f5b] {\n  right: 8px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_SplitPane2.js

@@ -349,7 +349,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 
 //#endregion
 //#region src/components/C_SplitPane/index.vue
-var C_SplitPane_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-80043f11"]]);
+var C_SplitPane_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-396d0f5b"]]);
 
 //#endregion
 export { useSplitResize as n, C_SplitPane_default as t };