目录结构调整

src/views/Editor/Canvas/EditableElement.vue

@@ -28,8 +28,8 @@ import useCopyAndPasteElement from '@/hooks/useCopyAndPasteElement'
 
 import { ElementOrderCommands, ElementAlignCommands } from '@/types/edit'
 
-import ImageElement from './ImageElement/index.vue'
-import TextElement from './TextElement/index.vue'
+import ImageElement from '@/views/components/element/ImageElement/index.vue'
+import TextElement from '@/views/components/element/TextElement/index.vue'
 
 export default defineComponent({
   name: 'editable-element',

src/views/Editor/Canvas/index.vue

@@ -95,7 +95,7 @@ import useCopyAndPasteElement from '@/hooks/useCopyAndPasteElement'
 import useSelectAllElement from '@/hooks/useSelectAllElement'
 import useScaleCanvas from '@/hooks/useScaleCanvas'
 
-import EditableElement from '@/views/_element/EditableElement.vue'
+import EditableElement from './EditableElement.vue'
 import MouseSelection from './MouseSelection.vue'
 import SlideBackground from './SlideBackground.vue'
 import AlignmentLine from './AlignmentLine.vue'

src/views/Editor/Thumbnails/index.vue

@@ -42,7 +42,7 @@ import { fillDigit } from '@/utils/common'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
 import useSlideHandler from '@/hooks/useSlideHandler'
 
-import ThumbnailSlide from '@/views/ThumbnailSlide.vue'
+import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
 
 export default defineComponent({
   name: 'thumbnails',

src/views/Screen/ScreenElement.vue

@@ -19,8 +19,8 @@ import { useStore } from 'vuex'
 import { State } from '@/store'
 import { PPTElement, Slide } from '@/types/slides'
 
-import BaseImageElement from './ImageElement/BaseImageElement.vue'
-import BaseTextElement from './TextElement/BaseTextElement.vue'
+import BaseImageElement from '@/views/components/element/ImageElement/BaseImageElement.vue'
+import BaseTextElement from '@/views/components/element/TextElement/BaseTextElement.vue'
 
 export default defineComponent({
   name: 'screen-element',

src/views/Screen/ScreenSlide.vue

@@ -25,7 +25,7 @@ import { Slide } from '@/types/slides'
 import { VIEWPORT_SIZE, VIEWPORT_ASPECT_RATIO } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
 
-import ScreenElement from '@/views/_element/ScreenElement.vue'
+import ScreenElement from './ScreenElement.vue'
 
 export default defineComponent({
   name: 'screen-slide',

src/views/components/ThumbnailSlide/ThumbnailElement.vue

@@ -14,8 +14,8 @@
 import { computed, defineComponent, PropType } from 'vue'
 import { PPTElement } from '@/types/slides'
 
-import BaseImageElement from './ImageElement/BaseImageElement.vue'
-import BaseTextElement from './TextElement/BaseTextElement.vue'
+import BaseImageElement from '@/views/components/element/ImageElement/BaseImageElement.vue'
+import BaseTextElement from '@/views/components/element/TextElement/BaseTextElement.vue'
 
 export default defineComponent({
   name: 'base-element',

src/views/components/ThumbnailSlide/index.vue

@@ -14,7 +14,7 @@
       }"
     >
       <div class="background" :style="{ ...backgroundStyle }"></div>
-      <BaseElement
+      <ThumbnailElement
         v-for="(element, index) in slide.elements"
         :key="element.id"
         :elementInfo="element"
@@ -30,12 +30,12 @@ import { Slide } from '@/types/slides'
 import { VIEWPORT_SIZE, VIEWPORT_ASPECT_RATIO } from '@/configs/canvas'
 import useSlideBackgroundStyle from '@/hooks/useSlideBackgroundStyle'
 
-import BaseElement from '@/views/_element/BaseElement.vue'
+import ThumbnailElement from './ThumbnailElement.vue'
 
 export default defineComponent({
   name: 'thumbnail-slide',
   components: {
-    BaseElement,
+    ThumbnailElement,
   },
   props: {
     slide: {

src/views/components/element/ElementOutline.vue

@@ -24,7 +24,7 @@
 import { PropType, defineComponent, toRef } from 'vue'
 import { PPTElementOutline } from '@/types/slides'
 import SvgWrapper from '@/components/SvgWrapper.vue'
-import useElementOutline from '@/views/_element/hooks/useElementOutline'
+import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 export default defineComponent({
   name: 'element-outline', 

src/views/components/element/ImageElement/BaseImageElement.vue

@@ -65,7 +65,7 @@ import ImageRectOutline from './ImageRectOutline.vue'
 import ImageEllipseOutline from './ImageEllipseOutline.vue'
 import ImagePolygonOutline from './ImagePolygonOutline.vue'
 
-import useElementShadow from '@/views/_element/hooks/useElementShadow'
+import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
 export default defineComponent({
   name: 'base-element-image',

src/views/components/element/ImageElement/ImageEllipseOutline.vue

@@ -27,7 +27,7 @@
 import { PropType, defineComponent, toRef } from 'vue'
 import { PPTElementOutline } from '@/types/slides'
 import SvgWrapper from '@/components/SvgWrapper.vue'
-import useElementOutline from '@/views/_element/hooks/useElementOutline'
+import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 export default defineComponent({
   name: 'image-ellipse-outline',

src/views/components/element/ImageElement/ImagePolygonOutline.vue

@@ -24,7 +24,7 @@
 import { PropType, defineComponent, toRef } from 'vue'
 import { PPTElementOutline } from '@/types/slides'
 import SvgWrapper from '@/components/SvgWrapper.vue'
-import useElementOutline from '@/views/_element/hooks/useElementOutline'
+import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 export default defineComponent({
   name: 'image-polygon-outline',

src/views/components/element/ImageElement/ImageRectOutline.vue

@@ -27,7 +27,7 @@
 import { PropType, defineComponent, toRef } from 'vue'
 import { PPTElementOutline } from '@/types/slides'
 import SvgWrapper from '@/components/SvgWrapper.vue'
-import useElementOutline from '@/views/_element/hooks/useElementOutline'
+import useElementOutline from '@/views/components/element/hooks/useElementOutline'
 
 export default defineComponent({
   name: 'image-rect-outline',

src/views/components/element/ImageElement/index.vue

@@ -64,7 +64,7 @@ import { computed, defineComponent, PropType } from 'vue'
 import { PPTImageElement } from '@/types/slides'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
 import { CLIPPATHS, ClipPathTypes } from '@/configs/imageClip'
-import useElementShadow from '@/views/_element/hooks/useElementShadow'
+import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
 import ImageRectOutline from './ImageRectOutline.vue'
 import ImageEllipseOutline from './ImageEllipseOutline.vue'

src/views/components/element/TextElement/BaseTextElement.vue

@@ -28,9 +28,9 @@
 <script lang="ts">
 import { defineComponent, PropType, computed } from 'vue'
 import { PPTTextElement } from '@/types/slides'
-import ElementOutline from '@/views/_element/ElementOutline.vue'
+import ElementOutline from '@/views/components/element/ElementOutline.vue'
 
-import useElementShadow from '@/views/_element/hooks/useElementShadow'
+import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
 export default defineComponent({
   name: 'base-element-text',

src/views/components/element/TextElement/index.vue

@@ -36,9 +36,9 @@
 import { computed, defineComponent, PropType } from 'vue'
 import { PPTTextElement } from '@/types/slides'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
-import useElementShadow from '@/views/_element/hooks/useElementShadow'
+import useElementShadow from '@/views/components/element/hooks/useElementShadow'
 
-import ElementOutline from '@/views/_element/ElementOutline.vue'
+import ElementOutline from '@/views/components/element/ElementOutline.vue'
 
 export default defineComponent({
   name: 'editable-element-text',