diff --git a/src/main.ts b/src/main.ts
index c5ce4466..4e6f471a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,20 +4,24 @@ import { store, key } from './store'
 
 import '@icon-park/vue-next/styles/index.css'
 import 'prosemirror-view/style/prosemirror.css'
+import 'animate.css'
+
 import '@/assets/styles/prosemirror.scss'
 import '@/assets/styles/global.scss'
 import '@/assets/styles/antd.scss'
 import '@/assets/styles/font.scss'
-import 'animate.css'
 
-// 自定义插件
-import IconPark from '@/plugins/iconPark'
+import Icon from '@/plugins/icon'
 import Antd from '@/plugins/antd'
-import PptCustomComponent from '@/plugins/PptCustomComponent'
+import Component from '@/plugins/component'
+import Directive from '@/plugins/directive'
 
 const app = createApp(App)
-app.use(IconPark)
+
+app.use(Icon)
 app.use(Antd)
-app.use(PptCustomComponent)
+app.use(Component)
+app.use(Directive)
+
 app.use(store, key)
 app.mount('#app')
diff --git a/src/plugins/antd.ts b/src/plugins/antd.ts
index 0ed4da1d..26fd72e6 100644
--- a/src/plugins/antd.ts
+++ b/src/plugins/antd.ts
@@ -1,5 +1,5 @@
 import { App } from 'vue'
-// antd 组件
+
 import {
   InputNumber,
   Divider,
@@ -21,7 +21,6 @@ import {
 
 export default {
   install(app: App) {
-    // 插入元素
     app.component('InputNumber', InputNumber)
     app.component('Divider', Divider)
     app.component('Button', Button)
diff --git a/src/plugins/PptCustomComponent.ts b/src/plugins/component.ts
similarity index 77%
rename from src/plugins/PptCustomComponent.ts
rename to src/plugins/component.ts
index 0451dabf..bbe7ff86 100644
--- a/src/plugins/PptCustomComponent.ts
+++ b/src/plugins/component.ts
@@ -1,7 +1,5 @@
 import { App } from 'vue'
-// 自定义插件
-import Contextmenu from './contextmenu'
-import ClickOutside from './clickOutside'
+
 import FileInput from '@/components/FileInput.vue'
 import SvgWrapper from '@/components/SvgWrapper.vue'
 import CheckboxButton from '@/components/CheckboxButton.vue'
@@ -11,9 +9,6 @@ import FullscreenSpin from '@/components/FullscreenSpin.vue'
 
 export default {
   install(app: App) {
-    // 插入元素
-    app.directive('contextmenu', Contextmenu)
-    app.directive('click-outside', ClickOutside)
     app.component('FileInput', FileInput)
     app.component('SvgWrapper', SvgWrapper)
     app.component('CheckboxButton', CheckboxButton)
diff --git a/src/plugins/clickOutside.ts b/src/plugins/directive/clickOutside.ts
similarity index 100%
rename from src/plugins/clickOutside.ts
rename to src/plugins/directive/clickOutside.ts
diff --git a/src/plugins/contextmenu.ts b/src/plugins/directive/contextmenu.ts
similarity index 100%
rename from src/plugins/contextmenu.ts
rename to src/plugins/directive/contextmenu.ts
diff --git a/src/plugins/directive/index.ts b/src/plugins/directive/index.ts
new file mode 100644
index 00000000..5e65b313
--- /dev/null
+++ b/src/plugins/directive/index.ts
@@ -0,0 +1,11 @@
+import { App } from 'vue'
+
+import Contextmenu from './contextmenu'
+import ClickOutside from './clickOutside'
+
+export default {
+  install(app: App) {
+    app.directive('contextmenu', Contextmenu)
+    app.directive('click-outside', ClickOutside)
+  }
+}
diff --git a/src/plugins/iconPark.ts b/src/plugins/icon.ts
similarity index 100%
rename from src/plugins/iconPark.ts
rename to src/plugins/icon.ts