From d17900c1e4fee2dfe59afe7f85fd14d545ce9479 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 23 Jul 2023 13:25:23 +0800
Subject: [PATCH] refactor: use import type

---
 .eslintrc.js                                              | 1 +
 src/components/ColorPicker/Alpha.vue                      | 2 +-
 src/components/ColorPicker/EditableInput.vue              | 2 +-
 src/components/ColorPicker/Hue.vue                        | 2 +-
 src/components/ColorPicker/Saturation.vue                 | 2 +-
 src/components/ColorPicker/index.vue                      | 2 +-
 src/components/Contextmenu/MenuContent.vue                | 2 +-
 src/components/Contextmenu/index.vue                      | 2 +-
 src/configs/chartTypes.ts                                 | 2 +-
 src/configs/lines.ts                                      | 2 +-
 src/hooks/useAddSlidesOrElements.ts                       | 2 +-
 src/hooks/useAlignActiveElement.ts                        | 2 +-
 src/hooks/useAlignElementToCanvas.ts                      | 2 +-
 src/hooks/useCombineElement.ts                            | 2 +-
 src/hooks/useCreateElement.ts                             | 6 +++---
 src/hooks/useDeleteElement.ts                             | 2 +-
 src/hooks/useExport.ts                                    | 6 +++---
 src/hooks/useImport.ts                                    | 6 +++---
 src/hooks/useLink.ts                                      | 2 +-
 src/hooks/useLockElement.ts                               | 2 +-
 src/hooks/useMoveElement.ts                               | 2 +-
 src/hooks/useOrderElement.ts                              | 2 +-
 src/hooks/useSlideBackgroundStyle.ts                      | 4 ++--
 src/hooks/useSlideHandler.ts                              | 2 +-
 src/hooks/useSlideTheme.ts                                | 4 ++--
 src/hooks/useUniformDisplayElement.ts                     | 2 +-
 src/mocks/layout.ts                                       | 2 +-
 src/mocks/slides.ts                                       | 2 +-
 src/mocks/theme.ts                                        | 2 +-
 src/plugins/directive/clickOutside.ts                     | 2 +-
 src/plugins/directive/contextmenu.ts                      | 2 +-
 src/plugins/directive/index.ts                            | 2 +-
 src/plugins/icon.ts                                       | 2 +-
 src/store/main.ts                                         | 6 +++---
 src/store/slides.ts                                       | 2 +-
 src/store/snapshot.ts                                     | 4 ++--
 src/types/edit.ts                                         | 6 +++---
 src/types/injectKey.ts                                    | 2 +-
 src/types/slides.ts                                       | 2 +-
 src/utils/database.ts                                     | 2 +-
 src/utils/element.ts                                      | 2 +-
 src/utils/emitter.ts                                      | 2 +-
 src/utils/htmlParser/format.ts                            | 2 +-
 src/utils/htmlParser/lexer.ts                             | 2 +-
 src/utils/htmlParser/parser.ts                            | 2 +-
 src/utils/htmlParser/stringify.ts                         | 2 +-
 src/utils/prosemirror/commands/setTextAlign.ts            | 6 +++---
 src/utils/prosemirror/commands/setTextIndent.ts           | 6 +++---
 src/utils/prosemirror/commands/toggleList.ts              | 4 ++--
 src/utils/prosemirror/plugins/index.ts                    | 2 +-
 src/utils/prosemirror/plugins/inputrules.ts               | 2 +-
 src/utils/prosemirror/plugins/keymap.ts                   | 4 ++--
 src/utils/prosemirror/schema/marks.ts                     | 2 +-
 src/utils/prosemirror/schema/nodes.ts                     | 2 +-
 src/utils/prosemirror/utils.ts                            | 6 +++---
 src/views/Editor/Canvas/AlignmentLine.vue                 | 2 +-
 src/views/Editor/Canvas/EditableElement.vue               | 4 ++--
 src/views/Editor/Canvas/ElementCreateSelection.vue        | 2 +-
 src/views/Editor/Canvas/GridLines.vue                     | 2 +-
 src/views/Editor/Canvas/LinkDialog.vue                    | 2 +-
 src/views/Editor/Canvas/MouseSelection.vue                | 2 +-
 src/views/Editor/Canvas/Operate/BorderLine.vue            | 2 +-
 src/views/Editor/Canvas/Operate/CommonElementOperate.vue  | 4 ++--
 src/views/Editor/Canvas/Operate/ImageElementOperate.vue   | 4 ++--
 src/views/Editor/Canvas/Operate/LineElementOperate.vue    | 2 +-
 src/views/Editor/Canvas/Operate/LinkHandler.vue           | 2 +-
 src/views/Editor/Canvas/Operate/MultiSelectOperate.vue    | 4 ++--
 src/views/Editor/Canvas/Operate/ResizeHandler.vue         | 4 ++--
 src/views/Editor/Canvas/Operate/ShapeElementOperate.vue   | 4 ++--
 src/views/Editor/Canvas/Operate/TableElementOperate.vue   | 4 ++--
 src/views/Editor/Canvas/Operate/TextElementOperate.vue    | 4 ++--
 src/views/Editor/Canvas/Operate/index.vue                 | 4 ++--
 src/views/Editor/Canvas/ViewportBackground.vue            | 2 +-
 src/views/Editor/Canvas/hooks/useCommonOperate.ts         | 2 +-
 src/views/Editor/Canvas/hooks/useDragElement.ts           | 8 ++++----
 src/views/Editor/Canvas/hooks/useDragLineElement.ts       | 4 ++--
 src/views/Editor/Canvas/hooks/useDropImageOrText.ts       | 2 +-
 .../Editor/Canvas/hooks/useInsertFromCreateSelection.ts   | 4 ++--
 src/views/Editor/Canvas/hooks/useMouseSelection.ts        | 4 ++--
 src/views/Editor/Canvas/hooks/useMoveShapeKeypoint.ts     | 4 ++--
 src/views/Editor/Canvas/hooks/useRotateElement.ts         | 4 ++--
 src/views/Editor/Canvas/hooks/useScaleElement.ts          | 8 ++++----
 src/views/Editor/Canvas/hooks/useSelectElement.ts         | 4 ++--
 src/views/Editor/Canvas/hooks/useViewportSize.ts          | 2 +-
 src/views/Editor/Canvas/index.vue                         | 6 +++---
 src/views/Editor/CanvasTool/ChartPool.vue                 | 2 +-
 src/views/Editor/CanvasTool/LinePool.vue                  | 2 +-
 src/views/Editor/CanvasTool/ShapeItemThumbnail.vue        | 2 +-
 src/views/Editor/CanvasTool/ShapePool.vue                 | 2 +-
 src/views/Editor/CanvasTool/index.vue                     | 4 ++--
 src/views/Editor/ExportDialog/index.vue                   | 2 +-
 src/views/Editor/SelectPanel.vue                          | 2 +-
 src/views/Editor/Thumbnails/LayoutPool.vue                | 2 +-
 src/views/Editor/Thumbnails/index.vue                     | 2 +-
 src/views/Editor/Toolbar/ElementAnimationPanel.vue        | 2 +-
 .../Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue  | 4 ++--
 .../ElementStylePanel/ChartStylePanel/ChartDataEditor.vue | 2 +-
 .../Toolbar/ElementStylePanel/ChartStylePanel/index.vue   | 4 ++--
 .../Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue  | 4 ++--
 .../Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue  | 4 ++--
 .../Editor/Toolbar/ElementStylePanel/LineStylePanel.vue   | 4 ++--
 .../Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue  | 2 +-
 .../Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue  | 6 +++---
 .../Editor/Toolbar/ElementStylePanel/TableStylePanel.vue  | 2 +-
 .../Editor/Toolbar/ElementStylePanel/TextStylePanel.vue   | 4 ++--
 .../Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue  | 4 ++--
 src/views/Editor/Toolbar/SlideAnimationPanel.vue          | 2 +-
 src/views/Editor/Toolbar/SlideDesignPanel.vue             | 2 +-
 src/views/Editor/Toolbar/common/ElementColorMask.vue      | 2 +-
 src/views/Editor/Toolbar/common/ElementFilter.vue         | 2 +-
 src/views/Editor/Toolbar/common/ElementFlip.vue           | 2 +-
 src/views/Editor/Toolbar/common/ElementOutline.vue        | 2 +-
 src/views/Editor/Toolbar/common/ElementShadow.vue         | 2 +-
 src/views/Mobile/MobileEditor/ElementToolbar.vue          | 2 +-
 src/views/Mobile/MobileEditor/Header.vue                  | 2 +-
 src/views/Mobile/MobileEditor/MobileEditableElement.vue   | 2 +-
 src/views/Mobile/MobileEditor/MobileOperate.vue           | 4 ++--
 src/views/Mobile/MobileEditor/SlideToolbar.vue            | 2 +-
 src/views/Mobile/MobileEditor/index.vue                   | 6 +++---
 src/views/Mobile/MobilePlayer.vue                         | 2 +-
 src/views/Mobile/MobilePreview.vue                        | 2 +-
 src/views/Mobile/index.vue                                | 2 +-
 src/views/Screen/BaseView.vue                             | 2 +-
 src/views/Screen/PresenterView.vue                        | 2 +-
 src/views/Screen/ScreenElement.vue                        | 2 +-
 src/views/Screen/ScreenSlide.vue                          | 2 +-
 src/views/Screen/hooks/useSlideSize.ts                    | 2 +-
 src/views/components/ThumbnailSlide/ThumbnailElement.vue  | 2 +-
 src/views/components/ThumbnailSlide/index.vue             | 2 +-
 .../components/element/AudioElement/BaseAudioElement.vue  | 2 +-
 .../element/AudioElement/ScreenAudioElement.vue           | 2 +-
 src/views/components/element/AudioElement/index.vue       | 4 ++--
 .../components/element/ChartElement/BaseChartElement.vue  | 2 +-
 src/views/components/element/ChartElement/Chart.vue       | 2 +-
 .../element/ChartElement/ScreenChartElement.vue           | 2 +-
 src/views/components/element/ChartElement/index.vue       | 4 ++--
 src/views/components/element/ElementOutline.vue           | 2 +-
 .../components/element/ImageElement/BaseImageElement.vue  | 2 +-
 .../components/element/ImageElement/ImageClipHandler.vue  | 4 ++--
 .../ImageElement/ImageOutline/ImageEllipseOutline.vue     | 2 +-
 .../ImageElement/ImageOutline/ImagePolygonOutline.vue     | 2 +-
 .../ImageElement/ImageOutline/ImageRectOutline.vue        | 2 +-
 .../element/ImageElement/ImageOutline/index.vue           | 2 +-
 src/views/components/element/ImageElement/index.vue       | 6 +++---
 src/views/components/element/ImageElement/useClipImage.ts | 4 ++--
 src/views/components/element/ImageElement/useFilter.ts    | 4 ++--
 .../components/element/LatexElement/BaseLatexElement.vue  | 2 +-
 src/views/components/element/LatexElement/index.vue       | 4 ++--
 .../components/element/LineElement/BaseLineElement.vue    | 2 +-
 src/views/components/element/LineElement/index.vue        | 4 ++--
 src/views/components/element/ProsemirrorEditor.vue        | 6 +++---
 .../components/element/ShapeElement/BaseShapeElement.vue  | 2 +-
 src/views/components/element/ShapeElement/index.vue       | 4 ++--
 .../components/element/TableElement/BaseTableElement.vue  | 2 +-
 .../components/element/TableElement/EditableTable.vue     | 4 ++--
 src/views/components/element/TableElement/StaticTable.vue | 2 +-
 src/views/components/element/TableElement/index.vue       | 4 ++--
 src/views/components/element/TableElement/useHideCells.ts | 4 ++--
 .../components/element/TableElement/useSubThemeColor.ts   | 4 ++--
 src/views/components/element/TableElement/utils.ts        | 4 ++--
 .../components/element/TextElement/BaseTextElement.vue    | 4 ++--
 src/views/components/element/TextElement/index.vue        | 4 ++--
 .../components/element/VideoElement/BaseVideoElement.vue  | 2 +-
 .../element/VideoElement/ScreenVideoElement.vue           | 2 +-
 .../components/element/VideoElement/VideoPlayer/useMSE.ts | 6 +++---
 src/views/components/element/VideoElement/index.vue       | 4 ++--
 src/views/components/element/hooks/useElementFlip.ts      | 2 +-
 src/views/components/element/hooks/useElementOutline.ts   | 4 ++--
 src/views/components/element/hooks/useElementShadow.ts    | 4 ++--
 169 files changed, 250 insertions(+), 249 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index f4cc6a5f..79106e8e 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -75,6 +75,7 @@ module.exports = {
       },
     }],
     '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/consistent-type-imports': 'error',
     'vue/multi-word-component-names': 'off',
     'vue/no-reserved-component-names': 'off',
   },
diff --git a/src/components/ColorPicker/Alpha.vue b/src/components/ColorPicker/Alpha.vue
index 6856c6b6..decb567c 100644
--- a/src/components/ColorPicker/Alpha.vue
+++ b/src/components/ColorPicker/Alpha.vue
@@ -20,7 +20,7 @@
 import { computed, onUnmounted, ref } from 'vue'
 
 import Checkboard from './Checkboard.vue'
