@robot-admin/naive-ui-components 0.6.27 → 0.6.29

package/dist/C_Captcha.css

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

package/dist/C_Captcha.js.map

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

package/dist/C_Captcha2.js

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

package/dist/C_Captcha2.js.map

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

package/dist/{C_Chat-CcdWgVE8.css.map → C_Chat-CcjZdAwu.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Chat-CcdWgVE8.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=5e7f3fe9&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-5e7f3fe9] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);\n}\n.c-chat__sidebar-header[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-5e7f3fe9] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-5e7f3fe9] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-5e7f3fe9]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-5e7f3fe9] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-5e7f3fe9] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-5e7f3fe9] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-5e7f3fe9] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-5e7f3fe9] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #22c55e;\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-5e7f3fe9] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-5e7f3fe9] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-5e7f3fe9] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-5e7f3fe9] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-5e7f3fe9] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-5e7f3fe9] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-5e7f3fe9] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-5e7f3fe9] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-5e7f3fe9] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-5e7f3fe9] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-5e7f3fe9] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-5e7f3fe9] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-5e7f3fe9] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-5e7f3fe9] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-5e7f3fe9] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-5e7f3fe9] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-5e7f3fe9] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-5e7f3fe9] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-5e7f3fe9] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-5e7f3fe9] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-5e7f3fe9] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-5e7f3fe9] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-5e7f3fe9] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-5e7f3fe9] {\n  color: #ef4444;\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-5e7f3fe9] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-5e7f3fe9] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-5e7f3fe9] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-5e7f3fe9] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-5e7f3fe9] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-5e7f3fe9] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-5e7f3fe9],\n  .c-chat__search[data-v-5e7f3fe9],\n  .c-chat__unread[data-v-5e7f3fe9] {\n    display: none;\n}\n.c-chat__contact[data-v-5e7f3fe9] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;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;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Chat-CcjZdAwu.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=2bbae884&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-2bbae884] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);\n}\n.c-chat__sidebar-header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-2bbae884] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-2bbae884]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-2bbae884] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-2bbae884] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-2bbae884] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #22c55e;\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-2bbae884] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-2bbae884] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-2bbae884] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-2bbae884] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-2bbae884] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-2bbae884] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-2bbae884] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-2bbae884] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-2bbae884] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-2bbae884] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-2bbae884] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-2bbae884] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-2bbae884] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-2bbae884] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-2bbae884] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-2bbae884] {\n  color: #ef4444;\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-2bbae884] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-2bbae884] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-2bbae884] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-2bbae884] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-2bbae884] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-2bbae884],\n  .c-chat__search[data-v-2bbae884],\n  .c-chat__unread[data-v-2bbae884] {\n    display: none;\n}\n.c-chat__contact[data-v-2bbae884] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;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;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Chat-Cx0woEEe.css.map → C_Chat-Diq7tyWU.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Chat-Cx0woEEe.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=5e7f3fe9&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-5e7f3fe9] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);\n}\n.c-chat__sidebar-header[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-5e7f3fe9] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-5e7f3fe9] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-5e7f3fe9]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-5e7f3fe9] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-5e7f3fe9] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-5e7f3fe9] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-5e7f3fe9] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-5e7f3fe9] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #22c55e;\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-5e7f3fe9] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-5e7f3fe9] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-5e7f3fe9] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-5e7f3fe9] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-5e7f3fe9] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-5e7f3fe9] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-5e7f3fe9] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-5e7f3fe9] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-5e7f3fe9] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-5e7f3fe9] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-5e7f3fe9] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-5e7f3fe9] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-5e7f3fe9] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-5e7f3fe9] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-5e7f3fe9] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-5e7f3fe9] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-5e7f3fe9] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-5e7f3fe9] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-5e7f3fe9] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-5e7f3fe9] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-5e7f3fe9] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-5e7f3fe9] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-5e7f3fe9] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-5e7f3fe9] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-5e7f3fe9] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-5e7f3fe9] {\n  color: #ef4444;\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-5e7f3fe9] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-5e7f3fe9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-5e7f3fe9] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-5e7f3fe9] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-5e7f3fe9] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-5e7f3fe9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-5e7f3fe9] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-5e7f3fe9] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-5e7f3fe9],\n  .c-chat__search[data-v-5e7f3fe9],\n  .c-chat__unread[data-v-5e7f3fe9] {\n    display: none;\n}\n.c-chat__contact[data-v-5e7f3fe9] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;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;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Chat-Diq7tyWU.css","names":[],"sources":["../src/components/C_Chat/index.vue?vue&type=style&index=0&scoped=2bbae884&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */\n.c-chat[data-v-2bbae884] {\n  --chat-bg: var(--card-color);\n  --chat-sidebar-bg: var(--body-color);\n  --chat-sidebar-width: 280px;\n  --chat-header-bg: var(--card-color);\n  --chat-header-height: 56px;\n  --chat-input-bg: var(--body-color);\n  --chat-input-height: 56px;\n  --chat-bubble-self: var(--primary-color);\n  --chat-bubble-other: var(--body-color);\n  --chat-bubble-system: transparent;\n  --chat-text-primary: var(--app-text-primary);\n  --chat-text-secondary: var(--text-color-3);\n  --chat-text-self: #fff;\n  --chat-border: var(--border-color);\n  --chat-radius: 12px;\n  --chat-avatar-size: 36px;\n  --chat-scrollbar-thumb: var(--border-color);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  border-radius: var(--chat-radius);\n  overflow: hidden;\n  background: var(--chat-bg);\n  color: var(--chat-text-primary);\n  font-size: 14px;\n  border: 1px solid var(--chat-border);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n}\n\n/* ─── 联系人侧栏 ──────────────────────────────────────── */\n.c-chat__sidebar[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  width: var(--chat-sidebar-width);\n  min-width: var(--chat-sidebar-width);\n  background: var(--chat-sidebar-bg);\n  border-right: 1px solid var(--chat-border);\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);\n}\n.c-chat__sidebar-header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: var(--chat-header-height);\n  padding: 0 16px;\n  border-bottom: 1px solid var(--chat-border);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__search[data-v-2bbae884] {\n  padding: 8px 12px;\n}\n.c-chat__contact-list[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__contact[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-chat__contact[data-v-2bbae884]:hover {\n  background: color-mix(in srgb, var(--primary-color) 6%, transparent);\n}\n.c-chat__contact.is-active[data-v-2bbae884] {\n  background: color-mix(in srgb, var(--primary-color) 12%, transparent);\n}\n.c-chat__contact-avatar[data-v-2bbae884] {\n  position: relative;\n  flex-shrink: 0;\n}\n.c-chat__avatar[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  object-fit: cover;\n  background: color-mix(in srgb, var(--border-color) 50%, transparent);\n}\n.c-chat__avatar-fallback[data-v-2bbae884] {\n  width: var(--chat-avatar-size);\n  height: var(--chat-avatar-size);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--primary-color) 25%, transparent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--app-text-primary);\n}\n.c-chat__online-dot[data-v-2bbae884] {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #22c55e;\n  border: 2px solid var(--chat-sidebar-bg);\n}\n.c-chat__contact-info[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__contact-name[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13px;\n  font-weight: 500;\n}\n.c-chat__contact-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n.c-chat__contact-last[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-top: 2px;\n}\n.c-chat__unread[data-v-2bbae884] {\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n/* ─── 主聊天区域 ──────────────────────────────────────── */\n.c-chat__main[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__header[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--chat-header-height);\n  padding: 0 20px;\n  background: var(--chat-header-bg);\n  border-bottom: 1px solid var(--chat-border);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n  font-weight: 600;\n  font-size: 15px;\n}\n.c-chat__header-status[data-v-2bbae884] {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--chat-text-secondary);\n}\n\n/* ─── 消息区域 ────────────────────────────────────────── */\n.c-chat__messages[data-v-2bbae884] {\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar {\n  width: 4px;\n}\n.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar-thumb {\n  background: var(--chat-scrollbar-thumb);\n  border-radius: 2px;\n}\n.c-chat__load-more[data-v-2bbae884] {\n  text-align: center;\n  padding: 8px;\n}\n.c-chat__empty[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--chat-text-secondary);\n  font-size: 13px;\n}\n\n/* ─── 消息气泡 ────────────────────────────────────────── */\n.c-chat__msg[data-v-2bbae884] {\n  display: flex;\n  gap: 8px;\n  max-width: 75%;\n}\n.c-chat__msg.is-self[data-v-2bbae884] {\n  margin-left: auto;\n  flex-direction: row-reverse;\n}\n.c-chat__msg.is-system[data-v-2bbae884] {\n  max-width: 100%;\n  justify-content: center;\n  align-self: center;\n}\n.c-chat__msg-avatar[data-v-2bbae884] {\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.c-chat__msg-body[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n}\n.c-chat__msg-username[data-v-2bbae884] {\n  font-size: 12px;\n  color: var(--chat-text-secondary);\n  margin-bottom: 2px;\n}\n.is-self .c-chat__msg-username[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__bubble[data-v-2bbae884] {\n  padding: 10px 14px;\n  border-radius: 16px;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n.is-other .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.is-system .c-chat__bubble[data-v-2bbae884] {\n  background: var(--chat-bubble-system);\n  color: var(--chat-text-secondary);\n  font-size: 12px;\n  padding: 4px 12px;\n}\n.c-chat__msg-image[data-v-2bbae884] {\n  max-width: 240px;\n  max-height: 180px;\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n.is-self .c-chat__msg-image[data-v-2bbae884] {\n  border-top-right-radius: 4px;\n}\n.is-other .c-chat__msg-image[data-v-2bbae884] {\n  border-top-left-radius: 4px;\n}\n.c-chat__msg-file[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 12px;\n  cursor: pointer;\n}\n.is-other .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-other);\n  border: 1px solid var(--chat-border);\n  border-top-left-radius: 4px;\n}\n.is-self .c-chat__msg-file[data-v-2bbae884] {\n  background: var(--chat-bubble-self);\n  color: var(--chat-text-self);\n  border-top-right-radius: 4px;\n}\n.c-chat__file-info[data-v-2bbae884] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.c-chat__file-name[data-v-2bbae884] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.c-chat__file-size[data-v-2bbae884] {\n  font-size: 11px;\n  opacity: 0.6;\n}\n.c-chat__msg-time[data-v-2bbae884] {\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  margin-top: 4px;\n}\n.is-self .c-chat__msg-time[data-v-2bbae884] {\n  text-align: right;\n}\n.c-chat__msg-status[data-v-2bbae884] {\n  font-size: 11px;\n  margin-top: 2px;\n  text-align: right;\n}\n.c-chat__msg-status.is-sending[data-v-2bbae884] {\n  color: var(--chat-text-secondary);\n}\n.c-chat__msg-status.is-failed[data-v-2bbae884] {\n  color: #ef4444;\n  cursor: pointer;\n}\n\n/* ─── 时间分割线 ──────────────────────────────────────── */\n.c-chat__time-divider[data-v-2bbae884] {\n  text-align: center;\n  font-size: 11px;\n  color: var(--chat-text-secondary);\n  padding: 4px 0;\n}\n\n/* ─── 输入区域 ────────────────────────────────────────── */\n.c-chat__input-area[data-v-2bbae884] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: var(--chat-input-height);\n  padding: 10px 16px;\n  background: var(--chat-input-bg);\n  border-top: 1px solid var(--chat-border);\n}\n.c-chat__input-actions[data-v-2bbae884] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n.c-chat__input-wrap[data-v-2bbae884] {\n  flex: 1;\n  min-width: 0;\n}\n.c-chat__send-btn[data-v-2bbae884] {\n  flex-shrink: 0;\n}\n\n/* ─── 空态 ────────────────────────────────────────────── */\n.c-chat__no-chat[data-v-2bbae884] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: var(--chat-text-secondary);\n}\n.c-chat__no-chat-icon[data-v-2bbae884] {\n  font-size: 48px;\n  opacity: 0.3;\n}\n\n/* ─── 响应式 ──────────────────────────────────────────── */\n@media (max-width: 640px) {\n.c-chat[data-v-2bbae884] {\n    --chat-sidebar-width: 72px;\n}\n.c-chat__contact-info[data-v-2bbae884],\n  .c-chat__search[data-v-2bbae884],\n  .c-chat__unread[data-v-2bbae884] {\n    display: none;\n}\n.c-chat__contact[data-v-2bbae884] {\n    justify-content: center;\n    padding: 10px 8px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;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;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;AACA;AACA;AACA;AACA;AACA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}