refactor: 调整lodash引入方式

src/components/ColorPicker/Saturation.vue

@@ -21,8 +21,7 @@
 <script lang="ts">
 import { computed, defineComponent, onUnmounted, PropType, ref } from 'vue'
 import tinycolor, { ColorFormats } from 'tinycolor2'
-import throttle from 'lodash/throttle'
+import { throttle, clamp } from 'lodash'
-import clamp from 'lodash/clamp'
 
 export default defineComponent({
   name: 'saturation',

src/components/ColorPicker/index.vue

@@ -73,7 +73,7 @@
 <script lang="ts">
 import { computed, defineComponent, onMounted, ref, watch } from 'vue'
 import tinycolor, { ColorFormats } from 'tinycolor2'
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 
 import Alpha from './Alpha.vue'
 import Checkboard from './Checkboard.vue'

src/hooks/useHistorySnapshot.ts

@@ -1,5 +1,4 @@
-import debounce from 'lodash/debounce'
+import { debounce, throttle} from 'lodash'
-import throttle from 'lodash/throttle'
 import { ActionTypes, useStore } from '@/store'
 
 export default () => {

src/store/mutations.ts

@@ -1,5 +1,5 @@
 import { MutationTree } from 'vuex'
-import omit from 'lodash/omit'
+import { omit } from 'lodash'
 import { MutationTypes } from './constants'
 import { State } from './state'
 import { Slide, PPTElement, SlideTheme } from '@/types/slides'

src/utils/common.ts

@@ -1,4 +1,4 @@
-import padStart from 'lodash/padStart'
+import { padStart } from 'lodash'
 
 /**
  * 生成随机码

src/utils/htmlParser/lexer.ts

@@ -1,5 +1,4 @@
-import startsWith from 'lodash/startsWith'
+import { startsWith, endsWith } from 'lodash'
-import endsWith from 'lodash/endsWith'
 import { Token } from './types'
 import { childlessTags } from './tags'
 

src/views/Editor/Canvas/hooks/useSelectElement.ts

@@ -1,5 +1,5 @@
 import { Ref, computed } from 'vue'
-import uniq from 'lodash/uniq'
+import { uniq } from 'lodash'
 import { MutationTypes, useStore } from '@/store'
 import { PPTElement } from '@/types/slides'
 

src/views/Editor/Canvas/index.vue

@@ -76,7 +76,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, provide, ref, watch, watchEffect } from 'vue'
-import throttle from 'lodash/throttle'
+import { throttle } from 'lodash'
 import { MutationTypes, useStore } from '@/store'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
 import { PPTElement, Slide } from '@/types/slides'

src/views/Editor/Toolbar/ElementPositionPanel.vue

@@ -133,7 +133,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, ref, watch } from 'vue'
-import round from 'lodash/round'
+import { round } from 'lodash'
 import { MutationTypes, useStore } from '@/store'
 import { PPTElement } from '@/types/slides'
 import { MIN_SIZE } from '@/configs/element'

src/views/Screen/index.vue

@@ -57,7 +57,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, onMounted, onUnmounted, provide, ref } from 'vue'
-import throttle from 'lodash/throttle'
+import { throttle } from 'lodash'
 import { MutationTypes, useStore } from '@/store'
 import { Slide } from '@/types/slides'
 import { VIEWPORT_SIZE } from '@/configs/canvas'

src/views/components/element/ChartElement/Chart.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { defineComponent, inject, onMounted, PropType, ref, Ref, watch } from 'vue'
-import upperFirst from 'lodash/upperFirst'
+import { upperFirst } from 'lodash'
 import tinycolor from 'tinycolor2'
 import Chartist, {
   IChartistLineChart,

src/views/components/element/TableElement/EditableTable.vue

@@ -72,8 +72,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, nextTick, onMounted, onUnmounted, PropType, ref, watch } from 'vue'
-import debounce from 'lodash/debounce'
+import { debounce, isEqual } from 'lodash'
-import isEqual from 'lodash/isEqual'
 import { useStore } from '@/store'
 import { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
 import { ContextmenuItem } from '@/components/Contextmenu/types'

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

@@ -44,7 +44,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, onMounted, onUnmounted, PropType, ref, watch } from 'vue'
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import { MutationTypes, useStore } from '@/store'
 import { EditorView } from 'prosemirror-view'
 import { toggleMark, wrapIn, selectAll } from 'prosemirror-commands'