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

package/dist/C_Markdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"uoCEyEA,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAK,CAC1B,EAAa,EAAI,GAAG,CAEpB,EAAY,MACT,EAAM,YAAY,QAAU,EACnC,CAEI,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACJ,CAEF,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,CAEF,MACQ,EAAM,WACX,GAAa,CACR,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,aA5MA,EAuBM,MAAA,CAvBD,MAAK,EAAA,CAAC,qBAAoB,CAAA,UAAsBA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CACzD,EAqBE,EAAA,EAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}
+{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"uoCE4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAK,CAC1B,EAAa,EAAI,GAAG,CAEpB,EAAY,MACT,EAAM,YAAY,QAAU,EACnC,CAEI,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAmB,CAChD,GACJ,CAEF,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,CAEF,MACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,aA/MF,EA0BM,MAAA,CAzBJ,MAAK,EAAA,CAAC,qBAAoB,CAAA,UACLA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CAE3B,EAqBE,EAAA,EAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/C_NotificationCenter-DT6fQ79O.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_NotificationCenter-DT6fQ79O.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=03c9c8c7&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=30bf7ddc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=3db0c5bf&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=b10b0b8e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=a60d6896&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.notification-badge[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-03c9c8c7]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-03c9c8c7 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-03c9c8c7 {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.2s ease reverse;\n}\n@keyframes badge-in-03c9c8c7 {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}","/* unplugin-vue-components disabled */.notification-item[data-v-30bf7ddc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-30bf7ddc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-30bf7ddc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-30bf7ddc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-30bf7ddc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-30bf7ddc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-30bf7ddc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-30bf7ddc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-30bf7ddc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-30bf7ddc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-30bf7ddc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-30bf7ddc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-30bf7ddc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-30bf7ddc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-30bf7ddc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-30bf7ddc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-30bf7ddc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-30bf7ddc], .notification-item__sender[data-v-30bf7ddc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-30bf7ddc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}","/* unplugin-vue-components disabled */.notification-list__tabs[data-v-3db0c5bf] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-3db0c5bf] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-3db0c5bf]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-3db0c5bf]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-3db0c5bf] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-3db0c5bf]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-3db0c5bf] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-3db0c5bf] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-3db0c5bf] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-3db0c5bf] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-3db0c5bf]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-3db0c5bf] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-3db0c5bf] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-3db0c5bf] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}","/* unplugin-vue-components disabled */.notification-detail[data-v-b10b0b8e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-b10b0b8e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-b10b0b8e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-b10b0b8e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-b10b0b8e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-b10b0b8e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-b10b0b8e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-b10b0b8e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-b10b0b8e] ul,\n.notification-detail__body[data-v-b10b0b8e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-b10b0b8e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}","/* unplugin-vue-components disabled */.c-notification-center[data-v-a60d6896] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-a60d6896] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-a60d6896] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-a60d6896] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-a60d6896] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-a60d6896], .c-notification-center__ws-dot--reconnecting[data-v-a60d6896] {\n  background: #faad14;\n  animation: status-blink-a60d6896 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-a60d6896] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-a60d6896 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-a60d6896] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-a60d6896] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(-8px);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_NotificationCenter.css

@@ -0,0 +1,466 @@
+/* unplugin-vue-components disabled */.notification-badge[data-v-03c9c8c7] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.notification-badge__trigger[data-v-03c9c8c7] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all var(--c-transition, 0.2s ease);
+}
+.notification-badge__trigger[data-v-03c9c8c7]:hover {
+  background-color: var(--c-border);
+}
+.notification-badge__trigger:hover .notification-badge__icon[data-v-03c9c8c7] {
+  color: var(--c-primary);
+}
+.notification-badge__icon[data-v-03c9c8c7] {
+  color: var(--c-text-2);
+  transition: color var(--c-transition, 0.2s ease);
+}
+.notification-badge__count[data-v-03c9c8c7] {
+  position: absolute;
+  top: -2px;
+  right: -4px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: #f5222d;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 16px;
+  text-align: center;
+  white-space: nowrap;
+  pointer-events: none;
+  box-shadow: 0 0 0 2px var(--c-bg);
+}
+.notification-badge__pulse[data-v-03c9c8c7] {
+  position: absolute;
+  top: -2px;
+  right: -4px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: rgba(245, 34, 45, 0.4);
+  animation: pulse-ring-03c9c8c7 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
+  pointer-events: none;
+}
+@keyframes pulse-ring-03c9c8c7 {
+0% {
+    transform: scale(0.8);
+    opacity: 1;
+}
+100% {
+    transform: scale(2.2);
+    opacity: 0;
+}
+}
+.badge-bounce-enter-active[data-v-03c9c8c7] {
+  animation: badge-in-03c9c8c7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.badge-bounce-leave-active[data-v-03c9c8c7] {
+  animation: badge-in-03c9c8c7 0.2s ease reverse;
+}
+@keyframes badge-in-03c9c8c7 {
+0% {
+    transform: scale(0);
+    opacity: 0;
+}
+100% {
+    transform: scale(1);
+    opacity: 1;
+}
+}
+/* unplugin-vue-components disabled */.notification-item[data-v-30bf7ddc] {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px 16px;
+  cursor: pointer;
+  transition: background-color var(--c-transition, 0.2s ease);
+  border-bottom: 1px solid var(--c-border);
+  /* ─── 子元素 ──────────────────────────── */
+}
+.notification-item[data-v-30bf7ddc]:last-child {
+  border-bottom: none;
+}
+.notification-item[data-v-30bf7ddc]:hover {
+  background-color: var(--c-bg-card);
+}
+.notification-item:hover .notification-item__actions[data-v-30bf7ddc] {
+  opacity: 1;
+}
+.notification-item--unread[data-v-30bf7ddc] {
+  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);
+}
+.notification-item--unread[data-v-30bf7ddc]:hover {
+  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);
+}
+.notification-item--urgent[data-v-30bf7ddc] {
+  border-left: 3px solid #f5222d;
+  padding-left: 13px;
+}
+.notification-item__indicator[data-v-30bf7ddc] {
+  flex-shrink: 0;
+  width: 8px;
+  display: flex;
+  align-items: center;
+  padding-top: 14px;
+}
+.notification-item__dot[data-v-30bf7ddc] {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--c-primary);
+}
+.notification-item__dot--urgent[data-v-30bf7ddc] {
+  background: #f5222d;
+  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);
+}
+.notification-item__dot--high[data-v-30bf7ddc] {
+  background: #fa8c16;
+}
+.notification-item__dot--normal[data-v-30bf7ddc] {
+  background: var(--c-primary);
+}
+.notification-item__dot--low[data-v-30bf7ddc] {
+  background: var(--c-text-4);
+}
+.notification-item__avatar[data-v-30bf7ddc] {
+  flex-shrink: 0;
+}
+.notification-item__avatar-placeholder[data-v-30bf7ddc] {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  color: #fff;
+}
+.notification-item__avatar-placeholder--system[data-v-30bf7ddc] {
+  background: linear-gradient(135deg, #667eea, #764ba2);
+}
+.notification-item__avatar-placeholder--business[data-v-30bf7ddc] {
+  background: linear-gradient(135deg, #43e97b, #38f9d7);
+  color: #0d1425;
+}
+.notification-item__avatar-placeholder--alarm[data-v-30bf7ddc] {
+  background: linear-gradient(135deg, #f093fb, #f5576c);
+}
+.notification-item__body[data-v-30bf7ddc] {
+  flex: 1;
+  min-width: 0;
+}
+.notification-item__header[data-v-30bf7ddc] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 4px;
+}
+.notification-item__title[data-v-30bf7ddc] {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--c-text-1);
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.notification-item__summary[data-v-30bf7ddc] {
+  font-size: 12px;
+  color: var(--c-text-2);
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.notification-item__meta[data-v-30bf7ddc] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 6px;
+}
+.notification-item__time[data-v-30bf7ddc], .notification-item__sender[data-v-30bf7ddc] {
+  font-size: 11px;
+  color: var(--c-text-4);
+}
+.notification-item__sender[data-v-30bf7ddc]::before {
+  content: "·";
+  margin-right: 8px;
+}
+.notification-item__actions[data-v-30bf7ddc] {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  opacity: 0;
+  transition: opacity var(--c-transition, 0.2s ease);
+}
+.notification-item__action[data-v-30bf7ddc] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 2px;
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--c-text-4);
+  transition: all var(--c-transition, 0.2s ease);
+}
+.notification-item__action[data-v-30bf7ddc]:hover {
+  color: var(--c-primary);
+  background-color: var(--c-border);
+}
+/* unplugin-vue-components disabled */.notification-list__tabs[data-v-3db0c5bf] {
+  display: flex;
+  border-bottom: 1px solid var(--c-border);
+  padding: 0 4px;
+}
+.notification-list__tab[data-v-3db0c5bf] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 12px;
+  font-size: 13px;
+  color: var(--c-text-2);
+  cursor: pointer;
+  transition: all var(--c-transition, 0.2s ease);
+  user-select: none;
+}
+.notification-list__tab[data-v-3db0c5bf]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 12px;
+  right: 12px;
+  height: 2px;
+  background: transparent;
+  border-radius: 1px;
+  transition: background var(--c-transition, 0.2s ease);
+}
+.notification-list__tab[data-v-3db0c5bf]:hover {
+  color: var(--c-text-1);
+}
+.notification-list__tab--active[data-v-3db0c5bf] {
+  color: var(--c-primary);
+  font-weight: 500;
+}
+.notification-list__tab--active[data-v-3db0c5bf]::after {
+  background: var(--c-primary);
+}
+.notification-list__tab-count[data-v-3db0c5bf] {
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: #f5222d;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 16px;
+  text-align: center;
+}
+.notification-list__toolbar[data-v-3db0c5bf] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 6px 16px;
+  border-bottom: 1px solid var(--c-border);
+}
+.notification-list__scroll[data-v-3db0c5bf] {
+  flex: 1;
+}
+.notification-list__skeleton[data-v-3db0c5bf] {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+}
+.notification-list__skeleton-text[data-v-3db0c5bf] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.notification-list__load-more[data-v-3db0c5bf] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 12px;
+  font-size: 12px;
+  color: var(--c-text-2);
+  cursor: pointer;
+  transition: color var(--c-transition, 0.2s ease);
+}
+.notification-list__load-more[data-v-3db0c5bf]:hover {
+  color: var(--c-primary);
+}
+.notification-list__empty[data-v-3db0c5bf] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 0;
+  gap: 12px;
+}
+.notification-list__empty-icon[data-v-3db0c5bf] {
+  color: var(--c-text-4);
+  opacity: 0.5;
+}
+.notification-list__empty-text[data-v-3db0c5bf] {
+  font-size: 13px;
+  color: var(--c-text-4);
+}
+/* unplugin-vue-components disabled */.notification-detail[data-v-b10b0b8e] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.notification-detail__back[data-v-b10b0b8e] {
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--c-border);
+}
+.notification-detail__header[data-v-b10b0b8e] {
+  padding: 16px;
+  border-bottom: 1px solid var(--c-border);
+}
+.notification-detail__title[data-v-b10b0b8e] {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--c-text-1);
+  line-height: 1.5;
+  margin: 0 0 8px;
+}
+.notification-detail__meta[data-v-b10b0b8e] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.notification-detail__time[data-v-b10b0b8e] {
+  font-size: 11px;
+  color: var(--c-text-4);
+}
+.notification-detail__sender[data-v-b10b0b8e] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--c-text-2);
+}
+.notification-detail__content[data-v-b10b0b8e] {
+  flex: 1;
+  min-height: 0;
+}
+.notification-detail__body[data-v-b10b0b8e] {
+  padding: 16px;
+  font-size: 13px;
+  line-height: 1.7;
+  color: var(--c-text-1);
+  word-break: break-word;
+}
+.notification-detail__body[data-v-b10b0b8e] p {
+  margin: 0 0 8px;
+}
+.notification-detail__body[data-v-b10b0b8e] ul,
+.notification-detail__body[data-v-b10b0b8e] ol {
+  padding-left: 20px;
+  margin: 8px 0;
+}
+.notification-detail__body[data-v-b10b0b8e] li {
+  margin: 4px 0;
+}
+.notification-detail__body[data-v-b10b0b8e] strong {
+  font-weight: 600;
+  color: var(--c-primary);
+}
+.notification-detail__footer[data-v-b10b0b8e] {
+  padding: 12px 16px;
+  border-top: 1px solid var(--c-border);
+  display: flex;
+  justify-content: flex-end;
+}
+/* unplugin-vue-components disabled */.c-notification-center[data-v-a60d6896] {
+  display: inline-flex;
+  align-items: center;
+}
+.c-notification-center__panel[data-v-a60d6896] {
+  display: flex;
+  flex-direction: column;
+  max-height: 560px;
+}
+.c-notification-center__header[data-v-a60d6896] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px 10px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-notification-center__title[data-v-a60d6896] {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--c-text-1);
+}
+.c-notification-center__header-extra[data-v-a60d6896] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.c-notification-center__ws-dot[data-v-a60d6896] {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  transition: background-color var(--c-transition, 0.2s ease);
+}
+.c-notification-center__ws-dot--connected[data-v-a60d6896] {
+  background: #52c41a;
+  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);
+}
+.c-notification-center__ws-dot--connecting[data-v-a60d6896], .c-notification-center__ws-dot--reconnecting[data-v-a60d6896] {
+  background: #faad14;
+  animation: status-blink-a60d6896 1s ease-in-out infinite;
+}
+.c-notification-center__ws-dot--disconnected[data-v-a60d6896] {
+  background: var(--c-text-4);
+}
+@keyframes status-blink-a60d6896 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.3;
+}
+}
+/* ─── 切换过渡 ───────────────────────────────── */
+.slide-fade-enter-active[data-v-a60d6896] {
+  transition: all 0.25s ease-out;
+}
+.slide-fade-leave-active[data-v-a60d6896] {
+  transition: all 0.2s ease-in;
+}
+.slide-fade-enter-from[data-v-a60d6896] {
+  opacity: 0;
+  transform: translateY(8px);
+}
+.slide-fade-leave-to[data-v-a60d6896] {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+
+/*# sourceMappingURL=C_NotificationCenter-DT6fQ79O.css.map*/

package/dist/C_QRCode-DMxSyogU.css.map

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

package/dist/C_QRCode.css

@@ -0,0 +1,51 @@
+/* unplugin-vue-components disabled *//* C_QRCode styles */
+.c-qrcode[data-v-7a4201b5] {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  max-width: 100%;
+}
+.c-qrcode .qrcode-wrapper[data-v-7a4201b5] {
+  display: inline-block;
+  padding: 8px;
+  background: var(--c-bg-content, #fff);
+  border-radius: 6px;
+  transition: all 0.3s ease;
+  overflow: hidden;
+  max-width: 100%;
+  line-height: 0;
+}
+.c-qrcode .qrcode-wrapper.with-border[data-v-7a4201b5] {
+  border: 1px dashed var(--c-border-default, #e0e0e6);
+}
+.c-qrcode .qrcode-wrapper[data-v-7a4201b5]:hover {
+  border-color: var(--primary-color, #409eff);
+  box-shadow: var(--c-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.08));
+}
+.c-qrcode .qrcode-wrapper canvas[data-v-7a4201b5] {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-7a4201b5] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+}
+.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-7a4201b5] svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.c-qrcode .qrcode-label[data-v-7a4201b5] {
+  font-size: 14px;
+  color: var(--c-text-secondary, #999);
+  text-align: center;
+  font-weight: 500;
+  word-break: break-all;
+  max-width: 100%;
+}
+
+/*# sourceMappingURL=C_QRCode-DMxSyogU.css.map*/

package/dist/C_Signature-B5fFz6RD.css.map

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