-import { ColorFormats } from 'tinycolor2'
+import type { ColorFormats } from 'tinycolor2'
 
 const props = defineProps<{
   value: ColorFormats.RGBA
diff --git a/src/components/ColorPicker/EditableInput.vue b/src/components/ColorPicker/EditableInput.vue
index cd34fd67..7f971f75 100644
--- a/src/components/ColorPicker/EditableInput.vue
+++ b/src/components/ColorPicker/EditableInput.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import tinycolor, { ColorFormats } from 'tinycolor2'
+import tinycolor, { type ColorFormats } from 'tinycolor2'
 
 const props = defineProps<{
   value: ColorFormats.RGBA
diff --git a/src/components/ColorPicker/Hue.vue b/src/components/ColorPicker/Hue.vue
index 768f698e..51f0e26e 100644
--- a/src/components/ColorPicker/Hue.vue
+++ b/src/components/ColorPicker/Hue.vue
@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
 import { computed, onUnmounted, ref, watch } from 'vue'
-import tinycolor, { ColorFormats } from 'tinycolor2'
+import tinycolor, { type ColorFormats } from 'tinycolor2'
 
 const props = defineProps<{
   value: ColorFormats.RGBA
diff --git a/src/components/ColorPicker/Saturation.vue b/src/components/ColorPicker/Saturation.vue
index 3c7e0a8e..e5ddf7a8 100644
--- a/src/components/ColorPicker/Saturation.vue
+++ b/src/components/ColorPicker/Saturation.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts" setup>
 import { computed, onUnmounted, ref } from 'vue'
-import tinycolor, { ColorFormats } from 'tinycolor2'
+import tinycolor, { type ColorFormats } from 'tinycolor2'
 import { throttle, clamp } from 'lodash'
 
 const props = defineProps<{
diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 93012c45..90d2c853 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -77,7 +77,7 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch } from 'vue'
-import tinycolor, { ColorFormats } from 'tinycolor2'
+import tinycolor, { type ColorFormats } from 'tinycolor2'
 import { debounce } from 'lodash'
 import { toCanvas } from 'html-to-image'
 
diff --git a/src/components/Contextmenu/MenuContent.vue b/src/components/Contextmenu/MenuContent.vue
index 530cb848..e1ba514d 100644
--- a/src/components/Contextmenu/MenuContent.vue
+++ b/src/components/Contextmenu/MenuContent.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ContextmenuItem } from './types'
+import type { ContextmenuItem } from './types'
 
 defineProps<{
   menus: ContextmenuItem[]
diff --git a/src/components/Contextmenu/index.vue b/src/components/Contextmenu/index.vue
index 0ac5dd83..4caf9a91 100644
--- a/src/components/Contextmenu/index.vue
+++ b/src/components/Contextmenu/index.vue
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { ContextmenuItem, Axis } from './types'
+import type { ContextmenuItem, Axis } from './types'
 
 import MenuContent from './MenuContent.vue'
 
diff --git a/src/configs/chartTypes.ts b/src/configs/chartTypes.ts
index eb7e7e31..400821f7 100644
--- a/src/configs/chartTypes.ts
+++ b/src/configs/chartTypes.ts
@@ -1,4 +1,4 @@
-import { ChartType } from '@/types/slides'
+import type { ChartType } from '@/types/slides'
 
 interface ChartTypes {
   [propName: string]: ChartType
diff --git a/src/configs/lines.ts b/src/configs/lines.ts
index fbcc7f0b..deab8ec2 100644
--- a/src/configs/lines.ts
+++ b/src/configs/lines.ts
@@ -1,4 +1,4 @@
-import { LinePoint } from '@/types/slides'
+import type { LinePoint } from '@/types/slides'
 
 
 export interface LinePoolItem {
diff --git a/src/hooks/useAddSlidesOrElements.ts b/src/hooks/useAddSlidesOrElements.ts
index 5666b29c..045bca6e 100644
--- a/src/hooks/useAddSlidesOrElements.ts
+++ b/src/hooks/useAddSlidesOrElements.ts
@@ -1,7 +1,7 @@
 import { storeToRefs } from 'pinia'
 import { nanoid } from 'nanoid'
 import { useSlidesStore, useMainStore } from '@/store'
-import { PPTElement, Slide } from '@/types/slides'
+import type { PPTElement, Slide } from '@/types/slides'
 import { createSlideIdMap, createElementIdMap } from '@/utils/element'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/hooks/useAlignActiveElement.ts b/src/hooks/useAlignActiveElement.ts
index 83ad98eb..929a27ba 100644
--- a/src/hooks/useAlignActiveElement.ts
+++ b/src/hooks/useAlignActiveElement.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { ElementAlignCommands } from '@/types/edit'
 import { getElementListRange, getRectRotatedOffset } from '@/utils/element'
 import useHistorySnapshot from './useHistorySnapshot'
diff --git a/src/hooks/useAlignElementToCanvas.ts b/src/hooks/useAlignElementToCanvas.ts
index d5b22bbe..efbaedb5 100644
--- a/src/hooks/useAlignElementToCanvas.ts
+++ b/src/hooks/useAlignElementToCanvas.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { ElementAlignCommands } from '@/types/edit'
 import { getElementListRange } from '@/utils/element'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
diff --git a/src/hooks/useCombineElement.ts b/src/hooks/useCombineElement.ts
index dd64e458..146b0540 100644
--- a/src/hooks/useCombineElement.ts
+++ b/src/hooks/useCombineElement.ts
@@ -2,7 +2,7 @@ import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { nanoid } from 'nanoid'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 export default () => {
diff --git a/src/hooks/useCreateElement.ts b/src/hooks/useCreateElement.ts
index 58e9575d..e22e012a 100644
--- a/src/hooks/useCreateElement.ts
+++ b/src/hooks/useCreateElement.ts
@@ -3,9 +3,9 @@ import { nanoid } from 'nanoid'
 import { useMainStore, useSlidesStore } from '@/store'
 import { getImageSize } from '@/utils/image'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
-import { PPTLineElement, PPTElement, TableCell, TableCellStyle, PPTShapeElement, PPTChartElement, ChartOptions, PresetChartType } from '@/types/slides'
-import { ShapePoolItem, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
-import { LinePoolItem } from '@/configs/lines'
+import type { PPTLineElement, PPTElement, TableCell, TableCellStyle, PPTShapeElement, PPTChartElement, ChartOptions, PresetChartType } from '@/types/slides'
+import { type ShapePoolItem, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
+import type { LinePoolItem } from '@/configs/lines'
 import { CHART_TYPES } from '@/configs/chartTypes'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/hooks/useDeleteElement.ts b/src/hooks/useDeleteElement.ts
index 1e3ff155..3ab08953 100644
--- a/src/hooks/useDeleteElement.ts
+++ b/src/hooks/useDeleteElement.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 export default () => {
diff --git a/src/hooks/useExport.ts b/src/hooks/useExport.ts
index 298168c3..f39e6cb8 100644
--- a/src/hooks/useExport.ts
+++ b/src/hooks/useExport.ts
@@ -6,10 +6,10 @@ import pptxgen from 'pptxgenjs'
 import tinycolor from 'tinycolor2'
 import { toPng, toJpeg } from 'html-to-image'
 import { useSlidesStore } from '@/store'
-import { PPTElementOutline, PPTElementShadow, PPTElementLink, Slide } from '@/types/slides'
+import type { PPTElementOutline, PPTElementShadow, PPTElementLink, Slide } from '@/types/slides'
 import { getElementRange, getLineElementPath, getTableSubThemeColor } from '@/utils/element'
-import { AST, toAST } from '@/utils/htmlParser'
-import { SvgPoints, toPoints } from '@/utils/svgPathParser'
+import { type AST, toAST } from '@/utils/htmlParser'
+import { type SvgPoints, toPoints } from '@/utils/svgPathParser'
 import { encrypt } from '@/utils/crypto'
 import { svg2Base64 } from '@/utils/svg2Base64'
 import { message } from 'ant-design-vue'
diff --git a/src/hooks/useImport.ts b/src/hooks/useImport.ts
index 78baf883..b24661cc 100644
--- a/src/hooks/useImport.ts
+++ b/src/hooks/useImport.ts
@@ -1,11 +1,11 @@
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
-import { parse, Shape, Element } from 'pptxtojson'
+import { parse, type Shape, type Element } from 'pptxtojson'
 import { nanoid } from 'nanoid'
-import { Slide, TableCellStyle, TableCell, ChartType, ChartOptions, SlideBackground, PPTShapeElement, PPTLineElement } from '@/types/slides'
+import type { Slide, TableCellStyle, TableCell, ChartType, ChartOptions, SlideBackground, PPTShapeElement, PPTLineElement } from '@/types/slides'
 import { useSlidesStore } from '@/store'
 import { decrypt } from '@/utils/crypto'
-import { ShapePoolItem, SHAPE_LIST, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
+import { type ShapePoolItem, SHAPE_LIST, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 import useAddSlidesOrElements from '@/hooks/useAddSlidesOrElements'
 
diff --git a/src/hooks/useLink.ts b/src/hooks/useLink.ts
index e28fd066..44715ce7 100644
--- a/src/hooks/useLink.ts
+++ b/src/hooks/useLink.ts
@@ -1,5 +1,5 @@
 import { useSlidesStore } from '@/store'
-import { PPTElement, PPTElementLink } from '@/types/slides'
+import type { PPTElement, PPTElementLink } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import { message } from 'ant-design-vue'
 
diff --git a/src/hooks/useLockElement.ts b/src/hooks/useLockElement.ts
index f863dc04..22bf18f5 100644
--- a/src/hooks/useLockElement.ts
+++ b/src/hooks/useLockElement.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 export default () => {
diff --git a/src/hooks/useMoveElement.ts b/src/hooks/useMoveElement.ts
index 64630dee..9a2f6e37 100644
--- a/src/hooks/useMoveElement.ts
+++ b/src/hooks/useMoveElement.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { KEYS } from '@/configs/hotkey'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/hooks/useOrderElement.ts b/src/hooks/useOrderElement.ts
index 44a4be69..6400d64b 100644
--- a/src/hooks/useOrderElement.ts
+++ b/src/hooks/useOrderElement.ts
@@ -1,6 +1,6 @@
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { ElementOrderCommands } from '@/types/edit'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/hooks/useSlideBackgroundStyle.ts b/src/hooks/useSlideBackgroundStyle.ts
index 23501eea..86114586 100644
--- a/src/hooks/useSlideBackgroundStyle.ts
+++ b/src/hooks/useSlideBackgroundStyle.ts
@@ -1,5 +1,5 @@
-import { Ref, computed } from 'vue'
-import { SlideBackground } from '@/types/slides'
+import { type Ref, computed } from 'vue'
+import type { SlideBackground } from '@/types/slides'
 
 // 将页面背景数据转换为css样式
 export default (background: Ref<SlideBackground | undefined>) => {
diff --git a/src/hooks/useSlideHandler.ts b/src/hooks/useSlideHandler.ts
index cbe11d08..029d4b50 100644
--- a/src/hooks/useSlideHandler.ts
+++ b/src/hooks/useSlideHandler.ts
@@ -2,7 +2,7 @@ import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { nanoid } from 'nanoid'
 import { useMainStore, useSlidesStore } from '@/store'
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 import { copyText, readClipboard } from '@/utils/clipboard'
 import { encrypt } from '@/utils/crypto'
 import { createElementIdMap } from '@/utils/element'
diff --git a/src/hooks/useSlideTheme.ts b/src/hooks/useSlideTheme.ts
index 9eb0815e..80188db6 100644
--- a/src/hooks/useSlideTheme.ts
+++ b/src/hooks/useSlideTheme.ts
@@ -1,8 +1,8 @@
 import tinycolor from 'tinycolor2'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { Slide } from '@/types/slides'
-import { PresetTheme } from '@/configs/theme'
+import type { Slide } from '@/types/slides'
+import type { PresetTheme } from '@/configs/theme'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 export default () => {
diff --git a/src/hooks/useUniformDisplayElement.ts b/src/hooks/useUniformDisplayElement.ts
index 638ba798..3d9de54a 100644
--- a/src/hooks/useUniformDisplayElement.ts
+++ b/src/hooks/useUniformDisplayElement.ts
@@ -1,7 +1,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { getElementRange, getElementListRange, getRectRotatedOffset } from '@/utils/element'
 import useHistorySnapshot from './useHistorySnapshot'
 
diff --git a/src/mocks/layout.ts b/src/mocks/layout.ts
index 19a31c01..d2f979e5 100644
--- a/src/mocks/layout.ts
+++ b/src/mocks/layout.ts
@@ -1,6 +1,6 @@
 /* eslint-disable max-lines */
 
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 
 export const layouts: Slide[] = [
   {
diff --git a/src/mocks/slides.ts b/src/mocks/slides.ts
index b7e35e1b..2d6236b4 100644
--- a/src/mocks/slides.ts
+++ b/src/mocks/slides.ts
@@ -1,4 +1,4 @@
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 
 export const slides: Slide[] = [
   {
diff --git a/src/mocks/theme.ts b/src/mocks/theme.ts
index 111e5a17..eafbdf6f 100644
--- a/src/mocks/theme.ts
+++ b/src/mocks/theme.ts
@@ -1,4 +1,4 @@
-import { SlideTheme } from '@/types/slides'
+import type { SlideTheme } from '@/types/slides'
 
 export const theme: SlideTheme = {
   themeColor: '#5b9bd5',
diff --git a/src/plugins/directive/clickOutside.ts b/src/plugins/directive/clickOutside.ts
index f0efa4bd..0037abd9 100644
--- a/src/plugins/directive/clickOutside.ts
+++ b/src/plugins/directive/clickOutside.ts
@@ -1,4 +1,4 @@
-import { Directive, DirectiveBinding } from 'vue'
+import type { Directive, DirectiveBinding } from 'vue'
 
 const CTX_CLICK_OUTSIDE_HANDLER = 'CTX_CLICK_OUTSIDE_HANDLER'
 
diff --git a/src/plugins/directive/contextmenu.ts b/src/plugins/directive/contextmenu.ts
index 43e2f182..76dbb116 100644
--- a/src/plugins/directive/contextmenu.ts
+++ b/src/plugins/directive/contextmenu.ts
@@ -1,4 +1,4 @@
-import { Directive, createVNode, render, DirectiveBinding } from 'vue'
+import { type Directive, type DirectiveBinding, createVNode, render } from 'vue'
 import ContextmenuComponent from '@/components/Contextmenu/index.vue'
 
 const CTX_CONTEXTMENU_HANDLER = 'CTX_CONTEXTMENU_HANDLER'
diff --git a/src/plugins/directive/index.ts b/src/plugins/directive/index.ts
index 5e65b313..064c4a80 100644
--- a/src/plugins/directive/index.ts
+++ b/src/plugins/directive/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 
 import Contextmenu from './contextmenu'
 import ClickOutside from './clickOutside'
diff --git a/src/plugins/icon.ts b/src/plugins/icon.ts
index 02a13406..bb780de5 100644
--- a/src/plugins/icon.ts
+++ b/src/plugins/icon.ts
@@ -1,6 +1,6 @@
 // https://iconpark.bytedance.com/official
 
-import { App } from 'vue'
+import type { App } from 'vue'
 import {
   PlayOne,
   FullScreenPlay,
diff --git a/src/store/main.ts b/src/store/main.ts
index 6b6158e0..b1db3caa 100644
--- a/src/store/main.ts
+++ b/src/store/main.ts
@@ -1,10 +1,10 @@
 import { customAlphabet } from 'nanoid'
 import { defineStore } from 'pinia'
-import { CreatingElement, TextFormatPainter } from '@/types/edit'
 import { ToolbarStates } from '@/types/toolbar'
-import { DialogForExportTypes } from '@/types/export'
+import type { CreatingElement, TextFormatPainter } from '@/types/edit'
+import type { DialogForExportTypes } from '@/types/export'
+import { type TextAttrs, defaultRichTextAttrs } from '@/utils/prosemirror/utils'
 import { SYS_FONTS } from '@/configs/font'
-import { TextAttrs, defaultRichTextAttrs } from '@/utils/prosemirror/utils'
 import { isSupportFont } from '@/utils/font'
 
 import { useSlidesStore } from './slides'
diff --git a/src/store/slides.ts b/src/store/slides.ts
index 6288d7f7..90954175 100644
--- a/src/store/slides.ts
+++ b/src/store/slides.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import tinycolor from 'tinycolor2'
 import { omit } from 'lodash'
-import { Slide, SlideTheme, PPTElement, PPTAnimation } from '@/types/slides'
+import type { Slide, SlideTheme, PPTElement, PPTAnimation } from '@/types/slides'
 import { slides } from '@/mocks/slides'
 import { theme } from '@/mocks/theme'
 import { layouts } from '@/mocks/layout'
diff --git a/src/store/snapshot.ts b/src/store/snapshot.ts
index 4b991295..0bf4fbdc 100644
--- a/src/store/snapshot.ts
+++ b/src/store/snapshot.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
-import { IndexableTypeArray } from 'dexie'
-import { db, Snapshot } from '@/utils/database'
+import type { IndexableTypeArray } from 'dexie'
+import { db, type Snapshot } from '@/utils/database'
 
 import { useSlidesStore } from './slides'
 import { useMainStore } from './main'
diff --git a/src/types/edit.ts b/src/types/edit.ts
index d6509ff4..ef236350 100644
--- a/src/types/edit.ts
+++ b/src/types/edit.ts
@@ -1,6 +1,6 @@
-import { ShapePoolItem } from '@/configs/shapes'
-import { LinePoolItem } from '@/configs/lines'
-import { ImageClipDataRange } from './slides'
+import type { ShapePoolItem } from '@/configs/shapes'
+import type { LinePoolItem } from '@/configs/lines'
+import type { ImageClipDataRange } from './slides'
 
 export enum ElementOrderCommands {
   UP = 'up',
diff --git a/src/types/injectKey.ts b/src/types/injectKey.ts
index 9207e1c4..e86b41ca 100644
--- a/src/types/injectKey.ts
+++ b/src/types/injectKey.ts
@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue'
+import type { InjectionKey, Ref } from 'vue'
 
 export type SlideScale = Ref<number>
 export type SlideId = Ref<string>
diff --git a/src/types/slides.ts b/src/types/slides.ts
index b3fe0a85..c3b14a02 100644
--- a/src/types/slides.ts
+++ b/src/types/slides.ts
@@ -1,4 +1,4 @@
-import { BarChartOptions, LineChartOptions, PieChartOptions } from 'chartist'
+import type { BarChartOptions, LineChartOptions, PieChartOptions } from 'chartist'
 
 export const enum ShapePathFormulasKeys {
   ROUND_RECT = 'roundRect',
diff --git a/src/utils/database.ts b/src/utils/database.ts
index b8418955..18cc925c 100644
--- a/src/utils/database.ts
+++ b/src/utils/database.ts
@@ -1,6 +1,6 @@
 import Dexie from 'dexie'
 import { databaseId } from '@/store/main'
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 import { LOCALSTORAGE_KEY_DISCARDED_DB } from '@/configs/storage'
 
 export interface writingBoardImg {
diff --git a/src/utils/element.ts b/src/utils/element.ts
index bf41dae9..5bd42248 100644
--- a/src/utils/element.ts
+++ b/src/utils/element.ts
@@ -1,6 +1,6 @@
 import tinycolor from 'tinycolor2'
 import { nanoid } from 'nanoid'
-import { PPTElement, PPTLineElement, Slide } from '@/types/slides'
+import type { PPTElement, PPTLineElement, Slide } from '@/types/slides'
 
 interface RotatedElementData {
   left: number
diff --git a/src/utils/emitter.ts b/src/utils/emitter.ts
index f2b29091..a00bbb8b 100644
--- a/src/utils/emitter.ts
+++ b/src/utils/emitter.ts
@@ -1,4 +1,4 @@
-import mitt, { Emitter } from 'mitt'
+import mitt, { type Emitter } from 'mitt'
 
 export const enum EmitterEvents {
   RICH_TEXT_COMMAND = 'RICH_TEXT_COMMAND',
diff --git a/src/utils/htmlParser/format.ts b/src/utils/htmlParser/format.ts
index 2b409903..6e82fa2c 100644
--- a/src/utils/htmlParser/format.ts
+++ b/src/utils/htmlParser/format.ts
@@ -1,4 +1,4 @@
-import { HTMLNode, CommentOrTextAST, ElementAST, AST } from './types'
+import type { HTMLNode, CommentOrTextAST, ElementAST, AST } from './types'
 
 export const splitHead = (str: string, sep: string) => {
   const idx = str.indexOf(sep)
diff --git a/src/utils/htmlParser/lexer.ts b/src/utils/htmlParser/lexer.ts
index e142f63d..06fbc9ae 100644
--- a/src/utils/htmlParser/lexer.ts
+++ b/src/utils/htmlParser/lexer.ts
@@ -1,5 +1,5 @@
 import { startsWith, endsWith } from 'lodash'
-import { Token } from './types'
+import type { Token } from './types'
 import { childlessTags } from './tags'
 
 interface State {
diff --git a/src/utils/htmlParser/parser.ts b/src/utils/htmlParser/parser.ts
index 4b939060..cf848797 100644
--- a/src/utils/htmlParser/parser.ts
+++ b/src/utils/htmlParser/parser.ts
@@ -1,4 +1,4 @@
-import { Token, HTMLNode, TagToken, NormalElement, TagEndToken, AttributeToken, TextToken } from './types'
+import type { Token, HTMLNode, TagToken, NormalElement, TagEndToken, AttributeToken, TextToken } from './types'
 import { closingTags, closingTagAncestorBreakers, voidTags } from './tags'
 
 interface StackItem {
diff --git a/src/utils/htmlParser/stringify.ts b/src/utils/htmlParser/stringify.ts
index 82ec2aa5..7b137627 100644
--- a/src/utils/htmlParser/stringify.ts
+++ b/src/utils/htmlParser/stringify.ts
@@ -1,4 +1,4 @@
-import { AST, ElementAST, ElementAttribute } from './types'
+import type { AST, ElementAST, ElementAttribute } from './types'
 import { voidTags } from './tags'
 
 export const formatAttributes = (attributes: ElementAttribute[]) => {
diff --git a/src/utils/prosemirror/commands/setTextAlign.ts b/src/utils/prosemirror/commands/setTextAlign.ts
index 049864f5..ca1139fa 100644
--- a/src/utils/prosemirror/commands/setTextAlign.ts
+++ b/src/utils/prosemirror/commands/setTextAlign.ts
@@ -1,6 +1,6 @@
-import { Schema, Node, NodeType } from 'prosemirror-model'
-import { Transaction } from 'prosemirror-state'
-import { EditorView } from 'prosemirror-view'
+import type { Schema, Node, NodeType } from 'prosemirror-model'
+import type { Transaction } from 'prosemirror-state'
+import type { EditorView } from 'prosemirror-view'
 
 export const setTextAlign = (tr: Transaction, schema: Schema, alignment: string) => {
   const { selection, doc } = tr
diff --git a/src/utils/prosemirror/commands/setTextIndent.ts b/src/utils/prosemirror/commands/setTextIndent.ts
index 5d5db289..4589b58b 100644
--- a/src/utils/prosemirror/commands/setTextIndent.ts
+++ b/src/utils/prosemirror/commands/setTextIndent.ts
@@ -1,6 +1,6 @@
-import { Schema } from 'prosemirror-model'
-import { TextSelection, AllSelection, Transaction } from 'prosemirror-state'
-import { EditorView } from 'prosemirror-view'
+import type { Schema } from 'prosemirror-model'
+import { type Transaction, TextSelection, AllSelection } from 'prosemirror-state'
+import type { EditorView } from 'prosemirror-view'
 import { isList } from './toggleList'
 
 function setNodeIndentMarkup(tr: Transaction, pos: number, delta: number): Transaction {
diff --git a/src/utils/prosemirror/commands/toggleList.ts b/src/utils/prosemirror/commands/toggleList.ts
index 5cdd17ca..58409c5f 100644
--- a/src/utils/prosemirror/commands/toggleList.ts
+++ b/src/utils/prosemirror/commands/toggleList.ts
@@ -1,6 +1,6 @@
 import { wrapInList, liftListItem } from 'prosemirror-schema-list'
-import { Schema, Node, NodeType } from 'prosemirror-model'
-import { Transaction, EditorState } from 'prosemirror-state'
+import type { Schema, Node, NodeType } from 'prosemirror-model'
+import type { Transaction, EditorState } from 'prosemirror-state'
 import { findParentNode } from '../utils'
 
 export const isList = (node: Node, schema: Schema) => {
diff --git a/src/utils/prosemirror/plugins/index.ts b/src/utils/prosemirror/plugins/index.ts
index 7f3f9f83..a17f6859 100644
--- a/src/utils/prosemirror/plugins/index.ts
+++ b/src/utils/prosemirror/plugins/index.ts
@@ -1,5 +1,5 @@
 import { keymap } from 'prosemirror-keymap'
-import { Schema } from 'prosemirror-model'
+import type { Schema } from 'prosemirror-model'
 import { history } from 'prosemirror-history'
 import { baseKeymap } from 'prosemirror-commands'
 import { dropCursor } from 'prosemirror-dropcursor'
diff --git a/src/utils/prosemirror/plugins/inputrules.ts b/src/utils/prosemirror/plugins/inputrules.ts
index 00cc06fc..0c6d347d 100644
--- a/src/utils/prosemirror/plugins/inputrules.ts
+++ b/src/utils/prosemirror/plugins/inputrules.ts
@@ -1,4 +1,4 @@
-import { NodeType, Schema } from 'prosemirror-model'
+import type { NodeType, Schema } from 'prosemirror-model'
 import {
   inputRules,
   wrappingInputRule,
diff --git a/src/utils/prosemirror/plugins/keymap.ts b/src/utils/prosemirror/plugins/keymap.ts
index aad26ffd..234a92df 100644
--- a/src/utils/prosemirror/plugins/keymap.ts
+++ b/src/utils/prosemirror/plugins/keymap.ts
@@ -1,8 +1,8 @@
 import { splitListItem, liftListItem, sinkListItem } from 'prosemirror-schema-list'
-import { Schema } from 'prosemirror-model'
+import type { Schema } from 'prosemirror-model'
 import { undo, redo } from 'prosemirror-history'
 import { undoInputRule } from 'prosemirror-inputrules'
-import { Command } from 'prosemirror-state'
+import type { Command } from 'prosemirror-state'
 import {
   toggleMark,
   selectParentNode,
diff --git a/src/utils/prosemirror/schema/marks.ts b/src/utils/prosemirror/schema/marks.ts
index 77d84057..7b9b105f 100644
--- a/src/utils/prosemirror/schema/marks.ts
+++ b/src/utils/prosemirror/schema/marks.ts
@@ -1,5 +1,5 @@
 import { marks } from 'prosemirror-schema-basic'
-import { MarkSpec } from 'prosemirror-model'
+import type { MarkSpec } from 'prosemirror-model'
 
 const subscript: MarkSpec = {
   excludes: 'subscript',
diff --git a/src/utils/prosemirror/schema/nodes.ts b/src/utils/prosemirror/schema/nodes.ts
index 4380b7f3..08010933 100644
--- a/src/utils/prosemirror/schema/nodes.ts
+++ b/src/utils/prosemirror/schema/nodes.ts
@@ -1,5 +1,5 @@
 import { nodes } from 'prosemirror-schema-basic'
-import { Node, NodeSpec } from 'prosemirror-model'
+import type { Node, NodeSpec } from 'prosemirror-model'
 import { listItem as _listItem } from 'prosemirror-schema-list'
 
 interface Attr {
diff --git a/src/utils/prosemirror/utils.ts b/src/utils/prosemirror/utils.ts
index ccea4f87..927bf47c 100644
--- a/src/utils/prosemirror/utils.ts
+++ b/src/utils/prosemirror/utils.ts
@@ -1,6 +1,6 @@
-import { Node, NodeType, ResolvedPos, Mark, MarkType } from 'prosemirror-model'
-import { EditorState, Selection } from 'prosemirror-state'
-import { EditorView } from 'prosemirror-view'
+import type { Node, NodeType, ResolvedPos, Mark, MarkType } from 'prosemirror-model'
+import type { EditorState, Selection } from 'prosemirror-state'
+import type { EditorView } from 'prosemirror-view'
 import { selectAll } from 'prosemirror-commands'
 
 export const autoSelectAll = (view: EditorView) => {
diff --git a/src/views/Editor/Canvas/AlignmentLine.vue b/src/views/Editor/Canvas/AlignmentLine.vue
index 3d622a2e..3404ef68 100644
--- a/src/views/Editor/Canvas/AlignmentLine.vue
+++ b/src/views/Editor/Canvas/AlignmentLine.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { AlignmentLineAxis } from '@/types/edit'
+import type { AlignmentLineAxis } from '@/types/edit'
 
 const props = defineProps<{
   type: 'vertical' | 'horizontal'
diff --git a/src/views/Editor/Canvas/EditableElement.vue b/src/views/Editor/Canvas/EditableElement.vue
index 72a2b53d..2d02c39a 100644
--- a/src/views/Editor/Canvas/EditableElement.vue
+++ b/src/views/Editor/Canvas/EditableElement.vue
@@ -18,8 +18,8 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { ElementTypes, PPTElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import { ElementTypes, type PPTElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 
 import useLockElement from '@/hooks/useLockElement'
 import useDeleteElement from '@/hooks/useDeleteElement'
diff --git a/src/views/Editor/Canvas/ElementCreateSelection.vue b/src/views/Editor/Canvas/ElementCreateSelection.vue
index 5f6221db..d20a14d1 100644
--- a/src/views/Editor/Canvas/ElementCreateSelection.vue
+++ b/src/views/Editor/Canvas/ElementCreateSelection.vue
@@ -29,7 +29,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useKeyboardStore } from '@/store'
-import { CreateElementSelectionData } from '@/types/edit'
+import type { CreateElementSelectionData } from '@/types/edit'
 
 const emit = defineEmits<{
   (event: 'created', payload: CreateElementSelectionData): void
diff --git a/src/views/Editor/Canvas/GridLines.vue b/src/views/Editor/Canvas/GridLines.vue
index df6cff65..949c0455 100644
--- a/src/views/Editor/Canvas/GridLines.vue
+++ b/src/views/Editor/Canvas/GridLines.vue
@@ -19,7 +19,7 @@ import tinycolor from 'tinycolor2'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
-import { SlideBackground } from '@/types/slides'
+import type { SlideBackground } from '@/types/slides'
 
 const { canvasScale, gridLineSize } = storeToRefs(useMainStore())
 const { currentSlide, viewportRatio } = storeToRefs(useSlidesStore())
diff --git a/src/views/Editor/Canvas/LinkDialog.vue b/src/views/Editor/Canvas/LinkDialog.vue
index 4050fd8a..649eb385 100644
--- a/src/views/Editor/Canvas/LinkDialog.vue
+++ b/src/views/Editor/Canvas/LinkDialog.vue
@@ -46,7 +46,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElementLink } from '@/types/slides'
+import type { PPTElementLink } from '@/types/slides'
 import useLink from '@/hooks/useLink'
 
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
diff --git a/src/views/Editor/Canvas/MouseSelection.vue b/src/views/Editor/Canvas/MouseSelection.vue
index 065747df..9863fda2 100644
--- a/src/views/Editor/Canvas/MouseSelection.vue
+++ b/src/views/Editor/Canvas/MouseSelection.vue
@@ -15,7 +15,7 @@ defineProps<{
   left: number
   width: number
   height: number
-  quadrant: 1 | 2 | 3 | 4
+  quadrant: number
 }>()
 </script>
 
diff --git a/src/views/Editor/Canvas/Operate/BorderLine.vue b/src/views/Editor/Canvas/Operate/BorderLine.vue
index ae4a4b27..779caa29 100644
--- a/src/views/Editor/Canvas/Operate/BorderLine.vue
+++ b/src/views/Editor/Canvas/Operate/BorderLine.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { OperateBorderLines } from '@/types/edit'
+import type { OperateBorderLines } from '@/types/edit'
 
 withDefaults(defineProps<{
   type: OperateBorderLines
diff --git a/src/views/Editor/Canvas/Operate/CommonElementOperate.vue b/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
index 1820e39b..0ce3913f 100644
--- a/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
@@ -37,8 +37,8 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTShapeElement, PPTVideoElement, PPTLatexElement, PPTAudioElement } from '@/types/slides'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { PPTShapeElement, PPTVideoElement, PPTLatexElement, PPTAudioElement } from '@/types/slides'
+import type { OperateResizeHandlers } from '@/types/edit'
 import useCommonOperate from '../hooks/useCommonOperate'
 
 import RotateHandler from './RotateHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/ImageElementOperate.vue b/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
index 949e973d..fc88f44a 100644
--- a/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
@@ -36,8 +36,8 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTImageElement } from '@/types/slides'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { PPTImageElement } from '@/types/slides'
+import type { OperateResizeHandlers } from '@/types/edit'
 import useCommonOperate from '../hooks/useCommonOperate'
 
 import RotateHandler from './RotateHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/LineElementOperate.vue b/src/views/Editor/Canvas/Operate/LineElementOperate.vue
index a621d6df..68ce246a 100644
--- a/src/views/Editor/Canvas/Operate/LineElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/LineElementOperate.vue
@@ -43,7 +43,7 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTLineElement } from '@/types/slides'
+import type { PPTLineElement } from '@/types/slides'
 import { OperateLineHandlers } from '@/types/edit'
 
 import ResizeHandler from './ResizeHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/LinkHandler.vue b/src/views/Editor/Canvas/Operate/LinkHandler.vue
index 48d69970..f1d7749c 100644
--- a/src/views/Editor/Canvas/Operate/LinkHandler.vue
+++ b/src/views/Editor/Canvas/Operate/LinkHandler.vue
@@ -14,7 +14,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement, PPTElementLink } from '@/types/slides'
+import type { PPTElement, PPTElementLink } from '@/types/slides'
 import useLink from '@/hooks/useLink'
 
 import { Divider } from 'ant-design-vue'
diff --git a/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue b/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
index 66ed3d9b..6ea8df87 100644
--- a/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
+++ b/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
@@ -24,9 +24,9 @@
 import { computed, ref, watchEffect } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { getElementListRange } from '@/utils/element'
-import { OperateResizeHandlers, MultiSelectRange } from '@/types/edit'
+import type { OperateResizeHandlers, MultiSelectRange } from '@/types/edit'
 import useCommonOperate from '../hooks/useCommonOperate'
 
 import ResizeHandler from './ResizeHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/ResizeHandler.vue b/src/views/Editor/Canvas/Operate/ResizeHandler.vue
index df797f07..1f6d175a 100644
--- a/src/views/Editor/Canvas/Operate/ResizeHandler.vue
+++ b/src/views/Editor/Canvas/Operate/ResizeHandler.vue
@@ -4,10 +4,10 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { OperateResizeHandlers } from '@/types/edit'
 
 const props = withDefaults(defineProps<{
-  type: OperateResizeHandlers
+  type?: OperateResizeHandlers
   rotate?: number
 }>(), {
   rotate: 0,
diff --git a/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue b/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
index 791db60c..456a8027 100644
--- a/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
@@ -42,8 +42,8 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTShapeElement } from '@/types/slides'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { PPTShapeElement } from '@/types/slides'
+import type { OperateResizeHandlers } from '@/types/edit'
 import { SHAPE_PATH_FORMULAS } from '@/configs/shapes'
 import useCommonOperate from '../hooks/useCommonOperate'
 
diff --git a/src/views/Editor/Canvas/Operate/TableElementOperate.vue b/src/views/Editor/Canvas/Operate/TableElementOperate.vue
index 8661e9b3..040eb369 100644
--- a/src/views/Editor/Canvas/Operate/TableElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/TableElementOperate.vue
@@ -36,8 +36,8 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTTableElement } from '@/types/slides'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { PPTTableElement } from '@/types/slides'
+import type { OperateResizeHandlers } from '@/types/edit'
 import useCommonOperate from '../hooks/useCommonOperate'
 
 import RotateHandler from './RotateHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/TextElementOperate.vue b/src/views/Editor/Canvas/Operate/TextElementOperate.vue
index dd6e18d7..be5c4ffa 100644
--- a/src/views/Editor/Canvas/Operate/TextElementOperate.vue
+++ b/src/views/Editor/Canvas/Operate/TextElementOperate.vue
@@ -36,8 +36,8 @@ export default {
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTTextElement } from '@/types/slides'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { PPTTextElement } from '@/types/slides'
+import type { OperateResizeHandlers } from '@/types/edit'
 import useCommonOperate from '../hooks/useCommonOperate'
 
 import RotateHandler from './RotateHandler.vue'
diff --git a/src/views/Editor/Canvas/Operate/index.vue b/src/views/Editor/Canvas/Operate/index.vue
index 6877dcd3..9951fa2a 100644
--- a/src/views/Editor/Canvas/Operate/index.vue
+++ b/src/views/Editor/Canvas/Operate/index.vue
@@ -41,8 +41,8 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ElementTypes, PPTElement, PPTLineElement, PPTVideoElement, PPTAudioElement, PPTShapeElement } from '@/types/slides'
-import { OperateLineHandlers, OperateResizeHandlers } from '@/types/edit'
+import { ElementTypes, type PPTElement, type PPTLineElement, type PPTVideoElement, type PPTAudioElement, type PPTShapeElement } from '@/types/slides'
+import type { OperateLineHandlers, OperateResizeHandlers } from '@/types/edit'
 
 import ImageElementOperate from './ImageElementOperate.vue'
 import TextElementOperate from './TextElementOperate.vue'
diff --git a/src/views/Editor/Canvas/ViewportBackground.vue b/src/views/Editor/Canvas/ViewportBackground.vue
index ed86f4eb..0d55c1d7 100644
--- a/src/views/Editor/Canvas/ViewportBackground.vue
+++ b/src/views/Editor/Canvas/ViewportBackground.vue
@@ -11,7 +11,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { SlideBackground } from '@/types/slides'
+import type { SlideBackground } from '@/types/slides'
 import GridLines from './GridLines.vue'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
 
diff --git a/src/views/Editor/Canvas/hooks/useCommonOperate.ts b/src/views/Editor/Canvas/hooks/useCommonOperate.ts
index cfca968f..1f0f701b 100644
--- a/src/views/Editor/Canvas/hooks/useCommonOperate.ts
+++ b/src/views/Editor/Canvas/hooks/useCommonOperate.ts
@@ -1,4 +1,4 @@
-import { computed, Ref } from 'vue'
+import { computed, type Ref } from 'vue'
 import { OperateResizeHandlers, OperateBorderLines } from '@/types/edit'
 
 export default (width: Ref<number>, height: Ref<number>) => {
diff --git a/src/views/Editor/Canvas/hooks/useDragElement.ts b/src/views/Editor/Canvas/hooks/useDragElement.ts
index fe109969..ac032376 100644
--- a/src/views/Editor/Canvas/hooks/useDragElement.ts
+++ b/src/views/Editor/Canvas/hooks/useDragElement.ts
@@ -1,10 +1,10 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore, useKeyboardStore } from '@/store'
-import { PPTElement } from '@/types/slides'
-import { AlignmentLineProps } from '@/types/edit'
+import type { PPTElement } from '@/types/slides'
+import type { AlignmentLineProps } from '@/types/edit'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
-import { getRectRotatedRange, AlignLine, uniqAlignLines } from '@/utils/element'
+import { getRectRotatedRange, uniqAlignLines, type AlignLine } from '@/utils/element'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 export default (
diff --git a/src/views/Editor/Canvas/hooks/useDragLineElement.ts b/src/views/Editor/Canvas/hooks/useDragLineElement.ts
index 26504436..3ff50269 100644
--- a/src/views/Editor/Canvas/hooks/useDragLineElement.ts
+++ b/src/views/Editor/Canvas/hooks/useDragLineElement.ts
@@ -1,7 +1,7 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement, PPTLineElement } from '@/types/slides'
+import type { PPTElement, PPTLineElement } from '@/types/slides'
 import { OperateLineHandlers } from '@/types/edit'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/Editor/Canvas/hooks/useDropImageOrText.ts b/src/views/Editor/Canvas/hooks/useDropImageOrText.ts
index 64502c05..0847376d 100644
--- a/src/views/Editor/Canvas/hooks/useDropImageOrText.ts
+++ b/src/views/Editor/Canvas/hooks/useDropImageOrText.ts
@@ -1,4 +1,4 @@
-import { onMounted, onUnmounted, Ref } from 'vue'
+import { onMounted, onUnmounted, type Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
 import { getImageDataURL } from '@/utils/image'
diff --git a/src/views/Editor/Canvas/hooks/useInsertFromCreateSelection.ts b/src/views/Editor/Canvas/hooks/useInsertFromCreateSelection.ts
index 91486dba..a9be3708 100644
--- a/src/views/Editor/Canvas/hooks/useInsertFromCreateSelection.ts
+++ b/src/views/Editor/Canvas/hooks/useInsertFromCreateSelection.ts
@@ -1,7 +1,7 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { CreateElementSelectionData } from '@/types/edit'
+import type { CreateElementSelectionData } from '@/types/edit'
 import useCreateElement from '@/hooks/useCreateElement'
 
 export default (viewportRef: Ref<HTMLElement | undefined>) => {
diff --git a/src/views/Editor/Canvas/hooks/useMouseSelection.ts b/src/views/Editor/Canvas/hooks/useMouseSelection.ts
index 87d8b825..d8b53a4a 100644
--- a/src/views/Editor/Canvas/hooks/useMouseSelection.ts
+++ b/src/views/Editor/Canvas/hooks/useMouseSelection.ts
@@ -1,7 +1,7 @@
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { getElementRange } from '@/utils/element'
 
 export default (elementList: Ref<PPTElement[]>, viewportRef: Ref<HTMLElement | undefined>) => {
diff --git a/src/views/Editor/Canvas/hooks/useMoveShapeKeypoint.ts b/src/views/Editor/Canvas/hooks/useMoveShapeKeypoint.ts
index b6251d7f..336314b1 100644
--- a/src/views/Editor/Canvas/hooks/useMoveShapeKeypoint.ts
+++ b/src/views/Editor/Canvas/hooks/useMoveShapeKeypoint.ts
@@ -1,6 +1,6 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { useSlidesStore } from '@/store'
-import { PPTElement, PPTShapeElement } from '@/types/slides'
+import type { PPTElement, PPTShapeElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import { SHAPE_PATH_FORMULAS } from '@/configs/shapes'
 
diff --git a/src/views/Editor/Canvas/hooks/useRotateElement.ts b/src/views/Editor/Canvas/hooks/useRotateElement.ts
index 1d14f4b6..f60c4448 100644
--- a/src/views/Editor/Canvas/hooks/useRotateElement.ts
+++ b/src/views/Editor/Canvas/hooks/useRotateElement.ts
@@ -1,7 +1,7 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement, PPTLineElement, PPTVideoElement, PPTAudioElement } from '@/types/slides'
+import type { PPTElement, PPTLineElement, PPTVideoElement, PPTAudioElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 /**
diff --git a/src/views/Editor/Canvas/hooks/useScaleElement.ts b/src/views/Editor/Canvas/hooks/useScaleElement.ts
index d5b3df80..051d11c2 100644
--- a/src/views/Editor/Canvas/hooks/useScaleElement.ts
+++ b/src/views/Editor/Canvas/hooks/useScaleElement.ts
@@ -1,12 +1,12 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore, useKeyboardStore } from '@/store'
-import { PPTElement, PPTImageElement, PPTLineElement, PPTShapeElement } from '@/types/slides'
-import { OperateResizeHandlers, AlignmentLineProps, MultiSelectRange } from '@/types/edit'
+import type { PPTElement, PPTImageElement, PPTLineElement, PPTShapeElement } from '@/types/slides'
+import { OperateResizeHandlers, type AlignmentLineProps, type MultiSelectRange } from '@/types/edit'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 import { MIN_SIZE } from '@/configs/element'
 import { SHAPE_PATH_FORMULAS } from '@/configs/shapes'
-import { AlignLine, uniqAlignLines } from '@/utils/element'
+import { type AlignLine, uniqAlignLines } from '@/utils/element'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 interface RotateElementData {
diff --git a/src/views/Editor/Canvas/hooks/useSelectElement.ts b/src/views/Editor/Canvas/hooks/useSelectElement.ts
index cf0f5a31..b9d84711 100644
--- a/src/views/Editor/Canvas/hooks/useSelectElement.ts
+++ b/src/views/Editor/Canvas/hooks/useSelectElement.ts
@@ -1,8 +1,8 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { uniq } from 'lodash'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useKeyboardStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 
 export default (
   elementList: Ref<PPTElement[]>,
diff --git a/src/views/Editor/Canvas/hooks/useViewportSize.ts b/src/views/Editor/Canvas/hooks/useViewportSize.ts
index c869533a..51a38836 100644
--- a/src/views/Editor/Canvas/hooks/useViewportSize.ts
+++ b/src/views/Editor/Canvas/hooks/useViewportSize.ts
@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, onUnmounted, Ref, watch } from 'vue'
+import { ref, computed, onMounted, onUnmounted, watch, type Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
diff --git a/src/views/Editor/Canvas/index.vue b/src/views/Editor/Canvas/index.vue
index 643f09b6..36fcfc24 100644
--- a/src/views/Editor/Canvas/index.vue
+++ b/src/views/Editor/Canvas/index.vue
@@ -99,9 +99,9 @@ import { nextTick, onMounted, onUnmounted, provide, ref, watch, watchEffect } fr
 import { throttle } from 'lodash'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore, useKeyboardStore } from '@/store'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
-import { PPTElement } from '@/types/slides'
-import { AlignmentLineProps } from '@/types/edit'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTElement } from '@/types/slides'
+import type { AlignmentLineProps } from '@/types/edit'
 import { injectKeySlideScale } from '@/types/injectKey'
 import { removeAllRanges } from '@/utils/selection'
 import { KEYS } from '@/configs/hotkey'
diff --git a/src/views/Editor/CanvasTool/ChartPool.vue b/src/views/Editor/CanvasTool/ChartPool.vue
index 53a9df64..4b4fe769 100644
--- a/src/views/Editor/CanvasTool/ChartPool.vue
+++ b/src/views/Editor/CanvasTool/ChartPool.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PresetChartType } from '@/types/slides'
+import type { PresetChartType } from '@/types/slides'
 
 const emit = defineEmits<{
   (event: 'select', payload: PresetChartType): void
diff --git a/src/views/Editor/CanvasTool/LinePool.vue b/src/views/Editor/CanvasTool/LinePool.vue
index af0acf44..41a10656 100644
--- a/src/views/Editor/CanvasTool/LinePool.vue
+++ b/src/views/Editor/CanvasTool/LinePool.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script lang="ts" setup>
-import { LINE_LIST, LinePoolItem } from '@/configs/lines'
+import { LINE_LIST, type LinePoolItem } from '@/configs/lines'
 
 import LinePointMarker from '@/views/components/element/LineElement/LinePointMarker.vue'
 
diff --git a/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue b/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
index f840629c..0efd43ca 100644
--- a/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
+++ b/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ShapePoolItem } from '@/configs/shapes'
+import type { ShapePoolItem } from '@/configs/shapes'
 
 defineProps<{
   shape: ShapePoolItem
diff --git a/src/views/Editor/CanvasTool/ShapePool.vue b/src/views/Editor/CanvasTool/ShapePool.vue
index 19169857..53b1b844 100644
--- a/src/views/Editor/CanvasTool/ShapePool.vue
+++ b/src/views/Editor/CanvasTool/ShapePool.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import { SHAPE_LIST, ShapePoolItem } from '@/configs/shapes'
+import { SHAPE_LIST, type ShapePoolItem } from '@/configs/shapes'
 import ShapeItemThumbnail from './ShapeItemThumbnail.vue'
 
 const emit = defineEmits<{
diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue
index d62c331f..4be17f60 100644
--- a/src/views/Editor/CanvasTool/index.vue
+++ b/src/views/Editor/CanvasTool/index.vue
@@ -121,8 +121,8 @@ import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSnapshotStore } from '@/store'
 import { getImageDataURL } from '@/utils/image'
-import { ShapePoolItem } from '@/configs/shapes'
-import { LinePoolItem } from '@/configs/lines'
+import type { ShapePoolItem } from '@/configs/shapes'
+import type { LinePoolItem } from '@/configs/lines'
 import useScaleCanvas from '@/hooks/useScaleCanvas'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import useCreateElement from '@/hooks/useCreateElement'
diff --git a/src/views/Editor/ExportDialog/index.vue b/src/views/Editor/ExportDialog/index.vue
index c61083be..a6ffb3d6 100644
--- a/src/views/Editor/ExportDialog/index.vue
+++ b/src/views/Editor/ExportDialog/index.vue
@@ -19,7 +19,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { DialogForExportTypes } from '@/types/export'
+import type { DialogForExportTypes } from '@/types/export'
 
 import ExportImage from './ExportImage.vue'
 import ExportJSON from './ExportJSON.vue'
diff --git a/src/views/Editor/SelectPanel.vue b/src/views/Editor/SelectPanel.vue
index 7e9027aa..f76f0da3 100644
--- a/src/views/Editor/SelectPanel.vue
+++ b/src/views/Editor/SelectPanel.vue
@@ -80,7 +80,7 @@
 import { computed, nextTick, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore, useMainStore } from '@/store'
-import { PPTElement } from '@/types/slides'
+import type { PPTElement } from '@/types/slides'
 import { ELEMENT_TYPE_ZH } from '@/configs/element'
 import useOrderElement from '@/hooks/useOrderElement'
 import { ElementOrderCommands } from '@/types/edit'
diff --git a/src/views/Editor/Thumbnails/LayoutPool.vue b/src/views/Editor/Thumbnails/LayoutPool.vue
index 0a6d7b50..c18600e0 100644
--- a/src/views/Editor/Thumbnails/LayoutPool.vue
+++ b/src/views/Editor/Thumbnails/LayoutPool.vue
@@ -14,7 +14,7 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
 
diff --git a/src/views/Editor/Thumbnails/index.vue b/src/views/Editor/Thumbnails/index.vue
index 9437a0e5..3ee9d8e1 100644
--- a/src/views/Editor/Thumbnails/index.vue
+++ b/src/views/Editor/Thumbnails/index.vue
@@ -49,7 +49,7 @@ import { computed, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore, useKeyboardStore } from '@/store'
 import { fillDigit } from '@/utils/common'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useSlideHandler from '@/hooks/useSlideHandler'
 import useScreening from '@/hooks/useScreening'
 import useLoadSlides from '@/hooks/useLoadSlides'
diff --git a/src/views/Editor/Toolbar/ElementAnimationPanel.vue b/src/views/Editor/Toolbar/ElementAnimationPanel.vue
index 45380678..d1e25e99 100644
--- a/src/views/Editor/Toolbar/ElementAnimationPanel.vue
+++ b/src/views/Editor/Toolbar/ElementAnimationPanel.vue
@@ -118,7 +118,7 @@ import { computed, ref, watch } from 'vue'
 import { nanoid } from 'nanoid'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTAnimation } from '@/types/slides'
+import type { PPTAnimation } from '@/types/slides'
 import { 
   ENTER_ANIMATIONS,
   EXIT_ANIMATIONS,
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
index a63f0876..a68cbf13 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
@@ -36,10 +36,10 @@
 </template>
 
 <script lang="ts" setup>
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTAudioElement } from '@/types/slides'
+import type { PPTAudioElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ColorButton from '../common/ColorButton.vue'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
index dd019c2c..ed1265af 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
@@ -56,7 +56,7 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { ChartData } from '@/types/slides'
+import type { ChartData } from '@/types/slides'
 import { KEYS } from '@/configs/hotkey'
 import { pasteCustomClipboardString, pasteExcelClipboardString } from '@/utils/clipboard'
 
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
index 7ff9f1e0..bc3ebabe 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -152,10 +152,10 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, Ref, ref, watch } from 'vue'
+import { onUnmounted, ref, watch, type Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ChartData, ChartOptions, PPTChartElement } from '@/types/slides'
+import type { ChartData, ChartOptions, PPTChartElement } from '@/types/slides'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
index 6c3ef161..9058603f 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
@@ -60,10 +60,10 @@
 </template>
 
 <script lang="ts" setup>
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTImageElement, SlideBackground } from '@/types/slides'
+import type { PPTImageElement, SlideBackground } from '@/types/slides'
 import { CLIPPATHS } from '@/configs/imageClip'
 import { getImageDataURL } from '@/utils/image'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
index 3b08e585..06ed6ff6 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
@@ -44,10 +44,10 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, Ref, ref } from 'vue'
+import { onUnmounted, ref, type Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTLatexElement } from '@/types/slides'
+import type { PPTLatexElement } from '@/types/slides'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
index f45ccc00..c24cf527 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
@@ -63,10 +63,10 @@
 </template>
 
 <script lang="ts" setup>
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTLineElement } from '@/types/slides'
+import type { PPTLineElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ElementShadow from '../common/ElementShadow.vue'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
index 906bbff3..89fb17f3 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
@@ -143,7 +143,7 @@
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement, PPTElementOutline, TableCell } from '@/types/slides'
+import type { PPTElement, PPTElementOutline, TableCell } from '@/types/slides'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 import { WEB_FONTS } from '@/configs/font'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
index f7e94b1d..792e9116 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -260,12 +260,12 @@
 </template>
 
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue'
+import { type Ref, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTShapeElement, ShapeGradient, ShapeText } from '@/types/slides'
+import type { PPTShapeElement, ShapeGradient, ShapeText } from '@/types/slides'
 import { WEB_FONTS } from '@/configs/font'
-import { ShapePoolItem, SHAPE_LIST, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
+import { type ShapePoolItem, SHAPE_LIST, SHAPE_PATH_FORMULAS } from '@/configs/shapes'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import useTextFormatPainter from '@/hooks/useTextFormatPainter'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
index edf079d3..0e1179ee 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
@@ -188,7 +188,7 @@ import { computed, onMounted, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { nanoid } from 'nanoid'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTTableElement, TableCell, TableCellStyle, TableTheme } from '@/types/slides'
+import type { PPTTableElement, TableCell, TableCellStyle, TableTheme } from '@/types/slides'
 import { WEB_FONTS } from '@/configs/font'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
index 88ebc365..6c79472a 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -318,8 +318,8 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTTextElement } from '@/types/slides'
-import emitter, { EmitterEvents, RichTextAction } from '@/utils/emitter'
+import type { PPTTextElement } from '@/types/slides'
+import emitter, { EmitterEvents, type RichTextAction } from '@/utils/emitter'
 import { WEB_FONTS } from '@/configs/font'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import useTextFormatPainter from '@/hooks/useTextFormatPainter'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
index 44562a7a..d4fb31f1 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
@@ -15,10 +15,10 @@
 </template>
 
 <script lang="ts" setup>
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTVideoElement } from '@/types/slides'
+import type { PPTVideoElement } from '@/types/slides'
 import { getImageDataURL } from '@/utils/image'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/Editor/Toolbar/SlideAnimationPanel.vue b/src/views/Editor/Toolbar/SlideAnimationPanel.vue
index ceb5e881..d3002ab6 100644
--- a/src/views/Editor/Toolbar/SlideAnimationPanel.vue
+++ b/src/views/Editor/Toolbar/SlideAnimationPanel.vue
@@ -20,7 +20,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { TurningMode } from '@/types/slides'
+import type { TurningMode } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import { Button } from 'ant-design-vue'
diff --git a/src/views/Editor/Toolbar/SlideDesignPanel.vue b/src/views/Editor/Toolbar/SlideDesignPanel.vue
index 09e3b273..18e6c92c 100644
--- a/src/views/Editor/Toolbar/SlideDesignPanel.vue
+++ b/src/views/Editor/Toolbar/SlideDesignPanel.vue
@@ -201,7 +201,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { SlideBackground, SlideTheme } from '@/types/slides'
+import type { SlideBackground, SlideTheme } from '@/types/slides'
 import { PRESET_THEMES } from '@/configs/theme'
 import { WEB_FONTS } from '@/configs/font'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
diff --git a/src/views/Editor/Toolbar/common/ElementColorMask.vue b/src/views/Editor/Toolbar/common/ElementColorMask.vue
index a9c4465c..9013b1e1 100644
--- a/src/views/Editor/Toolbar/common/ElementColorMask.vue
+++ b/src/views/Editor/Toolbar/common/ElementColorMask.vue
@@ -41,7 +41,7 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ImageColorElementMask } from '@/types/slides'
+import type { ImageColorElementMask } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ColorButton from './ColorButton.vue'
diff --git a/src/views/Editor/Toolbar/common/ElementFilter.vue b/src/views/Editor/Toolbar/common/ElementFilter.vue
index 4a108ebb..9d1c4b2c 100644
--- a/src/views/Editor/Toolbar/common/ElementFilter.vue
+++ b/src/views/Editor/Toolbar/common/ElementFilter.vue
@@ -29,7 +29,7 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ImageElementFilterKeys, PPTImageElement } from '@/types/slides'
+import type { ImageElementFilterKeys, PPTImageElement } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import { Slider, Switch } from 'ant-design-vue'
diff --git a/src/views/Editor/Toolbar/common/ElementFlip.vue b/src/views/Editor/Toolbar/common/ElementFlip.vue
index 28674e47..3fdd9b3b 100644
--- a/src/views/Editor/Toolbar/common/ElementFlip.vue
+++ b/src/views/Editor/Toolbar/common/ElementFlip.vue
@@ -19,7 +19,7 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ImageOrShapeFlip } from '@/types/slides'
+import type { ImageOrShapeFlip } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import CheckboxButton from '@/components/CheckboxButton.vue'
diff --git a/src/views/Editor/Toolbar/common/ElementOutline.vue b/src/views/Editor/Toolbar/common/ElementOutline.vue
index c602b7aa..0e5356a3 100644
--- a/src/views/Editor/Toolbar/common/ElementOutline.vue
+++ b/src/views/Editor/Toolbar/common/ElementOutline.vue
@@ -49,7 +49,7 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElementOutline } from '@/types/slides'
+import type { PPTElementOutline } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ColorButton from './ColorButton.vue'
diff --git a/src/views/Editor/Toolbar/common/ElementShadow.vue b/src/views/Editor/Toolbar/common/ElementShadow.vue
index 20262a22..574cdcba 100644
--- a/src/views/Editor/Toolbar/common/ElementShadow.vue
+++ b/src/views/Editor/Toolbar/common/ElementShadow.vue
@@ -60,7 +60,7 @@
 import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElementShadow } from '@/types/slides'
+import type { PPTElementShadow } from '@/types/slides'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ColorButton from './ColorButton.vue'
diff --git a/src/views/Mobile/MobileEditor/ElementToolbar.vue b/src/views/Mobile/MobileEditor/ElementToolbar.vue
index 11a1baf3..384cce46 100644
--- a/src/views/Mobile/MobileEditor/ElementToolbar.vue
+++ b/src/views/Mobile/MobileEditor/ElementToolbar.vue
@@ -123,7 +123,7 @@
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement, TableCell } from '@/types/slides'
+import type { PPTElement, TableCell } from '@/types/slides'
 import { ElementAlignCommands, ElementOrderCommands } from '@/types/edit'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 import useOrderElement from '@/hooks/useOrderElement'
diff --git a/src/views/Mobile/MobileEditor/Header.vue b/src/views/Mobile/MobileEditor/Header.vue
index 7ea3e331..d1c45a3c 100644
--- a/src/views/Mobile/MobileEditor/Header.vue
+++ b/src/views/Mobile/MobileEditor/Header.vue
@@ -11,7 +11,7 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia'
 import { useSnapshotStore } from '@/store'
-import { Mode } from '@/types/mobile'
+import type { Mode } from '@/types/mobile'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 defineProps<{
diff --git a/src/views/Mobile/MobileEditor/MobileEditableElement.vue b/src/views/Mobile/MobileEditor/MobileEditableElement.vue
index 399d5fc9..9abc126a 100644
--- a/src/views/Mobile/MobileEditor/MobileEditableElement.vue
+++ b/src/views/Mobile/MobileEditor/MobileEditableElement.vue
@@ -16,7 +16,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { ElementTypes, PPTElement } from '@/types/slides'
+import { ElementTypes, type PPTElement } from '@/types/slides'
 
 import ImageElement from '@/views/components/element/ImageElement/index.vue'
 import TextElement from '@/views/components/element/TextElement/index.vue'
diff --git a/src/views/Mobile/MobileEditor/MobileOperate.vue b/src/views/Mobile/MobileEditor/MobileOperate.vue
index 0e77492e..043939a7 100644
--- a/src/views/Mobile/MobileEditor/MobileOperate.vue
+++ b/src/views/Mobile/MobileEditor/MobileOperate.vue
@@ -31,9 +31,9 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTElement, PPTLineElement } from '@/types/slides'
+import type { PPTElement, PPTLineElement } from '@/types/slides'
 import useCommonOperate from '@/views/Editor/Canvas/hooks/useCommonOperate'
-import { OperateResizeHandlers } from '@/types/edit'
+import type { OperateResizeHandlers } from '@/types/edit'
 
 import BorderLine from '@/views/Editor/Canvas/Operate/BorderLine.vue'
 import ResizeHandler from '@/views/Editor/Canvas/Operate/ResizeHandler.vue'
diff --git a/src/views/Mobile/MobileEditor/SlideToolbar.vue b/src/views/Mobile/MobileEditor/SlideToolbar.vue
index 9800a5f2..8cc73fe4 100644
--- a/src/views/Mobile/MobileEditor/SlideToolbar.vue
+++ b/src/views/Mobile/MobileEditor/SlideToolbar.vue
@@ -36,7 +36,7 @@ import { useSlidesStore } from '@/store'
 import useSlideHandler from '@/hooks/useSlideHandler'
 import useCreateElement from '@/hooks/useCreateElement'
 import { getImageDataURL } from '@/utils/image'
-import { ShapePoolItem } from '@/configs/shapes'
+import type { ShapePoolItem } from '@/configs/shapes'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 
 import MobileThumbnails from '../MobileThumbnails.vue'
diff --git a/src/views/Mobile/MobileEditor/index.vue b/src/views/Mobile/MobileEditor/index.vue
index cd51f951..b69279d3 100644
--- a/src/views/Mobile/MobileEditor/index.vue
+++ b/src/views/Mobile/MobileEditor/index.vue
@@ -43,9 +43,9 @@
 import { computed, onMounted, ref, watchEffect } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTElement } from '@/types/slides'
-import { AlignmentLineProps } from '@/types/edit'
-import { Mode } from '@/types/mobile'
+import type { PPTElement } from '@/types/slides'
+import type { AlignmentLineProps } from '@/types/edit'
+import type { Mode } from '@/types/mobile'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
 import useDragElement from '@/views/Editor/Canvas/hooks/useDragElement'
diff --git a/src/views/Mobile/MobilePlayer.vue b/src/views/Mobile/MobilePlayer.vue
index 66e65bca..58abdd8c 100644
--- a/src/views/Mobile/MobilePlayer.vue
+++ b/src/views/Mobile/MobilePlayer.vue
@@ -55,7 +55,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { Mode } from '@/types/mobile'
+import type { Mode } from '@/types/mobile'
 
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
 import MobileThumbnails from './MobileThumbnails.vue'
diff --git a/src/views/Mobile/MobilePreview.vue b/src/views/Mobile/MobilePreview.vue
index f83b8a62..f67780fb 100644
--- a/src/views/Mobile/MobilePreview.vue
+++ b/src/views/Mobile/MobilePreview.vue
@@ -22,7 +22,7 @@ import { onMounted, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
 import useLoadSlides from '@/hooks/useLoadSlides'
-import { Mode } from '@/types/mobile'
+import type { Mode } from '@/types/mobile'
 
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
 import { Divider } from 'ant-design-vue'
diff --git a/src/views/Mobile/index.vue b/src/views/Mobile/index.vue
index 0acb71ed..a5138d47 100644
--- a/src/views/Mobile/index.vue
+++ b/src/views/Mobile/index.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
-import { Mode } from '@/types/mobile'
+import type { Mode } from '@/types/mobile'
 
 import MobileEditor from './MobileEditor/index.vue'
 import MobilePlayer from './MobilePlayer.vue'
diff --git a/src/views/Screen/BaseView.vue b/src/views/Screen/BaseView.vue
index b17aaf1a..3b17cabc 100644
--- a/src/views/Screen/BaseView.vue
+++ b/src/views/Screen/BaseView.vue
@@ -70,7 +70,7 @@
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import { enterFullscreen } from '@/utils/fullscreen'
 import useScreening from '@/hooks/useScreening'
 import useExecPlay from './hooks/useExecPlay'
diff --git a/src/views/Screen/PresenterView.vue b/src/views/Screen/PresenterView.vue
index 0b435def..6187a083 100644
--- a/src/views/Screen/PresenterView.vue
+++ b/src/views/Screen/PresenterView.vue
@@ -80,7 +80,7 @@
 import { computed, nextTick, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import { enterFullscreen } from '@/utils/fullscreen'
 import { parseText2Paragraphs } from '@/utils/textParser'
 import useScreening from '@/hooks/useScreening'
diff --git a/src/views/Screen/ScreenElement.vue b/src/views/Screen/ScreenElement.vue
index d026a1fe..7f0d83a2 100644
--- a/src/views/Screen/ScreenElement.vue
+++ b/src/views/Screen/ScreenElement.vue
@@ -23,7 +23,7 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { ElementTypes, PPTElement } from '@/types/slides'
+import { ElementTypes, type PPTElement } from '@/types/slides'
 
 import BaseImageElement from '@/views/components/element/ImageElement/BaseImageElement.vue'
 import BaseTextElement from '@/views/components/element/TextElement/BaseTextElement.vue'
diff --git a/src/views/Screen/ScreenSlide.vue b/src/views/Screen/ScreenSlide.vue
index 718f1fa3..ef1ce0c9 100644
--- a/src/views/Screen/ScreenSlide.vue
+++ b/src/views/Screen/ScreenSlide.vue
@@ -24,7 +24,7 @@
 import { computed, provide } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 import { injectKeySlideId } from '@/types/injectKey'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
diff --git a/src/views/Screen/hooks/useSlideSize.ts b/src/views/Screen/hooks/useSlideSize.ts
index b3d776c4..caef344e 100644
--- a/src/views/Screen/hooks/useSlideSize.ts
+++ b/src/views/Screen/hooks/useSlideSize.ts
@@ -1,4 +1,4 @@
-import { onMounted, onUnmounted, Ref, ref } from 'vue'
+import { onMounted, onUnmounted, ref, type Ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
 
diff --git a/src/views/components/ThumbnailSlide/ThumbnailElement.vue b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
index 9d2c323f..c939b5ee 100644
--- a/src/views/components/ThumbnailSlide/ThumbnailElement.vue
+++ b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
@@ -16,7 +16,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { ElementTypes, PPTElement } from '@/types/slides'
+import { ElementTypes, type PPTElement } from '@/types/slides'
 
 import BaseImageElement from '@/views/components/element/ImageElement/BaseImageElement.vue'
 import BaseTextElement from '@/views/components/element/TextElement/BaseTextElement.vue'
diff --git a/src/views/components/ThumbnailSlide/index.vue b/src/views/components/ThumbnailSlide/index.vue
index 9efb327f..ad9f3ef4 100644
--- a/src/views/components/ThumbnailSlide/index.vue
+++ b/src/views/components/ThumbnailSlide/index.vue
@@ -30,7 +30,7 @@
 import { computed, provide } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { Slide } from '@/types/slides'
+import type { Slide } from '@/types/slides'
 import { injectKeySlideScale } from '@/types/injectKey'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
diff --git a/src/views/components/element/AudioElement/BaseAudioElement.vue b/src/views/components/element/AudioElement/BaseAudioElement.vue
index 68353028..d3c78523 100644
--- a/src/views/components/element/AudioElement/BaseAudioElement.vue
+++ b/src/views/components/element/AudioElement/BaseAudioElement.vue
@@ -26,7 +26,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTAudioElement } from '@/types/slides'
+import type { PPTAudioElement } from '@/types/slides'
 
 const props = defineProps<{
   elementInfo: PPTAudioElement
diff --git a/src/views/components/element/AudioElement/ScreenAudioElement.vue b/src/views/components/element/AudioElement/ScreenAudioElement.vue
index e348176e..dd49a739 100644
--- a/src/views/components/element/AudioElement/ScreenAudioElement.vue
+++ b/src/views/components/element/AudioElement/ScreenAudioElement.vue
@@ -39,7 +39,7 @@
 import { computed, inject, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { PPTAudioElement } from '@/types/slides'
+import type { PPTAudioElement } from '@/types/slides'
 import { injectKeySlideId, injectKeySlideScale } from '@/types/injectKey'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 
diff --git a/src/views/components/element/AudioElement/index.vue b/src/views/components/element/AudioElement/index.vue
index 9f7de871..13afb7bb 100644
--- a/src/views/components/element/AudioElement/index.vue
+++ b/src/views/components/element/AudioElement/index.vue
@@ -43,8 +43,8 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTAudioElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTAudioElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import { VIEWPORT_SIZE } from '@/configs/canvas'
 
 import AudioPlayer from './AudioPlayer.vue'
diff --git a/src/views/components/element/ChartElement/BaseChartElement.vue b/src/views/components/element/ChartElement/BaseChartElement.vue
index a5ff389c..f399dfc2 100644
--- a/src/views/components/element/ChartElement/BaseChartElement.vue
+++ b/src/views/components/element/ChartElement/BaseChartElement.vue
@@ -41,7 +41,7 @@
 
 <script lang="ts" setup>
 import { computed, inject, ref } from 'vue'
-import { PPTChartElement } from '@/types/slides'
+import type { PPTChartElement } from '@/types/slides'
 import { injectKeySlideScale } from '@/types/injectKey'
 
 import ElementOutline from '@/views/components/element/ElementOutline.vue'
diff --git a/src/views/components/element/ChartElement/Chart.vue b/src/views/components/element/ChartElement/Chart.vue
index ab7c445d..2c1ec3bc 100644
--- a/src/views/components/element/ChartElement/Chart.vue
+++ b/src/views/components/element/ChartElement/Chart.vue
@@ -30,7 +30,7 @@
 import { computed, inject, onMounted, ref, watch } from 'vue'
 import tinycolor from 'tinycolor2'
 import { BarChart, LineChart, PieChart } from 'chartist'
-import { ChartData, ChartOptions, ChartType } from '@/types/slides'
+import type { ChartData, ChartOptions, ChartType } from '@/types/slides'
 import { injectKeySlideScale } from '@/types/injectKey'
 
 import 'chartist/dist/index.css'
diff --git a/src/views/components/element/ChartElement/ScreenChartElement.vue b/src/views/components/element/ChartElement/ScreenChartElement.vue
index 50355c79..25cd1594 100644
--- a/src/views/components/element/ChartElement/ScreenChartElement.vue
+++ b/src/views/components/element/ChartElement/ScreenChartElement.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTChartElement } from '@/types/slides'
+import type { PPTChartElement } from '@/types/slides'
 
 import BaseChartElement from './BaseChartElement.vue'
 
diff --git a/src/views/components/element/ChartElement/index.vue b/src/views/components/element/ChartElement/index.vue
index 85da0952..3c2aa06c 100644
--- a/src/views/components/element/ChartElement/index.vue
+++ b/src/views/components/element/ChartElement/index.vue
@@ -44,8 +44,8 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTChartElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTChartElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 
 import ElementOutline from '@/views/components/element/ElementOutline.vue'
diff --git a/src/views/components/element/ElementOutline.vue b/src/views/components/element/ElementOutline.vue
index 9203cebd..a5ec35f4 100644
--- a/src/views/components/element/ElementOutline.vue
+++ b/src/views/components/element/ElementOutline.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts" setup>
 import { toRef } from 'vue'
-import { PPTElementOutline } from '@/types/slides'
+import type { PPTElementOutline } from '@/types/slides'
 
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
diff --git a/src/views/components/element/ImageElement/BaseImageElement.vue b/src/views/components/element/ImageElement/BaseImageElement.vue
index 5c2541f6..d1a0bee9 100644
--- a/src/views/components/element/ImageElement/BaseImageElement.vue
+++ b/src/views/components/element/ImageElement/BaseImageElement.vue
@@ -49,7 +49,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTImageElement } from '@/types/slides'
+import type { PPTImageElement } from '@/types/slides'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 import useElementFlip from '@/views/components/element/hooks/useElementFlip'
 import useClipImage from './useClipImage'
diff --git a/src/views/components/element/ImageElement/ImageClipHandler.vue b/src/views/components/element/ImageElement/ImageClipHandler.vue
index e35f3416..9e7d9fe4 100644
--- a/src/views/components/element/ImageElement/ImageClipHandler.vue
+++ b/src/views/components/element/ImageElement/ImageClipHandler.vue
@@ -70,8 +70,8 @@ import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useKeyboardStore } from '@/store'
 import { KEYS } from '@/configs/hotkey'
-import { ImageClipedEmitData, OperateResizeHandlers } from '@/types/edit'
-import { ImageClipDataRange, ImageElementClip } from '@/types/slides'
+import { type ImageClipedEmitData, OperateResizeHandlers } from '@/types/edit'
+import type { ImageClipDataRange, ImageElementClip } from '@/types/slides'
 
 const props = defineProps<{
   src: string
diff --git a/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue b/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
index 7c27a69c..f4fbb359 100644
--- a/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
+++ b/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { toRef } from 'vue'
-import { PPTElementOutline } from '@/types/slides'
+import type { PPTElementOutline } from '@/types/slides'
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 const props = defineProps<{
diff --git a/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue b/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
index 1210086c..47a66a5c 100644
--- a/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
+++ b/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts" setup>
 import { toRef } from 'vue'
-import { PPTElementOutline } from '@/types/slides'
+import type { PPTElementOutline } from '@/types/slides'
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 const props = defineProps<{
diff --git a/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue b/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
index c45e0a4f..b972b19d 100644
--- a/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
+++ b/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { toRef } from 'vue'
-import { PPTElementOutline } from '@/types/slides'
+import type { PPTElementOutline } from '@/types/slides'
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 const props = withDefaults(defineProps<{
diff --git a/src/views/components/element/ImageElement/ImageOutline/index.vue b/src/views/components/element/ImageElement/ImageOutline/index.vue
index 2ec429df..09035920 100644
--- a/src/views/components/element/ImageElement/ImageOutline/index.vue
+++ b/src/views/components/element/ImageElement/ImageOutline/index.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTImageElement } from '@/types/slides'
+import type { PPTImageElement } from '@/types/slides'
 import useClipImage from '../useClipImage'
 
 import ImageRectOutline from './ImageRectOutline.vue'
diff --git a/src/views/components/element/ImageElement/index.vue b/src/views/components/element/ImageElement/index.vue
index cd9bf675..8f96d3e7 100644
--- a/src/views/components/element/ImageElement/index.vue
+++ b/src/views/components/element/ImageElement/index.vue
@@ -69,9 +69,9 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { ImageElementClip, PPTImageElement } from '@/types/slides'
-import { ImageClipedEmitData } from '@/types/edit'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { ImageElementClip, PPTImageElement } from '@/types/slides'
+import type { ImageClipedEmitData } from '@/types/edit'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 import useElementFlip from '@/views/components/element/hooks/useElementFlip'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
diff --git a/src/views/components/element/ImageElement/useClipImage.ts b/src/views/components/element/ImageElement/useClipImage.ts
index d6ced87a..02901223 100644
--- a/src/views/components/element/ImageElement/useClipImage.ts
+++ b/src/views/components/element/ImageElement/useClipImage.ts
@@ -1,6 +1,6 @@
-import { computed, Ref } from 'vue'
+import { computed, type Ref } from 'vue'
 import { CLIPPATHS, ClipPathTypes } from '@/configs/imageClip'
-import { ImageElementClip } from '@/types/slides'
+import type { ImageElementClip } from '@/types/slides'
 
 export default (clip: Ref<ImageElementClip | undefined>) => {
   const clipShape = computed(() => {
diff --git a/src/views/components/element/ImageElement/useFilter.ts b/src/views/components/element/ImageElement/useFilter.ts
index d8033304..026c6ed2 100644
--- a/src/views/components/element/ImageElement/useFilter.ts
+++ b/src/views/components/element/ImageElement/useFilter.ts
@@ -1,5 +1,5 @@
-import { computed, Ref } from 'vue'
-import { ImageElementFilters, ImageElementFilterKeys } from '@/types/slides'
+import { computed, type Ref } from 'vue'
+import type { ImageElementFilters, ImageElementFilterKeys } from '@/types/slides'
 
 export default (filters: Ref<ImageElementFilters | undefined>) => {
   const filter = computed(() => {
diff --git a/src/views/components/element/LatexElement/BaseLatexElement.vue b/src/views/components/element/LatexElement/BaseLatexElement.vue
index ae859b53..aff60f48 100644
--- a/src/views/components/element/LatexElement/BaseLatexElement.vue
+++ b/src/views/components/element/LatexElement/BaseLatexElement.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTLatexElement } from '@/types/slides'
+import type { PPTLatexElement } from '@/types/slides'
 
 defineProps<{
   elementInfo: PPTLatexElement
diff --git a/src/views/components/element/LatexElement/index.vue b/src/views/components/element/LatexElement/index.vue
index 89036005..282701f9 100644
--- a/src/views/components/element/LatexElement/index.vue
+++ b/src/views/components/element/LatexElement/index.vue
@@ -42,8 +42,8 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTLatexElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTLatexElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import emitter, { EmitterEvents } from '@/utils/emitter'
 
 const props = defineProps<{
diff --git a/src/views/components/element/LineElement/BaseLineElement.vue b/src/views/components/element/LineElement/BaseLineElement.vue
index 1c964ea1..87164ca8 100644
--- a/src/views/components/element/LineElement/BaseLineElement.vue
+++ b/src/views/components/element/LineElement/BaseLineElement.vue
@@ -49,7 +49,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTLineElement } from '@/types/slides'
+import type { PPTLineElement } from '@/types/slides'
 import { getLineElementPath } from '@/utils/element'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
diff --git a/src/views/components/element/LineElement/index.vue b/src/views/components/element/LineElement/index.vue
index 31764162..fae1b086 100644
--- a/src/views/components/element/LineElement/index.vue
+++ b/src/views/components/element/LineElement/index.vue
@@ -61,9 +61,9 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTLineElement } from '@/types/slides'
+import type { PPTLineElement } from '@/types/slides'
 import { getLineElementPath } from '@/utils/element'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
 import LinePointMarker from './LinePointMarker.vue'
diff --git a/src/views/components/element/ProsemirrorEditor.vue b/src/views/components/element/ProsemirrorEditor.vue
index 777a9252..b8154109 100644
--- a/src/views/components/element/ProsemirrorEditor.vue
+++ b/src/views/components/element/ProsemirrorEditor.vue
@@ -12,15 +12,15 @@ import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import { debounce } from 'lodash'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { EditorView } from 'prosemirror-view'
+import type { EditorView } from 'prosemirror-view'
 import { toggleMark, wrapIn } from 'prosemirror-commands'
 import { initProsemirrorEditor, createDocument } from '@/utils/prosemirror'
 import { findNodesWithSameMark, getTextAttrs, autoSelectAll, addMark, markActive, getFontsize } from '@/utils/prosemirror/utils'
-import emitter, { EmitterEvents, RichTextAction, RichTextCommand } from '@/utils/emitter'
+import emitter, { EmitterEvents, type RichTextAction, type RichTextCommand } from '@/utils/emitter'
 import { alignmentCommand } from '@/utils/prosemirror/commands/setTextAlign'
 import { indentCommand } from '@/utils/prosemirror/commands/setTextIndent'
 import { toggleList } from '@/utils/prosemirror/commands/toggleList'
-import { TextFormatPainterKeys } from '@/types/edit'
+import type { TextFormatPainterKeys } from '@/types/edit'
 
 const props = withDefaults(defineProps<{
   elementId: string
diff --git a/src/views/components/element/ShapeElement/BaseShapeElement.vue b/src/views/components/element/ShapeElement/BaseShapeElement.vue
index 0aa9160b..8cb9c745 100644
--- a/src/views/components/element/ShapeElement/BaseShapeElement.vue
+++ b/src/views/components/element/ShapeElement/BaseShapeElement.vue
@@ -62,7 +62,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { PPTShapeElement, ShapeText } from '@/types/slides'
+import type { PPTShapeElement, ShapeText } from '@/types/slides'
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 import useElementFlip from '@/views/components/element/hooks/useElementFlip'
diff --git a/src/views/components/element/ShapeElement/index.vue b/src/views/components/element/ShapeElement/index.vue
index 60706ca2..062181d8 100644
--- a/src/views/components/element/ShapeElement/index.vue
+++ b/src/views/components/element/ShapeElement/index.vue
@@ -81,8 +81,8 @@
 import { computed, nextTick, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTShapeElement, ShapeText } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTShapeElement, ShapeText } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 import useElementFlip from '@/views/components/element/hooks/useElementFlip'
diff --git a/src/views/components/element/TableElement/BaseTableElement.vue b/src/views/components/element/TableElement/BaseTableElement.vue
index 7e216ada..8bd62009 100644
--- a/src/views/components/element/TableElement/BaseTableElement.vue
+++ b/src/views/components/element/TableElement/BaseTableElement.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTTableElement } from '@/types/slides'
+import type { PPTTableElement } from '@/types/slides'
 
 import StaticTable from './StaticTable.vue'
 
diff --git a/src/views/components/element/TableElement/EditableTable.vue b/src/views/components/element/TableElement/EditableTable.vue
index a5f806f7..35d9125d 100644
--- a/src/views/components/element/TableElement/EditableTable.vue
+++ b/src/views/components/element/TableElement/EditableTable.vue
@@ -72,8 +72,8 @@ import { debounce, isEqual } from 'lodash'
 import { storeToRefs } from 'pinia'
 import { nanoid } from 'nanoid'
 import { useMainStore } from '@/store'
-import { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import { KEYS } from '@/configs/hotkey'
 import { getTextStyle, formatText } from './utils'
 import useHideCells from './useHideCells'
diff --git a/src/views/components/element/TableElement/StaticTable.vue b/src/views/components/element/TableElement/StaticTable.vue
index a51b3462..ec8655a0 100644
--- a/src/views/components/element/TableElement/StaticTable.vue
+++ b/src/views/components/element/TableElement/StaticTable.vue
@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
-import { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
+import type { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
 import { getTextStyle, formatText } from './utils'
 import useHideCells from './useHideCells'
 import useSubThemeColor from './useSubThemeColor'
diff --git a/src/views/components/element/TableElement/index.vue b/src/views/components/element/TableElement/index.vue
index 8d0261aa..b3d3eabb 100644
--- a/src/views/components/element/TableElement/index.vue
+++ b/src/views/components/element/TableElement/index.vue
@@ -49,8 +49,8 @@
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTTableElement, TableCell } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTTableElement, TableCell } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import EditableTable from './EditableTable.vue'
diff --git a/src/views/components/element/TableElement/useHideCells.ts b/src/views/components/element/TableElement/useHideCells.ts
index 9332c149..85a59c5f 100644
--- a/src/views/components/element/TableElement/useHideCells.ts
+++ b/src/views/components/element/TableElement/useHideCells.ts
@@ -1,5 +1,5 @@
-import { computed, Ref } from 'vue'
-import { TableCell } from '@/types/slides'
+import { computed, type Ref } from 'vue'
+import type { TableCell } from '@/types/slides'
 
 // 计算无效的单元格位置（被合并的单元格位置）集合
 
diff --git a/src/views/components/element/TableElement/useSubThemeColor.ts b/src/views/components/element/TableElement/useSubThemeColor.ts
index 18906aff..bc83008c 100644
--- a/src/views/components/element/TableElement/useSubThemeColor.ts
+++ b/src/views/components/element/TableElement/useSubThemeColor.ts
@@ -1,5 +1,5 @@
-import { ref, Ref, watch } from 'vue'
-import { TableTheme } from '@/types/slides'
+import { ref, watch, type Ref } from 'vue'
+import type { TableTheme } from '@/types/slides'
 import { getTableSubThemeColor } from '@/utils/element'
 
 // 通过表格的主题色计算辅助颜色
diff --git a/src/views/components/element/TableElement/utils.ts b/src/views/components/element/TableElement/utils.ts
index ac9ca2ac..1b0ea974 100644
--- a/src/views/components/element/TableElement/utils.ts
+++ b/src/views/components/element/TableElement/utils.ts
@@ -1,5 +1,5 @@
-import { CSSProperties } from 'vue'
-import { TableCellStyle } from '@/types/slides'
+import type { CSSProperties } from 'vue'
+import type { TableCellStyle } from '@/types/slides'
 
 /**
  * 计算单元格文本样式
diff --git a/src/views/components/element/TextElement/BaseTextElement.vue b/src/views/components/element/TextElement/BaseTextElement.vue
index ce6f604b..a0a8847f 100644
--- a/src/views/components/element/TextElement/BaseTextElement.vue
+++ b/src/views/components/element/TextElement/BaseTextElement.vue
@@ -43,8 +43,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, StyleValue } from 'vue'
-import { PPTTextElement } from '@/types/slides'
+import { computed, type StyleValue } from 'vue'
+import type { PPTTextElement } from '@/types/slides'
 import ElementOutline from '@/views/components/element/ElementOutline.vue'
 
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
diff --git a/src/views/components/element/TextElement/index.vue b/src/views/components/element/TextElement/index.vue
index 95947264..c3d6bec6 100644
--- a/src/views/components/element/TextElement/index.vue
+++ b/src/views/components/element/TextElement/index.vue
@@ -65,8 +65,8 @@ import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { debounce } from 'lodash'
 import { useMainStore, useSlidesStore } from '@/store'
-import { PPTTextElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTTextElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
diff --git a/src/views/components/element/VideoElement/BaseVideoElement.vue b/src/views/components/element/VideoElement/BaseVideoElement.vue
index 0150d992..d67e7a93 100644
--- a/src/views/components/element/VideoElement/BaseVideoElement.vue
+++ b/src/views/components/element/VideoElement/BaseVideoElement.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PPTVideoElement } from '@/types/slides'
+import type { PPTVideoElement } from '@/types/slides'
 
 defineProps<{
   elementInfo: PPTVideoElement
diff --git a/src/views/components/element/VideoElement/ScreenVideoElement.vue b/src/views/components/element/VideoElement/ScreenVideoElement.vue
index f291f51c..f7f00f75 100644
--- a/src/views/components/element/VideoElement/ScreenVideoElement.vue
+++ b/src/views/components/element/VideoElement/ScreenVideoElement.vue
@@ -29,7 +29,7 @@
 import { computed, inject, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore } from '@/store'
-import { PPTVideoElement } from '@/types/slides'
+import type { PPTVideoElement } from '@/types/slides'
 import { injectKeySlideId, injectKeySlideScale } from '@/types/injectKey'
 
 import VideoPlayer from './VideoPlayer/index.vue'
diff --git a/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts b/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
index cb80cf6d..f49cbbed 100644
--- a/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
+++ b/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
@@ -1,6 +1,4 @@
-/* eslint-disable */
-
-import { onMounted, Ref } from 'vue'
+import { onMounted, type Ref } from 'vue'
 
 export default (
   src: string,
@@ -18,6 +16,7 @@ export default (
     }
 
     if (type === 'hls') {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const Hls = (window as any).Hls
       
       if (Hls && Hls.isSupported()) {
@@ -27,6 +26,7 @@ export default (
       }
     }
     else if (type === 'flv') {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const flvjs = (window as any).flvjs
       if (flvjs && flvjs.isSupported()) {
         const flvPlayer = flvjs.createPlayer({
diff --git a/src/views/components/element/VideoElement/index.vue b/src/views/components/element/VideoElement/index.vue
index f22cacab..d5cd0605 100644
--- a/src/views/components/element/VideoElement/index.vue
+++ b/src/views/components/element/VideoElement/index.vue
@@ -40,8 +40,8 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
-import { PPTVideoElement } from '@/types/slides'
-import { ContextmenuItem } from '@/components/Contextmenu/types'
+import type { PPTVideoElement } from '@/types/slides'
+import type { ContextmenuItem } from '@/components/Contextmenu/types'
 
 import VideoPlayer from './VideoPlayer/index.vue'
 
diff --git a/src/views/components/element/hooks/useElementFlip.ts b/src/views/components/element/hooks/useElementFlip.ts
index 71ed2cc1..6aec3351 100644
--- a/src/views/components/element/hooks/useElementFlip.ts
+++ b/src/views/components/element/hooks/useElementFlip.ts
@@ -1,4 +1,4 @@
-import { computed, Ref } from 'vue'
+import { computed, type Ref } from 'vue'
 
 // 计算元素的翻转样式
 export default (flipH: Ref<boolean | undefined>, flipV: Ref<boolean | undefined>) => {
diff --git a/src/views/components/element/hooks/useElementOutline.ts b/src/views/components/element/hooks/useElementOutline.ts
index 2e9d8281..b2c16165 100644
--- a/src/views/components/element/hooks/useElementOutline.ts
+++ b/src/views/components/element/hooks/useElementOutline.ts
@@ -1,5 +1,5 @@
-import { computed, Ref } from 'vue'
-import { PPTElementOutline } from '@/types/slides'
+import { computed, type Ref } from 'vue'
+import type { PPTElementOutline } from '@/types/slides'
 
 // 计算边框相关属性值，主要是对默认值的处理
 export default (outline: Ref<PPTElementOutline | undefined>) => {
diff --git a/src/views/components/element/hooks/useElementShadow.ts b/src/views/components/element/hooks/useElementShadow.ts
index 6729d2c9..d30718ed 100644
--- a/src/views/components/element/hooks/useElementShadow.ts
+++ b/src/views/components/element/hooks/useElementShadow.ts
@@ -1,5 +1,5 @@
-import { computed, Ref } from 'vue'
-import { PPTElementShadow } from '@/types/slides'
+import { computed, type Ref } from 'vue'
+import type { PPTElementShadow } from '@/types/slides'
 
 // 计算元素的阴影样式
 export default (shadow: Ref<PPTElementShadow | undefined>) => {