diff --git a/src/components/ColorPicker/Saturation.vue b/src/components/ColorPicker/Saturation.vue
index a86a6677..e45abdbe 100644
--- a/src/components/ColorPicker/Saturation.vue
+++ b/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 clamp from 'lodash/clamp'
+import { throttle, clamp } from 'lodash'
 
 export default defineComponent({
   name: 'saturation',
diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 2c6e75d0..a89108f2 100644
--- a/src/components/ColorPicker/index.vue
+++ b/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'
diff --git a/src/hooks/useHistorySnapshot.ts b/src/hooks/useHistorySnapshot.ts
index 8797c7c2..32d726d6 100644
--- a/src/hooks/useHistorySnapshot.ts
+++ b/src/hooks/useHistorySnapshot.ts
@@ -1,5 +1,4 @@
-import debounce from 'lodash/debounce'
-import throttle from 'lodash/throttle'
+import { debounce, throttle} from 'lodash'
 import { ActionTypes, useStore } from '@/store'
 
 export default () => {
diff --git a/src/store/mutations.ts b/src/store/mutations.ts
index 4eebd920..4f3f126d 100644
--- a/src/store/mutations.ts
+++ b/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'
diff --git a/src/utils/common.ts b/src/utils/common.ts
index ce0c09c6..ec1affae 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -1,4 +1,4 @@
-import padStart from 'lodash/padStart'
+import { padStart } from 'lodash'
 
 /**
  * 生成随机码
diff --git a/src/utils/htmlParser/lexer.ts b/src/utils/htmlParser/lexer.ts
index a80175ba..78c4a6d3 100644
--- a/src/utils/htmlParser/lexer.ts
+++ b/src/utils/htmlParser/lexer.ts
@@ -1,5 +1,4 @@
-import startsWith from 'lodash/startsWith'
-import endsWith from 'lodash/endsWith'
+import { startsWith, endsWith } from 'lodash'
 import { Token } from './types'
 import { childlessTags } from './tags'
 
diff --git a/src/views/Editor/Canvas/hooks/useSelectElement.ts b/src/views/Editor/Canvas/hooks/useSelectElement.ts
index bf2229b6..ab573e7c 100644
--- a/src/views/Editor/Canvas/hooks/useSelectElement.ts
+++ b/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'
 
diff --git a/src/views/Editor/Canvas/index.vue b/src/views/Editor/Canvas/index.vue
index d51e96b1..b358ecd1 100644
--- a/src/views/Editor/Canvas/index.vue
+++ b/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'
diff --git a/src/views/Editor/Toolbar/ElementPositionPanel.vue b/src/views/Editor/Toolbar/ElementPositionPanel.vue
index 66e0b9a5..8338ccdb 100644
--- a/src/views/Editor/Toolbar/ElementPositionPanel.vue
+++ b/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'
diff --git a/src/views/Screen/index.vue b/src/views/Screen/index.vue
index b68227f7..b36de7cc 100644
--- a/src/views/Screen/index.vue
+++ b/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'
diff --git a/src/views/components/element/ChartElement/Chart.vue b/src/views/components/element/ChartElement/Chart.vue
index 8206b375..ffe0b330 100644
--- a/src/views/components/element/ChartElement/Chart.vue
+++ b/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,
diff --git a/src/views/components/element/TableElement/EditableTable.vue b/src/views/components/element/TableElement/EditableTable.vue
index 7294fc51..b005fe82 100644
--- a/src/views/components/element/TableElement/EditableTable.vue
+++ b/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 isEqual from 'lodash/isEqual'
+import { debounce, isEqual } from 'lodash'
 import { useStore } from '@/store'
 import { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
diff --git a/src/views/components/element/TextElement/index.vue b/src/views/components/element/TextElement/index.vue
index dccd7e74..d2449138 100644
--- a/src/views/components/element/TextElement/index.vue
+++ b/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'