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

package/dist/C_Editor.css

@@ -1,52 +1,83 @@
 /* unplugin-vue-components disabled */
-/* 暗色主题样式 */
-.editor-dark[data-v-e2dec5c9] .w-e-toolbar {
-  background-color: #1f2937 !important;
-  border-color: #374151 !important;
+/* CSS 变量 — 支持外部主题覆盖 */
+[data-v-11d1913a]:root {
+  --c-editor-toolbar-bg: #ffffff;
+  --c-editor-toolbar-border: #e5e7eb;
+  --c-editor-menu-color: #333333;
+  --c-editor-menu-hover-bg: #f3f4f6;
+  --c-editor-menu-hover-color: #333333;
+  --c-editor-menu-active-bg: var(--c-primary, #2080f0);
+  --c-editor-menu-active-color: #ffffff;
+  --c-editor-container-bg: #ffffff;
+  --c-editor-container-border: #e5e7eb;
+  --c-editor-text-bg: #ffffff;
+  --c-editor-text-color: #333333;
+  --c-editor-text-focus-bg: #ffffff;
+  --c-editor-text-focus-color: #333333;
+  --c-editor-transition-duration: 0.3s;
+}
+
+/* 暗色主题 — 覆盖 CSS 变量 */
+.editor-dark[data-v-11d1913a] {
+  --c-editor-toolbar-bg: #1f2937;
+  --c-editor-toolbar-border: #374151;
+  --c-editor-menu-color: #e5e7eb;
+  --c-editor-menu-hover-bg: #374151;
+  --c-editor-menu-hover-color: #ffffff;
+  --c-editor-container-bg: #111827;
+  --c-editor-container-border: #374151;
+  --c-editor-text-bg: #303033;
+  --c-editor-text-color: #e5e7eb;
+  --c-editor-text-focus-bg: #111827;
+  --c-editor-text-focus-color: #e5e7eb;
+}
+.editor-dark[data-v-11d1913a] .w-e-toolbar {
+  background-color: var(--c-editor-toolbar-bg) !important;
+  border-color: var(--c-editor-toolbar-border) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-toolbar .w-e-menu .w-e-menu-item {
-  color: #e5e7eb !important;
+.editor-dark[data-v-11d1913a] .w-e-toolbar .w-e-menu .w-e-menu-item {
+  color: var(--c-editor-menu-color) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {
-  background-color: #374151 !important;
-  color: #ffffff !important;
+.editor-dark[data-v-11d1913a] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {
+  background-color: var(--c-editor-menu-hover-bg) !important;
+  color: var(--c-editor-menu-hover-color) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {
-  background-color: #2080f0 !important;
-  color: #ffffff !important;
+.editor-dark[data-v-11d1913a] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {
+  background-color: var(--c-editor-menu-active-bg) !important;
+  color: var(--c-editor-menu-active-color) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-text-container {
-  background-color: #111827 !important;
-  border-color: #374151 !important;
+.editor-dark[data-v-11d1913a] .w-e-text-container {
+  background-color: var(--c-editor-container-bg) !important;
+  border-color: var(--c-editor-container-border) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-text-container .w-e-text {
-  background-color: #303033 !important;
-  color: #e5e7eb !important;
+.editor-dark[data-v-11d1913a] .w-e-text-container .w-e-text {
+  background-color: var(--c-editor-text-bg) !important;
+  color: var(--c-editor-text-color) !important;
 }
-.editor-dark[data-v-e2dec5c9] .w-e-text-container .w-e-text:focus {
-  background-color: #111827 !important;
-  color: #e5e7eb !important;
+.editor-dark[data-v-11d1913a] .w-e-text-container .w-e-text:focus {
+  background-color: var(--c-editor-text-focus-bg) !important;
+  color: var(--c-editor-text-focus-color) !important;
 }
-[data-v-e2dec5c9] .w-e-toolbar,[data-v-e2dec5c9] .w-e-text-container {
+[data-v-11d1913a] .w-e-toolbar,[data-v-11d1913a] .w-e-text-container {
   max-width: 100% !important;
   overflow-x: auto !important;
   box-sizing: border-box !important;
 }
-[data-v-e2dec5c9] .w-e-text {
+[data-v-11d1913a] .w-e-text {
   max-width: 100% !important;
   word-wrap: break-word !important;
   overflow-wrap: break-word !important;
 }
-[data-v-e2dec5c9] .w-e-toolbar,[data-v-e2dec5c9] .w-e-text-container,[data-v-e2dec5c9] .w-e-text {
+[data-v-11d1913a] .w-e-toolbar,[data-v-11d1913a] .w-e-text-container,[data-v-11d1913a] .w-e-text {
   transition:
-    background-color 0.3s ease,
-    border-color 0.3s ease,
-    color 0.3s ease !important;
+    background-color var(--c-editor-transition-duration) ease,
+    border-color var(--c-editor-transition-duration) ease,
+    color var(--c-editor-transition-duration) ease !important;
 }
-.editor-focused[data-v-e2dec5c9] {
+.editor-focused[data-v-11d1913a] {
   overflow: hidden !important;
   max-width: 100% !important;
 }
 
 
-/*# sourceMappingURL=C_Editor-D0_6UhIa.css.map*/
+/*# sourceMappingURL=C_Editor-C49qURgb.css.map*/

package/dist/C_Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Editor.js","names":["editorId"],"sources":["../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_Editor.js","names":["editorId"],"sources":["../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Editor2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,defineComponent as r,nextTick as i,normalizeClass as a,onBeforeUnmount as o,onMounted as s,openBlock as c,readonly as l,ref as u,vShow as d,watch as f,withDirectives as p}from"vue";import m from"wangeditor";const h=[`id`];var g=e(r({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`],setup(e,{expose:r,emit:g}){let _=e,v=g,y=u(null),b=u(null),x=u(!1),S=t(()=>_.theme===`dark`),C=()=>{if(!(!y.value||x.value))try{let e=new m(y.value),t=e.config;t.placeholder=_.placeholder,t.height=_.height-50,t.onchange=e=>{v(`update:modelValue`,e),v(`editor-change`,e)},e.create(),i(()=>{_.modelValue&&e.txt.html(_.modelValue),_.readonly&&e.disable(),b.value=e,x.value=!0,v(`editor-mounted`,e)})}catch(e){console.error(`[C_Editor] 编辑器初始化失败: ${_.editorId}`,e)}},w=()=>{if(b.value&&x.value)try{b.value.destroy(),b.value=null,x.value=!1}catch(e){console.error(`[C_Editor] 编辑器销毁失败: ${_.editorId}`,e)}},T=e=>{if(b.value&&x.value)try{b.value.txt.html(e)}catch(e){console.warn(`[C_Editor] 设置编辑器内容失败: ${_.editorId}`,e)}},E=()=>{if(b.value&&x.value)try{return b.value.txt.html()}catch(e){return console.warn(`[C_Editor] 获取编辑器内容失败: ${_.editorId}`,e),``}return``};f(()=>_.modelValue,e=>{b.value&&x.value&&b.value.txt.html()!==e&&b.value.txt.html(e||``)}),f(()=>_.disabled,e=>{if(b.value&&x.value)try{e?b.value.disable():b.value.enable()}catch(e){console.warn(`[C_Editor] 设置编辑器状态失败`,e)}}),f(()=>_.readonly,e=>{if(b.value&&x.value)try{e?b.value.disable():b.value.enable()}catch(e){console.warn(`[C_Editor] 设置编辑器只读状态失败`,e)}});let D=()=>{if(!y.value)return;let e=y.value.closest(`.form-demo`);if(e){e.classList.add(`editor-focused`);let t=e.scrollWidth;e.style.maxWidth=`${t}px`}},O=()=>{if(!y.value)return;let e=y.value.closest(`.form-demo`);e&&(e.classList.remove(`editor-focused`),e.style.maxWidth=``)};return s(()=>{i(()=>{C()})}),o(()=>{w()}),r({initializeEditor:C,destroyEditor:w,setContent:T,getContent:E,handleEditorFocus:D,handleEditorBlur:O,editorInstance:l(b),isInitialized:l(x)}),(e,t)=>p((c(),n(`div`,{ref_key:`editorContainer`,ref:y,id:e.editorId,class:a([`w-full`,{"editor-dark":S.value}]),onFocusin:D,onFocusout:O},null,42,h)),[[d,x.value]])}}),[[`__scopeId`,`data-v-e2dec5c9`]]);export{g as t};
+import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,defineComponent as r,nextTick as i,normalizeClass as a,onBeforeUnmount as o,onMounted as s,openBlock as c,readonly as l,ref as u,vShow as d,watch as f,withDirectives as p}from"vue";import m from"wangeditor";const h=[`id`];var g=e(r({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`],setup(e,{expose:r,emit:g}){let _=e,v=g,y=u(null),b=u(null),x=u(!1),S=t(()=>_.theme===`dark`),C=()=>{if(!(!y.value||x.value))try{let e=new m(y.value),t=e.config;t.placeholder=_.placeholder,t.height=_.height-50,t.onchange=e=>{v(`update:modelValue`,e),v(`editor-change`,e)},e.create(),i(()=>{_.modelValue&&e.txt.html(_.modelValue),_.readonly&&e.disable(),b.value=e,x.value=!0,v(`editor-mounted`,e)})}catch(e){console.error(`[C_Editor] 编辑器初始化失败: ${_.editorId}`,e)}},w=()=>{if(b.value&&x.value)try{b.value.destroy(),b.value=null,x.value=!1}catch(e){console.error(`[C_Editor] 编辑器销毁失败: ${_.editorId}`,e)}},T=e=>{if(b.value&&x.value)try{b.value.txt.html(e)}catch(e){console.warn(`[C_Editor] 设置编辑器内容失败: ${_.editorId}`,e)}},E=()=>{if(b.value&&x.value)try{return b.value.txt.html()}catch(e){return console.warn(`[C_Editor] 获取编辑器内容失败: ${_.editorId}`,e),``}return``};f(()=>_.modelValue,e=>{b.value&&x.value&&b.value.txt.html()!==e&&b.value.txt.html(e||``)}),f(()=>_.disabled,e=>{if(b.value&&x.value)try{e?b.value.disable():b.value.enable()}catch(e){console.warn(`[C_Editor] 设置编辑器状态失败`,e)}}),f(()=>_.readonly,e=>{if(b.value&&x.value)try{e?b.value.disable():b.value.enable()}catch(e){console.warn(`[C_Editor] 设置编辑器只读状态失败`,e)}});let D=()=>{if(!y.value)return;let e=y.value.closest(`.form-demo`);if(e){e.classList.add(`editor-focused`);let t=e.scrollWidth;e.style.maxWidth=`${t}px`}},O=()=>{if(!y.value)return;let e=y.value.closest(`.form-demo`);e&&(e.classList.remove(`editor-focused`),e.style.maxWidth=``)};return s(()=>{i(()=>{C()})}),o(()=>{w()}),r({initializeEditor:C,destroyEditor:w,setContent:T,getContent:E,handleEditorFocus:D,handleEditorBlur:O,editorInstance:l(b),isInitialized:l(x)}),(e,t)=>p((c(),n(`div`,{ref_key:`editorContainer`,ref:y,id:e.editorId,class:a([`w-full`,{"editor-dark":S.value}]),onFocusin:D,onFocusout:O},null,42,h)),[[d,x.value]])}}),[[`__scopeId`,`data-v-11d1913a`]]);export{g as t};
 //# sourceMappingURL=C_Editor2.js.map

package/dist/C_Editor2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Editor2.js","names":["editorId"],"sources":["../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* 暗色主题样式 */\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_Editor2.js","names":["editorId"],"sources":["../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 富文本编辑器组件（简化主题版）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"editorContainer\"\r\n    :id=\"editorId\"\r\n    v-show=\"isInitialized\"\r\n    class=\"w-full\"\r\n    :class=\"{ 'editor-dark': isDark }\"\r\n    @focusin=\"handleEditorFocus\"\r\n    @focusout=\"handleEditorBlur\"\r\n  ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n  readonly,\r\n} from \"vue\";\r\nimport E from \"wangeditor\";\r\n\r\ndefineOptions({ name: \"C_Editor\" });\r\n\r\ninterface Props {\r\n  editorId: string;\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  height?: number;\r\n  theme?: \"light\" | \"dark\";\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"editor-mounted\", editor: any): void;\r\n  (e: \"editor-change\", html: string): void;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  modelValue: \"\",\r\n  placeholder: \"\",\r\n  disabled: false,\r\n  readonly: false,\r\n  height: 240,\r\n  theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorContainer = ref<HTMLElement | null>(null);\r\nconst editorInstance = ref<any>(null);\r\nconst isInitialized = ref<boolean>(false);\r\n\r\nconst isDark = computed(() => props.theme === \"dark\");\r\n\r\nconst initializeEditor = (): void => {\r\n  if (!editorContainer.value || isInitialized.value) return;\r\n\r\n  try {\r\n    const editor = new E(editorContainer.value);\r\n    const editorConfig = editor.config as any;\r\n    editorConfig.placeholder = props.placeholder;\r\n    editorConfig.height = props.height - 50;\r\n\r\n    editorConfig.onchange = (html: string) => {\r\n      emit(\"update:modelValue\", html);\r\n      emit(\"editor-change\", html);\r\n    };\r\n\r\n    editor.create();\r\n\r\n    nextTick(() => {\r\n      if (props.modelValue) {\r\n        editor.txt.html(props.modelValue);\r\n      }\r\n      if (props.readonly) {\r\n        editor.disable();\r\n      }\r\n      editorInstance.value = editor;\r\n      isInitialized.value = true;\r\n      emit(\"editor-mounted\", editor);\r\n    });\r\n  } catch (error) {\r\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\r\n  }\r\n};\r\n\r\nconst destroyEditor = (): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.destroy();\r\n      editorInstance.value = null;\r\n      isInitialized.value = false;\r\n    } catch (error) {\r\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst setContent = (html: string): void => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      editorInstance.value.txt.html(html);\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\r\n    }\r\n  }\r\n};\r\n\r\nconst getContent = (): string => {\r\n  if (editorInstance.value && isInitialized.value) {\r\n    try {\r\n      return editorInstance.value.txt.html();\r\n    } catch (error) {\r\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\r\n      return \"\";\r\n    }\r\n  }\r\n  return \"\";\r\n};\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      const currentContent = editorInstance.value.txt.html();\r\n      if (currentContent !== newValue) {\r\n        editorInstance.value.txt.html(newValue || \"\");\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.disabled,\r\n  (disabled) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (disabled) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => props.readonly,\r\n  (readonlyVal) => {\r\n    if (editorInstance.value && isInitialized.value) {\r\n      try {\r\n        if (readonlyVal) editorInstance.value.disable();\r\n        else editorInstance.value.enable();\r\n      } catch (error) {\r\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\r\n      }\r\n    }\r\n  },\r\n);\r\n\r\nconst handleEditorFocus = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.add(\"editor-focused\");\r\n    const containerWidth = container.scrollWidth;\r\n    container.style.maxWidth = `${containerWidth}px`;\r\n  }\r\n};\r\n\r\nconst handleEditorBlur = (): void => {\r\n  if (!editorContainer.value) return;\r\n  const container = editorContainer.value.closest(\r\n    \".form-demo\",\r\n  ) as HTMLElement | null;\r\n  if (container) {\r\n    container.classList.remove(\"editor-focused\");\r\n    container.style.maxWidth = \"\";\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    initializeEditor();\r\n  });\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  destroyEditor();\r\n});\r\n\r\ndefineExpose({\r\n  initializeEditor,\r\n  destroyEditor,\r\n  setContent,\r\n  getContent,\r\n  handleEditorFocus,\r\n  handleEditorBlur,\r\n  editorInstance: readonly(editorInstance),\r\n  isInitialized: readonly(isInitialized),\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n/* CSS 变量 — 支持外部主题覆盖 */\r\n:root {\r\n  --c-editor-toolbar-bg: #ffffff;\r\n  --c-editor-toolbar-border: #e5e7eb;\r\n  --c-editor-menu-color: #333333;\r\n  --c-editor-menu-hover-bg: #f3f4f6;\r\n  --c-editor-menu-hover-color: #333333;\r\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\r\n  --c-editor-menu-active-color: #ffffff;\r\n  --c-editor-container-bg: #ffffff;\r\n  --c-editor-container-border: #e5e7eb;\r\n  --c-editor-text-bg: #ffffff;\r\n  --c-editor-text-color: #333333;\r\n  --c-editor-text-focus-bg: #ffffff;\r\n  --c-editor-text-focus-color: #333333;\r\n  --c-editor-transition-duration: 0.3s;\r\n}\r\n\r\n/* 暗色主题 — 覆盖 CSS 变量 */\r\n.editor-dark {\r\n  --c-editor-toolbar-bg: #1f2937;\r\n  --c-editor-toolbar-border: #374151;\r\n  --c-editor-menu-color: #e5e7eb;\r\n  --c-editor-menu-hover-bg: #374151;\r\n  --c-editor-menu-hover-color: #ffffff;\r\n  --c-editor-container-bg: #111827;\r\n  --c-editor-container-border: #374151;\r\n  --c-editor-text-bg: #303033;\r\n  --c-editor-text-color: #e5e7eb;\r\n  --c-editor-text-focus-bg: #111827;\r\n  --c-editor-text-focus-color: #e5e7eb;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar) {\r\n  background-color: var(--c-editor-toolbar-bg) !important;\r\n  border-color: var(--c-editor-toolbar-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\r\n  color: var(--c-editor-menu-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\r\n  background-color: var(--c-editor-menu-hover-bg) !important;\r\n  color: var(--c-editor-menu-hover-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\r\n  background-color: var(--c-editor-menu-active-bg) !important;\r\n  color: var(--c-editor-menu-active-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container) {\r\n  background-color: var(--c-editor-container-bg) !important;\r\n  border-color: var(--c-editor-container-border) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text) {\r\n  background-color: var(--c-editor-text-bg) !important;\r\n  color: var(--c-editor-text-color) !important;\r\n}\r\n\r\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\r\n  background-color: var(--c-editor-text-focus-bg) !important;\r\n  color: var(--c-editor-text-focus-color) !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container) {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n:deep(.w-e-text) {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\r\n}\r\n\r\n:deep(.w-e-toolbar),\r\n:deep(.w-e-text-container),\r\n:deep(.w-e-text) {\r\n  transition:\r\n    background-color var(--c-editor-transition-duration) ease,\r\n    border-color var(--c-editor-transition-duration) ease,\r\n    color var(--c-editor-transition-duration) ease !important;\r\n}\r\n\r\n.editor-focused {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\r\n}\r\n</style>\r\n"],"mappings":"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"}

package/dist/{C_FilePreview-BhcbiXsV.css.map → C_FilePreview-BVarVvnD.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_FilePreview-BhcbiXsV.css","names":[],"sources":["../src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=style&index=0&scoped=b3a276cb&lang.scss","../src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=style&index=0&scoped=e79a98a6&lang.scss","../src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=style&index=0&scoped=d1c1c8fe&lang.scss","../src/components/C_FilePreview/index.vue?vue&type=style&index=0&scoped=30d50866&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.file-container[data-v-b3a276cb] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-b3a276cb] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.file-container .file-viewer[data-v-b3a276cb] {\n  flex: 1;\n  min-height: 300px;\n}","/* unplugin-vue-components disabled */.file-container[data-v-e79a98a6] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-e79a98a6] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.word-layout[data-v-e79a98a6] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.word-layout .word-main[data-v-e79a98a6] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n.word-layout .word-main .word-outline[data-v-e79a98a6] {\n  width: 280px;\n  border-right: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n}\n.word-layout .word-main .word-outline .outline-header[data-v-e79a98a6] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.word-layout .word-main .word-outline .outline-content[data-v-e79a98a6] {\n  padding: 8px;\n  overflow-y: auto;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-e79a98a6] {\n  padding: 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-e79a98a6]:hover {\n  background-color: #e6f3ff;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-1[data-v-e79a98a6] {\n  padding-left: 12px;\n  font-weight: 600;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-2[data-v-e79a98a6] {\n  padding-left: 24px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-3[data-v-e79a98a6], .word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-e79a98a6] {\n  padding-left: 36px;\n  font-size: 13px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-e79a98a6] {\n  padding-left: 48px;\n}\n.word-layout .word-main .word-content[data-v-e79a98a6] {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] {\n  max-width: 800px;\n  margin: 0 auto;\n  background: var(--c-bg-card, white);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  padding: 40px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h1 {\n  margin: 24px 0 16px 0;\n  font-weight: bold;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h1 {\n  font-size: 1.8rem;\n  color: var(--c-text-1, #333);\n  border-bottom: 2px solid var(--c-border, #e0e0e0);\n  padding-bottom: 8px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h2 {\n  font-size: 1.5rem;\n  color: var(--c-text-1, #444);\n  margin: 20px 0 12px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h3 {\n  font-size: 1.25rem;\n  color: var(--c-text-2, #555);\n  margin: 16px 0 8px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] p {\n  margin-bottom: 12px;\n  line-height: 1.8;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] ul {\n  margin: 12px 0;\n  padding-left: 24px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] li {\n  margin-bottom: 6px;\n  line-height: 1.6;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 16px 0;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] th {\n  border: 1px solid #d0d0d0;\n  padding: 12px;\n  text-align: left;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] th {\n  background-color: var(--c-bg-card, #f5f5f5);\n  font-weight: bold;\n}","/* unplugin-vue-components disabled */.file-container[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-d1c1c8fe] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.excel-container[data-v-d1c1c8fe] {\n  overflow: visible;\n}\n.excel-container .excel-viewer[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-info[data-v-d1c1c8fe] {\n  padding: 8px 16px;\n  background-color: var(--c-bg-card, #f9f9f9);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 7;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container[data-v-d1c1c8fe] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper[data-v-d1c1c8fe] {\n  flex: 1;\n  overflow: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table[data-v-d1c1c8fe] {\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header[data-v-d1c1c8fe] {\n  padding: 6px 8px;\n  background: #f8f9fa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-letter[data-v-d1c1c8fe] {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-title[data-v-d1c1c8fe] {\n  font-size: 11px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-row[data-v-d1c1c8fe]:nth-child(even) {\n  background-color: #fefefe;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell[data-v-d1c1c8fe] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe] {\n  border: 1px solid #1976d2 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table[data-v-d1c1c8fe] {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: 13px;\n  min-width: 100%;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .row-number[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  text-align: center;\n  min-width: 30px;\n  width: 30px;\n  padding: 2px 4px;\n  font-size: 11px;\n  font-weight: bold;\n  border: 1px solid #d0d0d0;\n  color: #666;\n  position: sticky;\n  left: 0;\n  z-index: 10;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n  padding: 8px 12px;\n  border: 1px solid #c0c0c0;\n  font-weight: bold;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-letter[data-v-d1c1c8fe] {\n  background-color: var(--c-primary, #1976d2);\n  color: white;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: normal;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-title[data-v-d1c1c8fe] {\n  font-size: 12px;\n  font-weight: bold;\n  text-align: center;\n  word-break: break-all;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-d1c1c8fe]:nth-child(even) {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-d1c1c8fe]:hover {\n  background-color: #e6f3ff;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell[data-v-d1c1c8fe] {\n  padding: 8px 12px;\n  border: 1px solid #d0d0d0;\n  vertical-align: middle;\n  word-wrap: break-word;\n  word-break: break-all;\n  min-height: 24px;\n  line-height: 1.4;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-number[data-v-d1c1c8fe] {\n  text-align: right;\n  font-family: \"Courier New\", monospace;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-gantt[data-v-d1c1c8fe] {\n  text-align: center;\n  font-family: monospace;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: #f0f0f0;\n  color: var(--c-text-1, #333);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-date[data-v-d1c1c8fe] {\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-boolean[data-v-d1c1c8fe] {\n  text-align: center;\n  font-weight: bold;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-long[data-v-d1c1c8fe] {\n  max-width: 200px;\n  white-space: pre-wrap;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-empty[data-v-d1c1c8fe] {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 2px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  right: 3px;\n  bottom: 3px;\n  background: rgba(25, 118, 210, 0.08);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::after {\n  content: \"📎\";\n  position: absolute;\n  top: 2px;\n  right: 4px;\n  font-size: 10px;\n  opacity: 0.6;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell[data-v-d1c1c8fe] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 1px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe]::before {\n  top: 2px;\n  left: 2px;\n  right: 2px;\n  bottom: 2px;\n  background: rgba(25, 118, 210, 0.05);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-empty[data-v-d1c1c8fe] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] {\n  padding: 20px 16px;\n  border-top: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 1000;\n  position: relative;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination {\n  z-index: 1001;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker {\n  z-index: 1002;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker .n-base-selection {\n  z-index: 1003;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker .n-base-selection-popover {\n  z-index: 1004 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-popover {\n  z-index: 1005 !important;\n}","/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-30d50866] {\n  width: 100%;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border: 1px solid var(--c-border, #e0e0e0);\n  border-radius: 12px;\n  background: var(--c-bg-card, white);\n  transition: var(--c-transition, 0.2s ease);\n  cursor: pointer;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-30d50866]:hover {\n  border-color: var(--c-primary, #40a9ff);\n  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);\n  transform: translateY(-1px);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-30d50866] {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border-radius: 12px;\n  border: 1px solid #dee2e6;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-30d50866] {\n  flex: 1;\n  min-width: 0;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 6px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #1f2937);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-30d50866] {\n  display: flex;\n  gap: 16px;\n  font-size: 13px;\n  color: var(--c-text-2, #6b7280);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-30d50866] {\n  font-weight: 500;\n  color: var(--c-text-1, #374151);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-30d50866] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n}\n.modal-container[data-v-30d50866] {\n  background: var(--c-bg-card, white);\n  border-radius: 8px;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n.modal-container .modal-header[data-v-30d50866] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--c-bg, #fafafa);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 10;\n  position: relative;\n}\n.modal-container .modal-header .modal-title[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #333);\n}\n.modal-container .modal-header .modal-title span[data-v-30d50866] {\n  max-width: 400px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-container .modal-header .modal-actions[data-v-30d50866] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.modal-container .modal-content[data-v-30d50866] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.modal-container .preview-header[data-v-30d50866] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 9;\n  position: relative;\n}\n.modal-container .preview-content[data-v-30d50866] {\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n  position: relative;\n}\n.modal-container .preview-content .status-container[data-v-30d50866] {\n  height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_FilePreview-BVarVvnD.css","names":[],"sources":["../src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=style&index=0&scoped=e96499e0&lang.scss","../src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=style&index=0&scoped=42ca58ad&lang.scss","../src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=style&index=0&scoped=b6c3e1b9&lang.scss","../src/components/C_FilePreview/index.vue?vue&type=style&index=0&scoped=1037e17e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.file-container[data-v-e96499e0] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-e96499e0] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.file-container .file-viewer[data-v-e96499e0] {\n  flex: 1;\n  min-height: 300px;\n}","/* unplugin-vue-components disabled */.file-container[data-v-42ca58ad] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-42ca58ad] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.word-layout[data-v-42ca58ad] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.word-layout .word-main[data-v-42ca58ad] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n.word-layout .word-main .word-outline[data-v-42ca58ad] {\n  width: 280px;\n  border-right: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n}\n.word-layout .word-main .word-outline .outline-header[data-v-42ca58ad] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.word-layout .word-main .word-outline .outline-content[data-v-42ca58ad] {\n  padding: 8px;\n  overflow-y: auto;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-42ca58ad] {\n  padding: 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-42ca58ad]:hover {\n  background-color: #e6f3ff;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-1[data-v-42ca58ad] {\n  padding-left: 12px;\n  font-weight: 600;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-2[data-v-42ca58ad] {\n  padding-left: 24px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-3[data-v-42ca58ad], .word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-42ca58ad] {\n  padding-left: 36px;\n  font-size: 13px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-42ca58ad] {\n  padding-left: 48px;\n}\n.word-layout .word-main .word-content[data-v-42ca58ad] {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] {\n  max-width: 800px;\n  margin: 0 auto;\n  background: var(--c-bg-card, white);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  padding: 40px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h1 {\n  margin: 24px 0 16px 0;\n  font-weight: bold;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h1 {\n  font-size: 1.8rem;\n  color: var(--c-text-1, #333);\n  border-bottom: 2px solid var(--c-border, #e0e0e0);\n  padding-bottom: 8px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h2 {\n  font-size: 1.5rem;\n  color: var(--c-text-1, #444);\n  margin: 20px 0 12px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h3 {\n  font-size: 1.25rem;\n  color: var(--c-text-2, #555);\n  margin: 16px 0 8px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] p {\n  margin-bottom: 12px;\n  line-height: 1.8;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] ul {\n  margin: 12px 0;\n  padding-left: 24px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] li {\n  margin-bottom: 6px;\n  line-height: 1.6;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 16px 0;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] th {\n  border: 1px solid #d0d0d0;\n  padding: 12px;\n  text-align: left;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] th {\n  background-color: var(--c-bg-card, #f5f5f5);\n  font-weight: bold;\n}","/* unplugin-vue-components disabled */.file-container[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-b6c3e1b9] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.excel-container[data-v-b6c3e1b9] {\n  overflow: visible;\n}\n.excel-container .excel-viewer[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-info[data-v-b6c3e1b9] {\n  padding: 8px 16px;\n  background-color: var(--c-bg-card, #f9f9f9);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 7;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container[data-v-b6c3e1b9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper[data-v-b6c3e1b9] {\n  flex: 1;\n  overflow: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table[data-v-b6c3e1b9] {\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header[data-v-b6c3e1b9] {\n  padding: 6px 8px;\n  background: #f8f9fa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-letter[data-v-b6c3e1b9] {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-title[data-v-b6c3e1b9] {\n  font-size: 11px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-row[data-v-b6c3e1b9]:nth-child(even) {\n  background-color: #fefefe;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell[data-v-b6c3e1b9] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9] {\n  border: 1px solid #1976d2 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table[data-v-b6c3e1b9] {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: 13px;\n  min-width: 100%;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .row-number[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  text-align: center;\n  min-width: 30px;\n  width: 30px;\n  padding: 2px 4px;\n  font-size: 11px;\n  font-weight: bold;\n  border: 1px solid #d0d0d0;\n  color: #666;\n  position: sticky;\n  left: 0;\n  z-index: 10;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n  padding: 8px 12px;\n  border: 1px solid #c0c0c0;\n  font-weight: bold;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-letter[data-v-b6c3e1b9] {\n  background-color: var(--c-primary, #1976d2);\n  color: white;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: normal;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-title[data-v-b6c3e1b9] {\n  font-size: 12px;\n  font-weight: bold;\n  text-align: center;\n  word-break: break-all;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-b6c3e1b9]:nth-child(even) {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-b6c3e1b9]:hover {\n  background-color: #e6f3ff;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell[data-v-b6c3e1b9] {\n  padding: 8px 12px;\n  border: 1px solid #d0d0d0;\n  vertical-align: middle;\n  word-wrap: break-word;\n  word-break: break-all;\n  min-height: 24px;\n  line-height: 1.4;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-number[data-v-b6c3e1b9] {\n  text-align: right;\n  font-family: \"Courier New\", monospace;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-gantt[data-v-b6c3e1b9] {\n  text-align: center;\n  font-family: monospace;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: #f0f0f0;\n  color: var(--c-text-1, #333);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-date[data-v-b6c3e1b9] {\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-boolean[data-v-b6c3e1b9] {\n  text-align: center;\n  font-weight: bold;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-long[data-v-b6c3e1b9] {\n  max-width: 200px;\n  white-space: pre-wrap;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-empty[data-v-b6c3e1b9] {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 2px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  right: 3px;\n  bottom: 3px;\n  background: rgba(25, 118, 210, 0.08);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::after {\n  content: \"📎\";\n  position: absolute;\n  top: 2px;\n  right: 4px;\n  font-size: 10px;\n  opacity: 0.6;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell[data-v-b6c3e1b9] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 1px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9]::before {\n  top: 2px;\n  left: 2px;\n  right: 2px;\n  bottom: 2px;\n  background: rgba(25, 118, 210, 0.05);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-empty[data-v-b6c3e1b9] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] {\n  padding: 20px 16px;\n  border-top: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 1000;\n  position: relative;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination {\n  z-index: 1001;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker {\n  z-index: 1002;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker .n-base-selection {\n  z-index: 1003;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker .n-base-selection-popover {\n  z-index: 1004 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-popover {\n  z-index: 1005 !important;\n}","/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-1037e17e] {\n  width: 100%;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border: 1px solid var(--c-border, #e0e0e0);\n  border-radius: 12px;\n  background: var(--c-bg-card, white);\n  transition: var(--c-transition, 0.2s ease);\n  cursor: pointer;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-1037e17e]:hover {\n  border-color: var(--c-primary, #40a9ff);\n  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);\n  transform: translateY(-1px);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-1037e17e] {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border-radius: 12px;\n  border: 1px solid #dee2e6;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-1037e17e] {\n  flex: 1;\n  min-width: 0;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 6px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #1f2937);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-1037e17e] {\n  display: flex;\n  gap: 16px;\n  font-size: 13px;\n  color: var(--c-text-2, #6b7280);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-1037e17e] {\n  font-weight: 500;\n  color: var(--c-text-1, #374151);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-1037e17e] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n}\n.modal-container[data-v-1037e17e] {\n  background: var(--c-bg-card, white);\n  border-radius: 8px;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n.modal-container .modal-header[data-v-1037e17e] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--c-bg, #fafafa);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 10;\n  position: relative;\n}\n.modal-container .modal-header .modal-title[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #333);\n}\n.modal-container .modal-header .modal-title span[data-v-1037e17e] {\n  max-width: 400px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-container .modal-header .modal-actions[data-v-1037e17e] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.modal-container .modal-content[data-v-1037e17e] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.modal-container .preview-header[data-v-1037e17e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 9;\n  position: relative;\n}\n.modal-container .preview-content[data-v-1037e17e] {\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n  position: relative;\n}\n.modal-container .preview-content .status-container[data-v-1037e17e] {\n  height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_FilePreview-DJudcIbW.css.map → C_FilePreview-DHGlV4OR.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_FilePreview-DJudcIbW.css","names":[],"sources":["../src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=style&index=0&scoped=b3a276cb&lang.scss","../src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=style&index=0&scoped=e79a98a6&lang.scss","../src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=style&index=0&scoped=d1c1c8fe&lang.scss","../src/components/C_FilePreview/index.vue?vue&type=style&index=0&scoped=30d50866&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.file-container[data-v-b3a276cb] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-b3a276cb] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.file-container .file-viewer[data-v-b3a276cb] {\n  flex: 1;\n  min-height: 300px;\n}","/* unplugin-vue-components disabled */.file-container[data-v-e79a98a6] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-e79a98a6] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.word-layout[data-v-e79a98a6] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.word-layout .word-main[data-v-e79a98a6] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n.word-layout .word-main .word-outline[data-v-e79a98a6] {\n  width: 280px;\n  border-right: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n}\n.word-layout .word-main .word-outline .outline-header[data-v-e79a98a6] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.word-layout .word-main .word-outline .outline-content[data-v-e79a98a6] {\n  padding: 8px;\n  overflow-y: auto;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-e79a98a6] {\n  padding: 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-e79a98a6]:hover {\n  background-color: #e6f3ff;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-1[data-v-e79a98a6] {\n  padding-left: 12px;\n  font-weight: 600;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-2[data-v-e79a98a6] {\n  padding-left: 24px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-3[data-v-e79a98a6], .word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-e79a98a6] {\n  padding-left: 36px;\n  font-size: 13px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-e79a98a6] {\n  padding-left: 48px;\n}\n.word-layout .word-main .word-content[data-v-e79a98a6] {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] {\n  max-width: 800px;\n  margin: 0 auto;\n  background: var(--c-bg-card, white);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  padding: 40px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h1 {\n  margin: 24px 0 16px 0;\n  font-weight: bold;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h1 {\n  font-size: 1.8rem;\n  color: var(--c-text-1, #333);\n  border-bottom: 2px solid var(--c-border, #e0e0e0);\n  padding-bottom: 8px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h2 {\n  font-size: 1.5rem;\n  color: var(--c-text-1, #444);\n  margin: 20px 0 12px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] h3 {\n  font-size: 1.25rem;\n  color: var(--c-text-2, #555);\n  margin: 16px 0 8px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] p {\n  margin-bottom: 12px;\n  line-height: 1.8;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] ul {\n  margin: 12px 0;\n  padding-left: 24px;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] li {\n  margin-bottom: 6px;\n  line-height: 1.6;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 16px 0;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] th {\n  border: 1px solid #d0d0d0;\n  padding: 12px;\n  text-align: left;\n}\n.word-layout .word-main .word-content .word-document[data-v-e79a98a6] th {\n  background-color: var(--c-bg-card, #f5f5f5);\n  font-weight: bold;\n}","/* unplugin-vue-components disabled */.file-container[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-d1c1c8fe] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.excel-container[data-v-d1c1c8fe] {\n  overflow: visible;\n}\n.excel-container .excel-viewer[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-info[data-v-d1c1c8fe] {\n  padding: 8px 16px;\n  background-color: var(--c-bg-card, #f9f9f9);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 7;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container[data-v-d1c1c8fe] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper[data-v-d1c1c8fe] {\n  flex: 1;\n  overflow: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table[data-v-d1c1c8fe] {\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header[data-v-d1c1c8fe] {\n  padding: 6px 8px;\n  background: #f8f9fa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-letter[data-v-d1c1c8fe] {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-title[data-v-d1c1c8fe] {\n  font-size: 11px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-row[data-v-d1c1c8fe]:nth-child(even) {\n  background-color: #fefefe;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell[data-v-d1c1c8fe] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe] {\n  border: 1px solid #1976d2 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table[data-v-d1c1c8fe] {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: 13px;\n  min-width: 100%;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .row-number[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  text-align: center;\n  min-width: 30px;\n  width: 30px;\n  padding: 2px 4px;\n  font-size: 11px;\n  font-weight: bold;\n  border: 1px solid #d0d0d0;\n  color: #666;\n  position: sticky;\n  left: 0;\n  z-index: 10;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n  padding: 8px 12px;\n  border: 1px solid #c0c0c0;\n  font-weight: bold;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content[data-v-d1c1c8fe] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-letter[data-v-d1c1c8fe] {\n  background-color: var(--c-primary, #1976d2);\n  color: white;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: normal;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-title[data-v-d1c1c8fe] {\n  font-size: 12px;\n  font-weight: bold;\n  text-align: center;\n  word-break: break-all;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-d1c1c8fe]:nth-child(even) {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-d1c1c8fe]:hover {\n  background-color: #e6f3ff;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell[data-v-d1c1c8fe] {\n  padding: 8px 12px;\n  border: 1px solid #d0d0d0;\n  vertical-align: middle;\n  word-wrap: break-word;\n  word-break: break-all;\n  min-height: 24px;\n  line-height: 1.4;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-number[data-v-d1c1c8fe] {\n  text-align: right;\n  font-family: \"Courier New\", monospace;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-gantt[data-v-d1c1c8fe] {\n  text-align: center;\n  font-family: monospace;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: #f0f0f0;\n  color: var(--c-text-1, #333);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-date[data-v-d1c1c8fe] {\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-boolean[data-v-d1c1c8fe] {\n  text-align: center;\n  font-weight: bold;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-long[data-v-d1c1c8fe] {\n  max-width: 200px;\n  white-space: pre-wrap;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-empty[data-v-d1c1c8fe] {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 2px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  right: 3px;\n  bottom: 3px;\n  background: rgba(25, 118, 210, 0.08);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-d1c1c8fe]::after {\n  content: \"📎\";\n  position: absolute;\n  top: 2px;\n  right: 4px;\n  font-size: 10px;\n  opacity: 0.6;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell[data-v-d1c1c8fe] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 1px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe]::before {\n  top: 2px;\n  left: 2px;\n  right: 2px;\n  bottom: 2px;\n  background: rgba(25, 118, 210, 0.05);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-d1c1c8fe]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-empty[data-v-d1c1c8fe] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] {\n  padding: 20px 16px;\n  border-top: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 1000;\n  position: relative;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination {\n  z-index: 1001;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker {\n  z-index: 1002;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker .n-base-selection {\n  z-index: 1003;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-pagination-size-picker .n-base-selection-popover {\n  z-index: 1004 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-d1c1c8fe] .n-popover {\n  z-index: 1005 !important;\n}","/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-30d50866] {\n  width: 100%;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border: 1px solid var(--c-border, #e0e0e0);\n  border-radius: 12px;\n  background: var(--c-bg-card, white);\n  transition: var(--c-transition, 0.2s ease);\n  cursor: pointer;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-30d50866]:hover {\n  border-color: var(--c-primary, #40a9ff);\n  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);\n  transform: translateY(-1px);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-30d50866] {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border-radius: 12px;\n  border: 1px solid #dee2e6;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-30d50866] {\n  flex: 1;\n  min-width: 0;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 6px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #1f2937);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-30d50866] {\n  display: flex;\n  gap: 16px;\n  font-size: 13px;\n  color: var(--c-text-2, #6b7280);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-30d50866] {\n  font-weight: 500;\n  color: var(--c-text-1, #374151);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-30d50866] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n}\n.modal-container[data-v-30d50866] {\n  background: var(--c-bg-card, white);\n  border-radius: 8px;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n.modal-container .modal-header[data-v-30d50866] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--c-bg, #fafafa);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 10;\n  position: relative;\n}\n.modal-container .modal-header .modal-title[data-v-30d50866] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #333);\n}\n.modal-container .modal-header .modal-title span[data-v-30d50866] {\n  max-width: 400px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-container .modal-header .modal-actions[data-v-30d50866] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.modal-container .modal-content[data-v-30d50866] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.modal-container .preview-header[data-v-30d50866] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 9;\n  position: relative;\n}\n.modal-container .preview-content[data-v-30d50866] {\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n  position: relative;\n}\n.modal-container .preview-content .status-container[data-v-30d50866] {\n  height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_FilePreview-DHGlV4OR.css","names":[],"sources":["../src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=style&index=0&scoped=e96499e0&lang.scss","../src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=style&index=0&scoped=42ca58ad&lang.scss","../src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=style&index=0&scoped=b6c3e1b9&lang.scss","../src/components/C_FilePreview/index.vue?vue&type=style&index=0&scoped=1037e17e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.file-container[data-v-e96499e0] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-e96499e0] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.file-container .file-viewer[data-v-e96499e0] {\n  flex: 1;\n  min-height: 300px;\n}","/* unplugin-vue-components disabled */.file-container[data-v-42ca58ad] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-42ca58ad] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.word-layout[data-v-42ca58ad] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.word-layout .word-main[data-v-42ca58ad] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n.word-layout .word-main .word-outline[data-v-42ca58ad] {\n  width: 280px;\n  border-right: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n}\n.word-layout .word-main .word-outline .outline-header[data-v-42ca58ad] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.word-layout .word-main .word-outline .outline-content[data-v-42ca58ad] {\n  padding: 8px;\n  overflow-y: auto;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-42ca58ad] {\n  padding: 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-42ca58ad]:hover {\n  background-color: #e6f3ff;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-1[data-v-42ca58ad] {\n  padding-left: 12px;\n  font-weight: 600;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-2[data-v-42ca58ad] {\n  padding-left: 24px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-3[data-v-42ca58ad], .word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-42ca58ad] {\n  padding-left: 36px;\n  font-size: 13px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-42ca58ad] {\n  padding-left: 48px;\n}\n.word-layout .word-main .word-content[data-v-42ca58ad] {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] {\n  max-width: 800px;\n  margin: 0 auto;\n  background: var(--c-bg-card, white);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  padding: 40px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h1 {\n  margin: 24px 0 16px 0;\n  font-weight: bold;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h1 {\n  font-size: 1.8rem;\n  color: var(--c-text-1, #333);\n  border-bottom: 2px solid var(--c-border, #e0e0e0);\n  padding-bottom: 8px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h2 {\n  font-size: 1.5rem;\n  color: var(--c-text-1, #444);\n  margin: 20px 0 12px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] h3 {\n  font-size: 1.25rem;\n  color: var(--c-text-2, #555);\n  margin: 16px 0 8px 0;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] p {\n  margin-bottom: 12px;\n  line-height: 1.8;\n  color: var(--c-text-1, #333);\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] ul {\n  margin: 12px 0;\n  padding-left: 24px;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] li {\n  margin-bottom: 6px;\n  line-height: 1.6;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 16px 0;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] th {\n  border: 1px solid #d0d0d0;\n  padding: 12px;\n  text-align: left;\n}\n.word-layout .word-main .word-content .word-document[data-v-42ca58ad] th {\n  background-color: var(--c-bg-card, #f5f5f5);\n  font-weight: bold;\n}","/* unplugin-vue-components disabled */.file-container[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-b6c3e1b9] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 8;\n  position: relative;\n}\n.excel-container[data-v-b6c3e1b9] {\n  overflow: visible;\n}\n.excel-container .excel-viewer[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-info[data-v-b6c3e1b9] {\n  padding: 8px 16px;\n  background-color: var(--c-bg-card, #f9f9f9);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 7;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container[data-v-b6c3e1b9] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper[data-v-b6c3e1b9] {\n  flex: 1;\n  overflow: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table[data-v-b6c3e1b9] {\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header[data-v-b6c3e1b9] {\n  padding: 6px 8px;\n  background: #f8f9fa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-letter[data-v-b6c3e1b9] {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header .header-content .column-title[data-v-b6c3e1b9] {\n  font-size: 11px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-row[data-v-b6c3e1b9]:nth-child(even) {\n  background-color: #fefefe;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell[data-v-b6c3e1b9] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9] {\n  border: 1px solid #1976d2 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table[data-v-b6c3e1b9] {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: 13px;\n  min-width: 100%;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .row-number[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  text-align: center;\n  min-width: 30px;\n  width: 30px;\n  padding: 2px 4px;\n  font-size: 11px;\n  font-weight: bold;\n  border: 1px solid #d0d0d0;\n  color: #666;\n  position: sticky;\n  left: 0;\n  z-index: 10;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n  padding: 8px 12px;\n  border: 1px solid #c0c0c0;\n  font-weight: bold;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content[data-v-b6c3e1b9] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-letter[data-v-b6c3e1b9] {\n  background-color: var(--c-primary, #1976d2);\n  color: white;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: normal;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-header .header-content .column-title[data-v-b6c3e1b9] {\n  font-size: 12px;\n  font-weight: bold;\n  text-align: center;\n  word-break: break-all;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-b6c3e1b9]:nth-child(even) {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-b6c3e1b9]:hover {\n  background-color: #e6f3ff;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell[data-v-b6c3e1b9] {\n  padding: 8px 12px;\n  border: 1px solid #d0d0d0;\n  vertical-align: middle;\n  word-wrap: break-word;\n  word-break: break-all;\n  min-height: 24px;\n  line-height: 1.4;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-number[data-v-b6c3e1b9] {\n  text-align: right;\n  font-family: \"Courier New\", monospace;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-gantt[data-v-b6c3e1b9] {\n  text-align: center;\n  font-family: monospace;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: #f0f0f0;\n  color: var(--c-text-1, #333);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-date[data-v-b6c3e1b9] {\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-boolean[data-v-b6c3e1b9] {\n  text-align: center;\n  font-weight: bold;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-long[data-v-b6c3e1b9] {\n  max-width: 200px;\n  white-space: pre-wrap;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-empty[data-v-b6c3e1b9] {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 2px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  right: 3px;\n  bottom: 3px;\n  background: rgba(25, 118, 210, 0.08);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-b6c3e1b9]::after {\n  content: \"📎\";\n  position: absolute;\n  top: 2px;\n  right: 4px;\n  font-size: 10px;\n  opacity: 0.6;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell[data-v-b6c3e1b9] {\n  padding: 4px 8px;\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9] {\n  background: linear-gradient(135deg, #f0f8ff 0%, #e3f2fd 100%) !important;\n  border: 1px solid var(--c-primary, #1976d2) !important;\n  font-weight: bold;\n  text-align: center;\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9]::before {\n  top: 2px;\n  left: 2px;\n  right: 2px;\n  bottom: 2px;\n  background: rgba(25, 118, 210, 0.05);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.compact-cell.merged-cell[data-v-b6c3e1b9]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-empty[data-v-b6c3e1b9] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] {\n  padding: 20px 16px;\n  border-top: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  display: flex;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 1000;\n  position: relative;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination {\n  z-index: 1001;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker {\n  z-index: 1002;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker .n-base-selection {\n  z-index: 1003;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-pagination-size-picker .n-base-selection-popover {\n  z-index: 1004 !important;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-b6c3e1b9] .n-popover {\n  z-index: 1005 !important;\n}","/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-1037e17e] {\n  width: 100%;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border: 1px solid var(--c-border, #e0e0e0);\n  border-radius: 12px;\n  background: var(--c-bg-card, white);\n  transition: var(--c-transition, 0.2s ease);\n  cursor: pointer;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-1037e17e]:hover {\n  border-color: var(--c-primary, #40a9ff);\n  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);\n  transform: translateY(-1px);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-1037e17e] {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border-radius: 12px;\n  border: 1px solid #dee2e6;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-1037e17e] {\n  flex: 1;\n  min-width: 0;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 6px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #1f2937);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-1037e17e] {\n  display: flex;\n  gap: 16px;\n  font-size: 13px;\n  color: var(--c-text-2, #6b7280);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-1037e17e] {\n  font-weight: 500;\n  color: var(--c-text-1, #374151);\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-1037e17e] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n}\n.modal-container[data-v-1037e17e] {\n  background: var(--c-bg-card, white);\n  border-radius: 8px;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n.modal-container .modal-header[data-v-1037e17e] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--c-bg, #fafafa);\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  flex-shrink: 0;\n  z-index: 10;\n  position: relative;\n}\n.modal-container .modal-header .modal-title[data-v-1037e17e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--c-text-1, #333);\n}\n.modal-container .modal-header .modal-title span[data-v-1037e17e] {\n  max-width: 400px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-container .modal-header .modal-actions[data-v-1037e17e] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.modal-container .modal-content[data-v-1037e17e] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  min-height: 0;\n}\n.modal-container .preview-header[data-v-1037e17e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n  background-color: var(--c-bg-card, #f9f9f9);\n  flex-shrink: 0;\n  z-index: 9;\n  position: relative;\n}\n.modal-container .preview-content[data-v-1037e17e] {\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n  position: relative;\n}\n.modal-container .preview-content .status-container[data-v-1037e17e] {\n  height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}