@robot-admin/naive-ui-components 0.3.0

package/dist/C_Editor2.js.map

@@ -0,0 +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":["<!--\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","<!--\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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"}

package/dist/C_FilePreview-CPqvhoCy.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_FilePreview-CPqvhoCy.css","names":[],"sources":["../src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=style&index=0&scoped=ebf0149e&lang.scss","../src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=style&index=0&scoped=c870ce93&lang.scss","../src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=style&index=0&scoped=2748efab&lang.scss","../src/components/C_FilePreview/index.vue?vue&type=style&index=0&scoped=1a63259a&lang.scss"],"sourcesContent":[".file-container[data-v-ebf0149e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-ebf0149e] {\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-ebf0149e] {\n  flex: 1;\n  min-height: 300px;\n}",".file-container[data-v-c870ce93] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-c870ce93] {\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-c870ce93] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.word-layout .word-main[data-v-c870ce93] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n.word-layout .word-main .word-outline[data-v-c870ce93] {\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-c870ce93] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.word-layout .word-main .word-outline .outline-content[data-v-c870ce93] {\n  padding: 8px;\n  overflow-y: auto;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item[data-v-c870ce93] {\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-c870ce93]:hover {\n  background-color: #e6f3ff;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-1[data-v-c870ce93] {\n  padding-left: 12px;\n  font-weight: 600;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-2[data-v-c870ce93] {\n  padding-left: 24px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-3[data-v-c870ce93], .word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-c870ce93] {\n  padding-left: 36px;\n  font-size: 13px;\n}\n.word-layout .word-main .word-outline .outline-content .outline-item.level-4[data-v-c870ce93] {\n  padding-left: 48px;\n}\n.word-layout .word-main .word-content[data-v-c870ce93] {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n}\n.word-layout .word-main .word-content .word-document[data-v-c870ce93] {\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-c870ce93] h1 {\n  margin: 24px 0 16px 0;\n  font-weight: bold;\n}\n.word-layout .word-main .word-content .word-document[data-v-c870ce93] 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-c870ce93] 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-c870ce93] 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-c870ce93] 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-c870ce93] ul {\n  margin: 12px 0;\n  padding-left: 24px;\n}\n.word-layout .word-main .word-content .word-document[data-v-c870ce93] li {\n  margin-bottom: 6px;\n  line-height: 1.6;\n}\n.word-layout .word-main .word-content .word-document[data-v-c870ce93] 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-c870ce93] 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-c870ce93] th {\n  background-color: var(--c-bg-card, #f5f5f5);\n  font-weight: bold;\n}",".file-container[data-v-2748efab] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.file-container .file-toolbar[data-v-2748efab] {\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-2748efab] {\n  overflow: visible;\n}\n.excel-container .excel-viewer[data-v-2748efab] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: visible;\n}\n.excel-container .excel-viewer .excel-info[data-v-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab] {\n  font-size: 12px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-header[data-v-2748efab] {\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-2748efab] {\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-2748efab] {\n  font-size: 11px;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table-wrapper.simple-mode .excel-table .excel-row[data-v-2748efab]: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-2748efab] {\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-2748efab] {\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-2748efab]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table[data-v-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab]:nth-child(even) {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-row[data-v-2748efab]:hover {\n  background-color: #e6f3ff;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell[data-v-2748efab] {\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-2748efab] {\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-2748efab] {\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-2748efab] {\n  color: var(--c-primary, #1976d2);\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.cell-boolean[data-v-2748efab] {\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-2748efab] {\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-2748efab] {\n  background-color: #fafafa;\n}\n.excel-container .excel-viewer .excel-table-container .excel-table .excel-cell.merged-cell[data-v-2748efab] {\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-2748efab]::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-2748efab]::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-2748efab] {\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-2748efab] {\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-2748efab]::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-2748efab]::after {\n  display: none;\n}\n.excel-container .excel-viewer .excel-table-container .excel-empty[data-v-2748efab] {\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-2748efab] {\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-2748efab] .n-pagination {\n  z-index: 1001;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-2748efab] .n-pagination-size-picker {\n  z-index: 1002;\n  position: relative;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-2748efab] .n-pagination-size-picker .n-base-selection {\n  z-index: 1003;\n}\n.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-2748efab] .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-2748efab] .n-popover {\n  z-index: 1005 !important;\n}",".c-file-preview-wrapper[data-v-1a63259a] {\n  width: 100%;\n}\n.c-file-preview-wrapper .file-info-card .file-info[data-v-1a63259a] {\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-1a63259a]: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-1a63259a] {\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-1a63259a] {\n  flex: 1;\n  min-width: 0;\n}\n.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-1a63259a] {\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-1a63259a] {\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-1a63259a] {\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-1a63259a] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n}\n.modal-container[data-v-1a63259a] {\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-1a63259a] {\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-1a63259a] {\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-1a63259a] {\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-1a63259a] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.modal-container .modal-content[data-v-1a63259a] {\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-1a63259a] {\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-1a63259a] {\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n  position: relative;\n}\n.modal-container .preview-content .status-container[data-v-1a63259a] {\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.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_C_FilePreview = require('./C_FilePreview.js');
+
+exports.C_FilePreview = require_C_FilePreview.C_FilePreview_default;
+exports.useFilePreview = require_C_FilePreview.useFilePreview;
+exports.useFullscreen = require_C_FilePreview.useFullscreen;

package/dist/C_FilePreview.d.cts

@@ -0,0 +1,2 @@
+import { a as ExcelColumn, c as ExcelSheet, d as FilePreviewType, f as PdfLoadResult, h as _default, i as ExcelCell, l as FileConfig, m as ZoomConfig, n as useFilePreview, o as ExcelLoadResult, p as WordLoadResult, r as DocHeading, s as ExcelRow, t as useFullscreen, u as FilePreviewProps } from "./useFullscreen.js";
+export { _default as C_FilePreview, type DocHeading, type ExcelCell, type ExcelColumn, type ExcelLoadResult, type ExcelRow, type ExcelSheet, type FileConfig, type FilePreviewProps, type FilePreviewType, type PdfLoadResult, type WordLoadResult, type ZoomConfig, useFilePreview, useFullscreen };

package/dist/C_FilePreview.d.ts

@@ -0,0 +1,2 @@
+import { a as ExcelColumn, c as ExcelSheet, d as FilePreviewType, f as PdfLoadResult, h as _default, i as ExcelCell, l as FileConfig, m as ZoomConfig, n as useFilePreview, o as ExcelLoadResult, p as WordLoadResult, r as DocHeading, s as ExcelRow, t as useFullscreen, u as FilePreviewProps } from "./useFullscreen.js";
+export { _default as C_FilePreview, type DocHeading, type ExcelCell, type ExcelColumn, type ExcelLoadResult, type ExcelRow, type ExcelSheet, type FileConfig, type FilePreviewProps, type FilePreviewType, type PdfLoadResult, type WordLoadResult, type ZoomConfig, useFilePreview, useFullscreen };

package/dist/C_FilePreview.js

@@ -0,0 +1,3 @@
+import { n as useFullscreen, r as useFilePreview, t as C_FilePreview_default } from "./C_FilePreview2.js";
+
+export { C_FilePreview_default as C_FilePreview, useFilePreview, useFullscreen };