refactor: 替换Divider

src/views/Editor/Canvas/Operate/LinkHandler.vue

@@ -16,8 +16,7 @@ import { storeToRefs } from 'pinia'
 import { useMainStore, useSlidesStore } from '@/store'
 import type { PPTElement, PPTElementLink } from '@/types/slides'
 import useLink from '@/hooks/useLink'
-
+import Divider from '@/components/Divider.vue'
-import { Divider } from 'ant-design-vue'
 
 const props = defineProps<{
   elementInfo: PPTElement

src/views/Editor/CanvasTool/index.vue

@@ -113,9 +113,9 @@ import MediaInput from './MediaInput.vue'
 import LaTeXEditor from '@/components/LaTeXEditor/index.vue'
 import FileInput from '@/components/FileInput.vue'
 import Modal from '@/components/Modal.vue'
+import Divider from '@/components/Divider.vue'
 import {
   Popover,
-  Divider,
 } from 'ant-design-vue'
 
 const mainStore = useMainStore()

src/views/Editor/SearchPanel.vue

@@ -36,10 +36,10 @@ import { useMainStore } from '@/store'
 import useSearch from '@/hooks/useSearch'
 import MoveablePanel from '@/components/MoveablePanel.vue'
 import Tabs from '@/components/Tabs.vue'
+import Divider from '@/components/Divider.vue'
 import {
   Button,
   Input,
-  Divider,
 } from 'ant-design-vue'
 
 type TypeKey = 'search' | 'replace'

src/views/Editor/Toolbar/ElementAnimationPanel.vue

@@ -126,10 +126,10 @@ import { ELEMENT_TYPE_ZH } from '@/configs/element'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import Tabs from '@/components/Tabs.vue'
+import Divider from '@/components/Divider.vue'
 import Draggable from 'vuedraggable'
 import {
   InputNumber,
-  Divider,
   Button,
   Popover,
   Select,

src/views/Editor/Toolbar/ElementPositionPanel.vue

@@ -106,10 +106,10 @@ import { SHAPE_PATH_FORMULAS } from '@/configs/shapes'
 import useOrderElement from '@/hooks/useOrderElement'
 import useAlignElementToCanvas from '@/hooks/useAlignElementToCanvas'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
+import Divider from '@/components/Divider.vue'
 
 import {
   InputNumber,
-  Divider,
   Button,
 } from 'ant-design-vue'
 const ButtonGroup = Button.Group

src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue

@@ -158,8 +158,8 @@ import ColorButton from '../../common/ColorButton.vue'
 import ChartDataEditor from './ChartDataEditor.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
 import Modal from '@/components/Modal.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
   Select,

src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue

@@ -74,8 +74,8 @@ import ElementFlip from '../common/ElementFlip.vue'
 import ElementFilter from '../common/ElementFilter.vue'
 import ElementColorMask from '../common/ElementColorMask.vue'
 import FileInput from '@/components/FileInput.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
 } from 'ant-design-vue'

src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue

@@ -52,9 +52,9 @@ import ColorButton from '../common/ColorButton.vue'
 import LaTeXEditor from '@/components/LaTeXEditor/index.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
 import Modal from '@/components/Modal.vue'
+import Divider from '@/components/Divider.vue'
 import {
   InputNumber,
-  Divider,
   Button,
   Popover,
 } from 'ant-design-vue'

src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue

@@ -72,9 +72,9 @@ import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import ElementShadow from '../common/ElementShadow.vue'
 import ColorButton from '../common/ColorButton.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
+import Divider from '@/components/Divider.vue'
 import {
   InputNumber,
-  Divider,
   Popover,
   Select,
 } from 'ant-design-vue'

src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue

@@ -139,9 +139,9 @@ import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import ColorButton from '../common/ColorButton.vue'
 import TextColorButton from '../common/TextColorButton.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
+import Divider from '@/components/Divider.vue'
 import {
   InputNumber,
-  Divider,
   Button,
   Popover,
   Select,

src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue

@@ -254,12 +254,12 @@ import ElementShadow from '../common/ElementShadow.vue'
 import ElementFlip from '../common/ElementFlip.vue'
 import ColorButton from '../common/ColorButton.vue'
 import TextColorButton from '../common/TextColorButton.vue'
+import ShapeItemThumbnail from '@/views/Editor/CanvasTool/ShapeItemThumbnail.vue'
 import CheckboxButton from '@/components/CheckboxButton.vue'
 import CheckboxButtonGroup from '@/components/ButtonGroup.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
-import ShapeItemThumbnail from '@/views/Editor/CanvasTool/ShapeItemThumbnail.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
   Slider,

src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue

@@ -184,8 +184,8 @@ import TextColorButton from '../common/TextColorButton.vue'
 import CheckboxButton from '@/components/CheckboxButton.vue'
 import CheckboxButtonGroup from '@/components/ButtonGroup.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
   Select,

src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue

@@ -119,7 +119,7 @@
         :checked="richTextAttrs.subscript"
         v-tooltip="'下标'"
         @click="emitRichTextCommand('subscript')"
-      >A₂</CheckboxButton>>
+      >A₂</CheckboxButton>
       <CheckboxButton
         style="flex: 1;"
         :checked="richTextAttrs.code"
@@ -318,8 +318,8 @@ import TextColorButton from '../common/TextColorButton.vue'
 import CheckboxButton from '@/components/CheckboxButton.vue'
 import CheckboxButtonGroup from '@/components/ButtonGroup.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
   Select,

src/views/Editor/Toolbar/MultiPositionPanel.vue

@@ -30,9 +30,9 @@ import useCombineElement from '@/hooks/useCombineElement'
 import useAlignActiveElement from '@/hooks/useAlignActiveElement'
 import useAlignElementToCanvas from '@/hooks/useAlignElementToCanvas'
 import useUniformDisplayElement from '@/hooks/useUniformDisplayElement'
+import Divider from '@/components/Divider.vue'
 
 import {
-  Divider,
   Button,
 } from 'ant-design-vue'
 const ButtonGroup = Button.Group

src/views/Editor/Toolbar/SlideDesignPanel.vue

@@ -211,8 +211,8 @@ import { getImageDataURL } from '@/utils/image'
 import ColorButton from './common/ColorButton.vue'
 import FileInput from '@/components/FileInput.vue'
 import ColorPicker from '@/components/ColorPicker/index.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Popover,
   Slider,

src/views/Mobile/MobileEditor/ElementToolbar.vue

@@ -135,8 +135,8 @@ import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 import CheckboxButton from '@/components/CheckboxButton.vue'
 import CheckboxButtonGroup from '@/components/ButtonGroup.vue'
 import Tabs from '@/components/Tabs.vue'
+import Divider from '@/components/Divider.vue'
 import {
-  Divider,
   Button,
   Radio,
 } from 'ant-design-vue'

src/views/Mobile/MobilePreview.vue

@@ -25,7 +25,7 @@ import useLoadSlides from '@/hooks/useLoadSlides'
 import type { Mode } from '@/types/mobile'
 
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
-import { Divider } from 'ant-design-vue'
+import Divider from '@/components/Divider.vue'
 
 defineProps<{
   changeMode: (mode: Mode) => void

src/views/Screen/PresenterView.vue

@@ -93,7 +93,7 @@ import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
 import ScreenSlideList from './ScreenSlideList.vue'
 import WritingBoardTool from './WritingBoardTool.vue'
 import CountdownTimer from './CountdownTimer.vue'
-import { Divider } from 'ant-design-vue'
+import Divider from '@/components/Divider.vue'
 
 const props = defineProps<{
   changeViewMode: (mode: 'base' | 'presenter') => void
@@ -226,8 +226,7 @@ const contextmenus = (): ContextmenuItem[] => {
 
   .divider {
     width: 70%;
-    min-width: 70%;
+    margin: 24px 15% !important;
-    margin: 24px 15%;
   }
 
   .tool-icon {