diff --git a/simple-mind-map/example/exampleData.js b/simple-mind-map/example/exampleData.js
index 76d94ea1..bfa934b9 100644
--- a/simple-mind-map/example/exampleData.js
+++ b/simple-mind-map/example/exampleData.js
@@ -17,11 +17,7 @@ const createFullData = () => {
     };
 }
 
-/** 
- * @Author: 王林 
- * @Date: 2021-04-15 22:23:24 
- * @Desc: 节点较多示例数据 
- */
+// 节点较多示例数据
 const data1 = {
     "root": {
         "data": {
diff --git a/simple-mind-map/src/plugins/AssociativeLine.js b/simple-mind-map/src/plugins/AssociativeLine.js
index 669e8e9e..a17ffcc5 100644
--- a/simple-mind-map/src/plugins/AssociativeLine.js
+++ b/simple-mind-map/src/plugins/AssociativeLine.js
@@ -157,6 +157,7 @@ class AssociativeLine {
     // 取消激活关联线
     if (!this.isControlPointMousedown) {
       this.clearActiveLine()
+      this.renderAllLines()
     }
   }
 
@@ -166,6 +167,7 @@ class AssociativeLine {
       this.completeCreateLine(node)
     } else {
       this.clearActiveLine()
+      this.renderAllLines()
     }
   }
 
@@ -280,7 +282,7 @@ class AssociativeLine {
       .stroke({
         width: associativeLineWidth,
         color: associativeLineColor,
-        dasharray: associativeLineDasharray || [6, 4]
+        dasharray: associativeLineDasharray || '6,4'
       })
       .fill({ color: 'none' })
     path.plot(pathStr)
@@ -348,7 +350,7 @@ class AssociativeLine {
       .stroke({
         width: associativeLineWidth,
         color: associativeLineColor,
-        dasharray: associativeLineDasharray || [6, 4]
+        dasharray: associativeLineDasharray || '6,4'
       })
       .fill({ color: 'none' })
     clickPath
@@ -461,7 +463,7 @@ class AssociativeLine {
       .stroke({
         width: associativeLineWidth,
         color: associativeLineColor,
-        dasharray: associativeLineDasharray || [6, 4]
+        dasharray: associativeLineDasharray || '6,4'
       })
       .fill({ color: 'none' })
     // 箭头
diff --git a/simple-mind-map/src/plugins/NodeImgAdjust.js b/simple-mind-map/src/plugins/NodeImgAdjust.js
index 7f859c1d..9045ade1 100644
--- a/simple-mind-map/src/plugins/NodeImgAdjust.js
+++ b/simple-mind-map/src/plugins/NodeImgAdjust.js
@@ -31,12 +31,14 @@ class NodeImgAdjust {
     this.onMousemove = this.onMousemove.bind(this)
     this.onMouseup = this.onMouseup.bind(this)
     this.onRenderEnd = this.onRenderEnd.bind(this)
+    this.onScale = this.onScale.bind(this)
     this.mindMap.on('node_img_mouseleave', this.onNodeImgMouseleave)
     this.mindMap.on('node_img_mousemove', this.onNodeImgMousemove)
     this.mindMap.on('mousemove', this.onMousemove)
     this.mindMap.on('mouseup', this.onMouseup)
     this.mindMap.on('node_mouseup', this.onMouseup)
     this.mindMap.on('node_tree_render_end', this.onRenderEnd)
+    this.mindMap.on('scale', this.onScale)
   }
 
   // 解绑事件
@@ -47,6 +49,15 @@ class NodeImgAdjust {
     this.mindMap.off('mouseup', this.onMouseup)
     this.mindMap.off('node_mouseup', this.onMouseup)
     this.mindMap.off('node_tree_render_end', this.onRenderEnd)
+    this.mindMap.off('scale', this.onScale)
+  }
+
+  // 如果当前操作按钮正在显示时缩放了画布，那么需要更新位置
+  onScale() {
+    if (this.node && this.img && this.isShowHandleEl) {
+      this.rect = this.img.rbox()
+      this.setHandleElRect()
+    }
   }
 
   // 节点图片鼠标移动事件
@@ -210,6 +221,7 @@ class NodeImgAdjust {
       }
       if (!stop) {
         this.mindMap.execCommand('SET_NODE_IMAGE', this.node, { url: null })
+        this.mindMap.emit('delete_node_img_from_delete_btn', this.node)
       }
     })
     // 添加元素到页面
@@ -219,6 +231,7 @@ class NodeImgAdjust {
 
   // 鼠标按钮按下事件
   onMousedown(e) {
+    this.mindMap.emit('node_img_adjust_btn_mousedown', this.node)
     this.isMousedown = true
     this.mousedownDrawTransform = this.mindMap.draw.transform()
     // 隐藏节点实际图片
diff --git a/simple-mind-map/src/theme/default.js b/simple-mind-map/src/theme/default.js
index c2bf3caa..abd26456 100644
--- a/simple-mind-map/src/theme/default.js
+++ b/simple-mind-map/src/theme/default.js
@@ -48,7 +48,7 @@ export default {
   // 关联线激活状态的颜色
   associativeLineActiveColor: 'rgba(2, 167, 240, 1)',
   // 关联线样式
-  associativeLineDasharray: [6, 4],
+  associativeLineDasharray: '6,4',
   // 关联线文字颜色
   associativeLineTextColor: 'rgb(51, 51, 51)',
   // 关联线文字大小
diff --git a/web/src/App.vue b/web/src/App.vue
index 5da3e490..176f207f 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -6,8 +6,7 @@
 
 <script>
 export default {
-  name: 'App',
-  components: {}
+  name: 'App'
 }
 </script>
 
diff --git a/web/src/api/index.js b/web/src/api/index.js
index 701e1354..27f140e8 100644
--- a/web/src/api/index.js
+++ b/web/src/api/index.js
@@ -10,11 +10,7 @@ const SIMPLE_MIND_MAP_CONFIG = 'SIMPLE_MIND_MAP_CONFIG'
 
 let mindMapData = null
 
-/**
- * @Author: 王林
- * @Date: 2021-08-01 10:10:49
- * @Desc: 获取缓存的思维导图数据
- */
+// 获取缓存的思维导图数据
 export const getData = () => {
   if (window.takeOverApp) {
     mindMapData = window.takeOverAppMethods.getMindMapData()
@@ -45,11 +41,7 @@ export const getData = () => {
   }
 }
 
-/**
- * @Author: 王林
- * @Date: 2021-08-01 10:14:28
- * @Desc: 存储思维导图数据
- */
+// 存储思维导图数据
 export const storeData = data => {
   try {
     if (window.IS_ELECTRON) {
@@ -78,11 +70,7 @@ export const storeData = data => {
   }
 }
 
-/**
- * @Author: 王林
- * @Date: 2021-08-01 10:24:56
- * @Desc: 存储思维导图配置数据
- */
+// 存储思维导图配置数据
 export const storeConfig = config => {
   try {
     if (window.IS_ELECTRON) {
@@ -131,12 +119,7 @@ export const getConfig = () => {
   }
 }
 
-/**
- * javascript comment
- * @Author: 王林
- * @Date: 2022-11-05 14:36:50
- * @Desc: 存储语言
- */
+// 存储语言
 export const storeLang = lang => {
   if (window.takeOverApp) {
     window.takeOverAppMethods.saveLanguage(lang)
@@ -145,12 +128,7 @@ export const storeLang = lang => {
   localStorage.setItem(SIMPLE_MIND_MAP_LANG, lang)
 }
 
-/**
- * javascript comment
- * @Author: 王林
- * @Date: 2022-11-05 14:37:36
- * @Desc: 获取存储的语言
- */
+// 获取存储的语言
 export const getLang = () => {
   if (window.takeOverApp) {
     return window.takeOverAppMethods.getLanguage() || 'zh'
diff --git a/web/src/components/ImgUpload/index.vue b/web/src/components/ImgUpload/index.vue
index ea1a5122..dad7e718 100644
--- a/web/src/components/ImgUpload/index.vue
+++ b/web/src/components/ImgUpload/index.vue
@@ -30,7 +30,6 @@
 
 <script>
 export default {
-  name: 'ImgUpload',
   model: {
     prop: 'value',
     event: 'change'
@@ -47,32 +46,20 @@ export default {
     }
   },
   methods: {
-    /**
-     * @Author: 王林
-     * @Date: 2019-12-22 19:47:19
-     * @Desc: 图片选择事件
-     */
+    // 图片选择事件
     onImgUploadInputChange(e) {
       let file = e.target.files[0]
       this.selectImg(file)
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2019-12-22 20:32:31
-     * @Desc: 拖动上传图片
-     */
+    // 拖动上传图片
     onDrop(e) {
       let dt = e.dataTransfer
       let file = dt.files && dt.files[0]
       this.selectImg(file)
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 16:56:14
-     * @Desc: 选择图片
-     */
+    // 选择图片
     selectImg(file) {
       this.file = file
       let fr = new FileReader()
@@ -82,11 +69,7 @@ export default {
       }
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-22 23:03:46
-     * @Desc: 获取图片大小
-     */
+    // 获取图片大小
     getSize() {
       return new Promise(resolve => {
         let img = new Image()
@@ -106,11 +89,7 @@ export default {
       })
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 21:59:57
-     * @Desc: 删除图片
-     */
+    // 删除图片
     deleteImg() {
       this.$emit('change', '')
       this.file = null
diff --git a/web/src/config/en.js b/web/src/config/en.js
index 1f3a3755..679bcd8f 100644
--- a/web/src/config/en.js
+++ b/web/src/config/en.js
@@ -74,19 +74,19 @@ export const borderDasharrayList = [
   },
   {
     name: 'Dotted4',
-    value: '5, 5, 1, 5'
+    value: '5,5,1,5'
   },
   {
     name: 'Dotted5',
-    value: '15, 10, 5, 10, 15'
+    value: '15,10,5,10,15'
   },
   {
     name: 'Dotted6',
-    value: '1, 5'
+    value: '1,5'
   },
   {
     name: 'Dotted7',
-    value: '6, 4'
+    value: '6,4'
   }
 ]
 
diff --git a/web/src/config/zh.js b/web/src/config/zh.js
index 3813a5e4..2a41be00 100644
--- a/web/src/config/zh.js
+++ b/web/src/config/zh.js
@@ -55,7 +55,7 @@ export const fontFamilyList = [
 ]
 
 // 字号
-export const fontSizeList = [10, 12, 16, 18, 24, 32, 48]
+export const fontSizeList = [10, 12, 14, 16, 18, 24, 32, 48]
 
 // 颜色
 export const colorList = [
@@ -121,19 +121,19 @@ export const borderDasharrayList = [
   },
   {
     name: '虚线4',
-    value: '5, 5, 1, 5'
+    value: '5,5,1,5'
   },
   {
     name: '虚线5',
-    value: '15, 10, 5, 10, 15'
+    value: '15,10,5,10,15'
   },
   {
     name: '虚线6',
-    value: '1, 5'
+    value: '1,5'
   },
   {
     name: '虚线7',
-    value: '6, 4'
+    value: '6,4'
   }
 ]
 
diff --git a/web/src/config/zhtw.js b/web/src/config/zhtw.js
index 106441f7..3ffba8c0 100644
--- a/web/src/config/zhtw.js
+++ b/web/src/config/zhtw.js
@@ -74,19 +74,19 @@ export const borderDasharrayList = [
   },
   {
     name: '虛線 4',
-    value: '5, 5, 1, 5'
+    value: '5,5,1,5'
   },
   {
     name: '虛線 5',
-    value: '15, 10, 5, 10, 15'
+    value: '15,10,5,10,15'
   },
   {
     name: '虛線 6',
-    value: '1, 5'
+    value: '1,5'
   },
   {
     name: '虛線 7',
-    value: '6, 4'
+    value: '6,4'
   }
 ]
 
diff --git a/web/src/pages/Edit/Index.vue b/web/src/pages/Edit/Index.vue
index 5590a0da..52dad7b0 100644
--- a/web/src/pages/Edit/Index.vue
+++ b/web/src/pages/Edit/Index.vue
@@ -11,13 +11,12 @@
 </template>
 
 <script>
-import Toolbar from './components/Toolbar'
-import Edit from './components/Edit'
+import Toolbar from './components/Toolbar.vue'
+import Edit from './components/Edit.vue'
 import { mapState, mapActions, mapMutations } from 'vuex'
 import { getLocalConfig } from '@/api'
 
 export default {
-  name: 'Index',
   components: {
     Toolbar,
     Edit
@@ -54,11 +53,7 @@ export default {
     ...mapActions(['getUserMindMapData']),
     ...mapMutations(['setLocalConfig']),
 
-    /**
-     * @Author: 王林25
-     * @Date: 2022-11-14 19:07:03
-     * @Desc: 初始化本地配置
-     */
+    // 初始化本地配置
     initLocalConfig() {
       let config = getLocalConfig()
       if (config) {
diff --git a/web/src/pages/Edit/components/AiChat.vue b/web/src/pages/Edit/components/AiChat.vue
index fa4aa0b5..6e7728ab 100644
--- a/web/src/pages/Edit/components/AiChat.vue
+++ b/web/src/pages/Edit/components/AiChat.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { mapState } from 'vuex'
 import { createUid } from 'simple-mind-map/src/utils'
 import MarkdownIt from 'markdown-it'
diff --git a/web/src/pages/Edit/components/AiConfigDialog.vue b/web/src/pages/Edit/components/AiConfigDialog.vue
index e703e606..0924fbd0 100644
--- a/web/src/pages/Edit/components/AiConfigDialog.vue
+++ b/web/src/pages/Edit/components/AiConfigDialog.vue
@@ -15,7 +15,7 @@
       >
         <p class="title">{{ $t('ai.VolcanoArkLargeModelConfiguration') }}</p>
         <p class="desc">
-          {{ $t('ai.configTip') }}<a href="">{{ $t('ai.course') }}</a
+          {{ $t('ai.configTip') }}<a href="https://mp.weixin.qq.com/s/JNb7PH4sCjWzIZ9G8wStGQ" target="_blank">{{ $t('ai.course') }}</a
           >。
         </p>
         <el-form-item label="API Key" prop="key">
diff --git a/web/src/pages/Edit/components/AssociativeLineStyle.vue b/web/src/pages/Edit/components/AssociativeLineStyle.vue
index badd37d5..869a9a22 100644
--- a/web/src/pages/Edit/components/AssociativeLineStyle.vue
+++ b/web/src/pages/Edit/components/AssociativeLineStyle.vue
@@ -209,28 +209,15 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
-import Color from './Color'
+import Sidebar from './Sidebar.vue'
+import Color from './Color.vue'
 import {
   lineWidthList,
-  lineStyleList,
-  backgroundRepeatList,
-  backgroundPositionList,
-  backgroundSizeList,
   fontFamilyList,
   fontSizeList,
-  rootLineKeepSameInCurveList,
-  lineStyleMap,
   borderDasharrayList
 } from '@/config'
 import { mapState, mapMutations } from 'vuex'
-import {
-  supportLineStyleLayoutsMap,
-  supportLineRadiusLayouts,
-  supportNodeUseLineStyleLayouts,
-  supportRootLineKeepSameInCurveLayouts,
-  rainbowLinesOptions
-} from '@/config/constant'
 
 const defaultStyle = {
   associativeLineColor: '',
@@ -244,7 +231,6 @@ const defaultStyle = {
 }
 
 export default {
-  name: 'BaseStyle',
   components: {
     Sidebar,
     Color
diff --git a/web/src/pages/Edit/components/BaseStyle.vue b/web/src/pages/Edit/components/BaseStyle.vue
index fea30a43..a3598d98 100644
--- a/web/src/pages/Edit/components/BaseStyle.vue
+++ b/web/src/pages/Edit/components/BaseStyle.vue
@@ -804,8 +804,8 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
-import Color from './Color'
+import Sidebar from './Sidebar.vue'
+import Color from './Color.vue'
 import {
   lineWidthList,
   lineStyleList,
@@ -818,9 +818,9 @@ import {
   lineStyleMap,
   borderDasharrayList
 } from '@/config'
-import ImgUpload from '@/components/ImgUpload'
+import ImgUpload from '@/components/ImgUpload/index.vue'
 import { storeConfig } from '@/api'
-import { mapState, mapMutations } from 'vuex'
+import { mapState } from 'vuex'
 import {
   supportLineStyleLayoutsMap,
   supportLineRadiusLayouts,
@@ -829,13 +829,8 @@ import {
   rainbowLinesOptions
 } from '@/config/constant'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:52:56
- * @Desc: 基础样式
- */
+// 基础样式
 export default {
-  name: 'BaseStyle',
   components: {
     Sidebar,
     Color,
diff --git a/web/src/pages/Edit/components/Color.vue b/web/src/pages/Edit/components/Color.vue
index c66346ba..a0bcf48f 100644
--- a/web/src/pages/Edit/components/Color.vue
+++ b/web/src/pages/Edit/components/Color.vue
@@ -26,13 +26,8 @@
 import { colorList } from '@/config'
 import { mapState } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 颜色选择器
- */
+// 颜色选择器
 export default {
-  name: 'Color',
   props: {
     color: {
       type: String,
@@ -59,20 +54,12 @@ export default {
     this.selectColor = this.color
   },
   methods: {
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 09:38:06
-     * @Desc: 点击预设颜色
-     */
+    // 点击预设颜色
     clickColorItem(color) {
       this.$emit('change', color)
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 10:17:26
-     * @Desc: 修改颜色
-     */
+    // 修改颜色
     changeColor() {
       this.$emit('change', this.selectColor)
     }
diff --git a/web/src/pages/Edit/components/Contextmenu.vue b/web/src/pages/Edit/components/Contextmenu.vue
index 353e943c..dbeffb92 100644
--- a/web/src/pages/Edit/components/Contextmenu.vue
+++ b/web/src/pages/Edit/components/Contextmenu.vue
@@ -228,13 +228,8 @@ import { transformToTxt } from 'simple-mind-map/src/parse/toTxt'
 import { setDataToClipboard, setImgToClipboard, copy } from '@/utils'
 import { numberTypeList, numberLevelList } from '@/config'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 右键菜单
- */
+// 右键菜单
 export default {
-  name: 'Contextmenu',
   props: {
     mindMap: {
       type: Object
@@ -253,7 +248,8 @@ export default {
       enableCopyToClipboardApi: navigator.clipboard,
       numberType: '',
       numberLevel: '',
-      subItemsShowLeft: false
+      subItemsShowLeft: false,
+      isNodeMousedown: false
     }
   },
   computed: {
@@ -353,6 +349,7 @@ export default {
     this.$bus.$on('svg_mousedown', this.onMousedown)
     this.$bus.$on('mouseup', this.onMouseup)
     this.$bus.$on('translate', this.hide)
+    this.$bus.$on('node_mousedown', this.onNodeMousedown)
   },
   beforeDestroy() {
     this.$bus.$off('node_contextmenu', this.show)
@@ -362,6 +359,7 @@ export default {
     this.$bus.$off('svg_mousedown', this.onMousedown)
     this.$bus.$off('mouseup', this.onMouseup)
     this.$bus.$off('translate', this.hide)
+    this.$bus.$off('node_mousedown', this.onNodeMousedown)
   },
   methods: {
     ...mapMutations(['setLocalConfig']),
@@ -396,6 +394,10 @@ export default {
       })
     },
 
+    onNodeMousedown() {
+      this.isNodeMousedown = true
+    },
+
     // 鼠标按下事件
     onMousedown(e) {
       if (e.which !== 3) {
@@ -411,6 +413,10 @@ export default {
       if (!this.isMousedown) {
         return
       }
+      if (this.isNodeMousedown) {
+        this.isNodeMousedown = false
+        return
+      }
       this.isMousedown = false
       if (
         Math.abs(this.mosuedownX - e.clientX) > 3 ||
diff --git a/web/src/pages/Edit/components/Count.vue b/web/src/pages/Edit/components/Count.vue
index 08cd858a..c7b1e016 100644
--- a/web/src/pages/Edit/components/Count.vue
+++ b/web/src/pages/Edit/components/Count.vue
@@ -14,15 +14,9 @@
 <script>
 import { mapState } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 字数及节点数量统计
- */
-
+// 字数及节点数量统计
 let countEl = document.createElement('div')
 export default {
-  name: 'Count',
   props: {
     mindMap: {
       type: Object
@@ -50,11 +44,7 @@ export default {
     this.$bus.$off('data_change', this.onDataChange)
   },
   methods: {
-    /**
-     * @Author: 王林25
-     * @Date: 2022-11-14 19:20:20
-     * @Desc: 监听数据变化
-     */
+    // 监听数据变化
     onDataChange(data) {
       this.textStr = ''
       this.words = 0
@@ -64,11 +54,7 @@ export default {
       this.words = countEl.textContent.length
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-30 22:13:07
-     * @Desc: 遍历
-     */
+    // 遍历
     walk(data) {
       if (!data) return
       this.num++
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index f4fb1cbc..03b59fb4 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -102,16 +102,16 @@ import Checkbox from 'simple-mind-map-plugin-checkbox'
 import LineFlow from 'simple-mind-map-plugin-lineflow'
 import Momentum from 'simple-mind-map-plugin-momentum'
 // npm link simple-mind-map-plugin-excel simple-mind-map-plugin-freemind simple-mind-map-plugin-numbers simple-mind-map-plugin-notation simple-mind-map-plugin-handdrawnlikestyle simple-mind-map-plugin-checkbox simple-mind-map simple-mind-map-plugin-themes simple-mind-map-plugin-lineflow simple-mind-map-plugin-momentum
-import OutlineSidebar from './OutlineSidebar'
-import Style from './Style'
-import BaseStyle from './BaseStyle'
-import Theme from './Theme'
-import Structure from './Structure'
-import Count from './Count'
-import NavigatorToolbar from './NavigatorToolbar'
-import ShortcutKey from './ShortcutKey'
-import Contextmenu from './Contextmenu'
-import RichTextToolbar from './RichTextToolbar'
+import OutlineSidebar from './OutlineSidebar.vue'
+import Style from './Style.vue'
+import BaseStyle from './BaseStyle.vue'
+import Theme from './Theme.vue'
+import Structure from './Structure.vue'
+import Count from './Count.vue'
+import NavigatorToolbar from './NavigatorToolbar.vue'
+import ShortcutKey from './ShortcutKey.vue'
+import Contextmenu from './Contextmenu.vue'
+import RichTextToolbar from './RichTextToolbar.vue'
 import NodeNoteContentShow from './NodeNoteContentShow.vue'
 import { getData, storeData, storeConfig, getConfig } from '@/api'
 import Navigator from './Navigator.vue'
@@ -175,7 +175,6 @@ MindMap.usePlugin(MiniMap)
 Themes.init(MindMap)
 
 export default {
-  name: 'Edit',
   components: {
     OutlineSidebar,
     Style,
@@ -706,7 +705,8 @@ export default {
         'node_attachmentContextmenu',
         'demonstrate_jump',
         'exit_demonstrate',
-        'node_note_dblclick'
+        'node_note_dblclick',
+        'node_mousedown'
       ].forEach(event => {
         this.mindMap.on(event, (...args) => {
           this.$bus.$emit(event, ...args)
diff --git a/web/src/pages/Edit/components/Export.vue b/web/src/pages/Edit/components/Export.vue
index f96cf7e8..4e728b63 100644
--- a/web/src/pages/Edit/components/Export.vue
+++ b/web/src/pages/Edit/components/Export.vue
@@ -121,14 +121,9 @@ import { downTypeList } from '@/config'
 import { isMobile } from 'simple-mind-map/src/utils/index'
 import MarkdownIt from 'markdown-it'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:54
- * @Desc: 导出
- */
+// 导出
 let md = null
 export default {
-  name: 'Export',
   data() {
     return {
       dialogVisible: false,
@@ -195,20 +190,10 @@ export default {
       })
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-22 22:08:11
-     * @Desc: 取消
-     */
     cancel() {
       this.dialogVisible = false
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 22:28:20
-     * @Desc:  确定
-     */
     async confirm() {
       this.setExtraTextOnExport(this.extraText)
       if (this.exportType === 'svg') {
diff --git a/web/src/pages/Edit/components/FormulaSidebar.vue b/web/src/pages/Edit/components/FormulaSidebar.vue
index 9f100253..a5cfa2ae 100644
--- a/web/src/pages/Edit/components/FormulaSidebar.vue
+++ b/web/src/pages/Edit/components/FormulaSidebar.vue
@@ -31,12 +31,11 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { mapState, mapMutations } from 'vuex'
 import { formulaList } from '@/config/constant'
 
 export default {
-  name: 'FormulaSidebar',
   components: {
     Sidebar
   },
diff --git a/web/src/pages/Edit/components/Fullscreen.vue b/web/src/pages/Edit/components/Fullscreen.vue
index daa8555b..cfdfff71 100644
--- a/web/src/pages/Edit/components/Fullscreen.vue
+++ b/web/src/pages/Edit/components/Fullscreen.vue
@@ -22,13 +22,8 @@
 <script>
 import { fullscrrenEvent, fullScreen } from '@/utils'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 全屏
- */
+// 全屏
 export default {
-  name: 'Fullscreen',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/Import.vue b/web/src/pages/Edit/components/Import.vue
index 4c9726a7..cfbec85a 100644
--- a/web/src/pages/Edit/components/Import.vue
+++ b/web/src/pages/Edit/components/Import.vue
@@ -63,13 +63,8 @@ import { addMindMapNodeStickerProtocol } from '@/utils'
 import { mapMutations, mapState } from 'vuex'
 import Vue from 'vue'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:54
- * @Desc: 导入
- */
+// 导入
 export default {
-  name: 'Import',
   data() {
     return {
       dialogVisible: false,
diff --git a/web/src/pages/Edit/components/MouseAction.vue b/web/src/pages/Edit/components/MouseAction.vue
index 2bc3e09c..91b7a6cb 100644
--- a/web/src/pages/Edit/components/MouseAction.vue
+++ b/web/src/pages/Edit/components/MouseAction.vue
@@ -22,13 +22,8 @@
 <script>
 import { mapState, mapMutations } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 鼠标操作设置
- */
+// 鼠标操作设置
 export default {
-  name: 'MouseAction',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/NavigatorToolbar.vue b/web/src/pages/Edit/components/NavigatorToolbar.vue
index 22d3c8df..196c5837 100644
--- a/web/src/pages/Edit/components/NavigatorToolbar.vue
+++ b/web/src/pages/Edit/components/NavigatorToolbar.vue
@@ -109,8 +109,8 @@
 </template>
 
 <script>
-import Scale from './Scale'
-import Fullscreen from './Fullscreen'
+import Scale from './Scale.vue'
+import Fullscreen from './Fullscreen.vue'
 import MouseAction from './MouseAction.vue'
 import { langList } from '@/config'
 import i18n from '@/i18n'
@@ -119,13 +119,8 @@ import { mapState, mapMutations } from 'vuex'
 import pkg from 'simple-mind-map/package.json'
 import Demonstrate from './Demonstrate.vue'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 导航器工具栏
- */
+// 导航器工具栏
 export default {
-  name: 'NavigatorToolbar',
   components: {
     Scale,
     Fullscreen,
diff --git a/web/src/pages/Edit/components/NodeAnnotationBtn.vue b/web/src/pages/Edit/components/NodeAnnotationBtn.vue
index b3d4a2a3..72d2f8c5 100644
--- a/web/src/pages/Edit/components/NodeAnnotationBtn.vue
+++ b/web/src/pages/Edit/components/NodeAnnotationBtn.vue
@@ -108,7 +108,7 @@
 
 <script>
 import { lineWidthList } from '@/config'
-import Color from './Color'
+import Color from './Color.vue'
 
 const defaultConfig = {
   type: 'circle',
diff --git a/web/src/pages/Edit/components/NodeHyperlink.vue b/web/src/pages/Edit/components/NodeHyperlink.vue
index 2d5b0162..f68ad9f3 100644
--- a/web/src/pages/Edit/components/NodeHyperlink.vue
+++ b/web/src/pages/Edit/components/NodeHyperlink.vue
@@ -45,13 +45,8 @@
 <script>
 import { isMobile } from 'simple-mind-map/src/utils/index'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:17
- * @Desc: 节点超链接内容设置
- */
+// 节点超链接内容设置
 export default {
-  name: 'NodeHyperlink',
   data() {
     return {
       dialogVisible: false,
@@ -108,20 +103,10 @@ export default {
       this.dialogVisible = true
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-22 22:08:11
-     * @Desc: 取消
-     */
     cancel() {
       this.dialogVisible = false
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 22:28:20
-     * @Desc:  确定
-     */
     confirm() {
       this.activeNodes.forEach(node => {
         node.setHyperlink(
diff --git a/web/src/pages/Edit/components/NodeIcon.vue b/web/src/pages/Edit/components/NodeIcon.vue
index eab91dfb..aed0246f 100644
--- a/web/src/pages/Edit/components/NodeIcon.vue
+++ b/web/src/pages/Edit/components/NodeIcon.vue
@@ -27,13 +27,8 @@
 import { nodeIconList } from 'simple-mind-map/src/svg/icons'
 import icon from '@/config/icon'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:33
- * @Desc: 节点图标内容设置
- */
+// 节点图标内容设置
 export default {
-  name: 'NodeIcon',
   data() {
     return {
       nodeIconList: [...nodeIconList, ...icon],
@@ -69,11 +64,6 @@ export default {
       return /^<svg/.test(icon) ? icon : `<img src="${icon}" />`
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-23 23:16:56
-     * @Desc: 设置icon
-     */
     setIcon(type, name) {
       let key = type + '_' + name
       let index = this.iconList.findIndex(item => {
diff --git a/web/src/pages/Edit/components/NodeIconSidebar.vue b/web/src/pages/Edit/components/NodeIconSidebar.vue
index 6f6d3a23..b35a33d8 100644
--- a/web/src/pages/Edit/components/NodeIconSidebar.vue
+++ b/web/src/pages/Edit/components/NodeIconSidebar.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { mapState } from 'vuex'
 import { nodeIconList } from 'simple-mind-map/src/svg/icons'
 import { mergerIconList } from 'simple-mind-map/src/utils/index'
@@ -63,7 +63,6 @@ import icon from '@/config/icon'
 import image from '@/config/image'
 
 export default {
-  name: 'NodeIconSidebar',
   components: {
     Sidebar
   },
diff --git a/web/src/pages/Edit/components/NodeIconToolbar.vue b/web/src/pages/Edit/components/NodeIconToolbar.vue
index b08982a1..6a2c993a 100644
--- a/web/src/pages/Edit/components/NodeIconToolbar.vue
+++ b/web/src/pages/Edit/components/NodeIconToolbar.vue
@@ -19,10 +19,6 @@ import { mapState, mapMutations } from 'vuex'
 const allIconList = [..._nodeIconList, ...icon]
 
 export default {
-    name: 'NodeIconToolbar',
-    components: {
-
-    },
     props: {
         mindMap: {
             type: Object
diff --git a/web/src/pages/Edit/components/NodeImage.vue b/web/src/pages/Edit/components/NodeImage.vue
index 486f6e0e..91a34ee5 100644
--- a/web/src/pages/Edit/components/NodeImage.vue
+++ b/web/src/pages/Edit/components/NodeImage.vue
@@ -37,16 +37,11 @@
 </template>
 
 <script>
-import ImgUpload from '@/components/ImgUpload'
+import ImgUpload from '@/components/ImgUpload/index.vue'
 import { getImageSize, isMobile } from 'simple-mind-map/src/utils/index'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:45
- * @Desc: 节点图片内容设置
- */
+// 节点图片内容设置
 export default {
-  name: 'NodeImage',
   components: {
     ImgUpload
   },
diff --git a/web/src/pages/Edit/components/NodeImgPlacementToolbar.vue b/web/src/pages/Edit/components/NodeImgPlacementToolbar.vue
index e5660447..f05552b9 100644
--- a/web/src/pages/Edit/components/NodeImgPlacementToolbar.vue
+++ b/web/src/pages/Edit/components/NodeImgPlacementToolbar.vue
@@ -22,11 +22,7 @@
 </template>
 
 <script>
-import { mapState, mapMutations } from 'vuex'
-
 export default {
-  name: 'NodeImgPlacementToolbar',
-  components: {},
   props: {
     mindMap: {
       type: Object
@@ -45,7 +41,6 @@ export default {
       imgPlacement: ''
     }
   },
-  computed: {},
   created() {
     this.mindMap.on('node_img_click', this.show)
     this.mindMap.on('draw_click', this.close)
@@ -53,6 +48,9 @@ export default {
     this.mindMap.on('node_dblclick', this.close)
     this.mindMap.on('node_active', this.onNodeActive)
     this.mindMap.on('scale', this.onScale)
+    this.mindMap.on('node_img_adjust_btn_mousedown', this.close)
+    this.mindMap.on('delete_node_img_from_delete_btn', this.close)
+    this.mindMap.on('translate', this.close)
   },
   mounted() {
     document.body.append(this.$refs.nodeImgPlacementToolbar)
@@ -64,6 +62,9 @@ export default {
     this.mindMap.off('node_dblclick', this.close)
     this.mindMap.off('node_active', this.onNodeActive)
     this.mindMap.off('scale', this.onScale)
+    this.mindMap.off('node_img_adjust_btn_mousedown', this.close)
+    this.mindMap.off('delete_node_img_from_delete_btn', this.close)
+    this.mindMap.off('translate', this.close)
   },
   methods: {
     show(node, imgNode) {
diff --git a/web/src/pages/Edit/components/NodeNote.vue b/web/src/pages/Edit/components/NodeNote.vue
index 65ee7fc9..ed30ee76 100644
--- a/web/src/pages/Edit/components/NodeNote.vue
+++ b/web/src/pages/Edit/components/NodeNote.vue
@@ -29,11 +29,7 @@ import Editor from '@toast-ui/editor'
 import '@toast-ui/editor/dist/toastui-editor.css' // Editor's Style
 import { isMobile } from 'simple-mind-map/src/utils/index'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:54
- * @Desc: 节点备注内容设置
- */
+// 节点备注内容设置
 export default {
   name: 'NodeNote',
   data() {
diff --git a/web/src/pages/Edit/components/NodeNoteContentShow.vue b/web/src/pages/Edit/components/NodeNoteContentShow.vue
index ed219fcd..02eb7a7d 100644
--- a/web/src/pages/Edit/components/NodeNoteContentShow.vue
+++ b/web/src/pages/Edit/components/NodeNoteContentShow.vue
@@ -18,13 +18,8 @@
 import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer'
 import '@toast-ui/editor/dist/toastui-editor-viewer.css'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:54
- * @Desc: 节点备注内容显示
- */
+// 节点备注内容显示
 export default {
-  name: 'NodeNoteContentShow',
   props: {
     mindMap: {
       type: Object,
diff --git a/web/src/pages/Edit/components/NodeOuterFrame.vue b/web/src/pages/Edit/components/NodeOuterFrame.vue
index fc8e7741..6c6bb070 100644
--- a/web/src/pages/Edit/components/NodeOuterFrame.vue
+++ b/web/src/pages/Edit/components/NodeOuterFrame.vue
@@ -132,7 +132,7 @@
 </template>
 
 <script>
-import Color from './Color'
+import Color from './Color.vue'
 import { mapState } from 'vuex'
 import { lineWidthList, borderDasharrayList } from '@/config'
 
diff --git a/web/src/pages/Edit/components/NodeTag.vue b/web/src/pages/Edit/components/NodeTag.vue
index 26831d76..6c78d14a 100644
--- a/web/src/pages/Edit/components/NodeTag.vue
+++ b/web/src/pages/Edit/components/NodeTag.vue
@@ -45,13 +45,8 @@ import {
   isMobile
 } from 'simple-mind-map/src/utils/index'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:03
- * @Desc: 节点标签内容设置
- */
+// 节点标签内容设置
 export default {
-  name: 'NodeTag',
   data() {
     return {
       dialogVisible: false,
@@ -96,11 +91,6 @@ export default {
       this.dialogVisible = true
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-24 21:48:14
-     * @Desc: 添加
-     */
     add() {
       const text = this.tag.trim()
       if (!text) return
@@ -108,29 +98,14 @@ export default {
       this.tag = ''
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-24 21:57:53
-     * @Desc: 删除
-     */
     del(index) {
       this.tagArr.splice(index, 1)
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-22 22:08:11
-     * @Desc: 取消
-     */
     cancel() {
       this.dialogVisible = false
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-06 22:28:20
-     * @Desc:  确定
-     */
     confirm() {
       this.activeNodes.forEach(node => {
         node.setTag(this.tagArr)
diff --git a/web/src/pages/Edit/components/NodeTagStyle.vue b/web/src/pages/Edit/components/NodeTagStyle.vue
index 47c24b31..dd954364 100644
--- a/web/src/pages/Edit/components/NodeTagStyle.vue
+++ b/web/src/pages/Edit/components/NodeTagStyle.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import Color from './Color'
+import Color from './Color.vue'
 import { mapState } from 'vuex'
 
 export default {
diff --git a/web/src/pages/Edit/components/Outline.vue b/web/src/pages/Edit/components/Outline.vue
index b8168d54..e30c27ed 100644
--- a/web/src/pages/Edit/components/Outline.vue
+++ b/web/src/pages/Edit/components/Outline.vue
@@ -50,7 +50,6 @@ import {
 
 // 大纲树
 export default {
-  name: 'Outline',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/OutlineEdit.vue b/web/src/pages/Edit/components/OutlineEdit.vue
index 9259afec..3ac1adaf 100644
--- a/web/src/pages/Edit/components/OutlineEdit.vue
+++ b/web/src/pages/Edit/components/OutlineEdit.vue
@@ -79,7 +79,6 @@ import { printOutline } from '@/utils'
 
 // 大纲侧边栏
 export default {
-  name: 'OutlineEdit',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/OutlineSidebar.vue b/web/src/pages/Edit/components/OutlineSidebar.vue
index b2f3e89b..92776093 100644
--- a/web/src/pages/Edit/components/OutlineSidebar.vue
+++ b/web/src/pages/Edit/components/OutlineSidebar.vue
@@ -36,14 +36,13 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { mapState, mapMutations } from 'vuex'
 import Outline from './Outline.vue'
 import { printOutline } from '@/utils'
 
 // 大纲侧边栏
 export default {
-  name: 'OutlineSidebar',
   components: {
     Sidebar,
     Outline
diff --git a/web/src/pages/Edit/components/RichTextToolbar.vue b/web/src/pages/Edit/components/RichTextToolbar.vue
index d4ea6c72..f6a49ae2 100644
--- a/web/src/pages/Edit/components/RichTextToolbar.vue
+++ b/web/src/pages/Edit/components/RichTextToolbar.vue
@@ -139,11 +139,10 @@
 
 <script>
 import { fontFamilyList, fontSizeList, alignList } from '@/config'
-import Color from './Color'
+import Color from './Color.vue'
 import { mapState } from 'vuex'
 
 export default {
-  name: 'RichTextToolbar',
   components: {
     Color
   },
diff --git a/web/src/pages/Edit/components/Scale.vue b/web/src/pages/Edit/components/Scale.vue
index 0bb0f03d..2f941d13 100644
--- a/web/src/pages/Edit/components/Scale.vue
+++ b/web/src/pages/Edit/components/Scale.vue
@@ -32,13 +32,8 @@
 </template>
 
 <script>
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:10
- * @Desc: 放大缩小
- */
+// 放大缩小
 export default {
-  name: 'Scale',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/Search.vue b/web/src/pages/Edit/components/Search.vue
index 852a27fd..e43e3ad0 100644
--- a/web/src/pages/Edit/components/Search.vue
+++ b/web/src/pages/Edit/components/Search.vue
@@ -78,7 +78,6 @@ import { isUndef, getTextFromHtml } from 'simple-mind-map/src/utils/index'
 
 // 搜索替换
 export default {
-  name: 'Search',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/Setting.vue b/web/src/pages/Edit/components/Setting.vue
index a4309c95..b60f748f 100644
--- a/web/src/pages/Edit/components/Setting.vue
+++ b/web/src/pages/Edit/components/Setting.vue
@@ -392,10 +392,10 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { storeConfig } from '@/api'
 import { mapState, mapMutations } from 'vuex'
-import Color from './Color'
+import Color from './Color.vue'
 
 export default {
   components: {
diff --git a/web/src/pages/Edit/components/ShortcutKey.vue b/web/src/pages/Edit/components/ShortcutKey.vue
index 70a81545..a51b0e1f 100644
--- a/web/src/pages/Edit/components/ShortcutKey.vue
+++ b/web/src/pages/Edit/components/ShortcutKey.vue
@@ -20,17 +20,12 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { shortcutKeyList } from '@/config'
 import { mapState } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:14
- * @Desc: 快捷键
- */
+// 快捷键
 export default {
-  name: 'ShortcutKey',
   components: {
     Sidebar
   },
diff --git a/web/src/pages/Edit/components/Sidebar.vue b/web/src/pages/Edit/components/Sidebar.vue
index c774927e..d760d35a 100644
--- a/web/src/pages/Edit/components/Sidebar.vue
+++ b/web/src/pages/Edit/components/Sidebar.vue
@@ -19,13 +19,8 @@
 import { store } from '@/config'
 import { mapState, mapMutations } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:25
- * @Desc: 侧边栏容器
- */
+// 侧边栏容器
 export default {
-  name: 'Sidebar',
   props: {
     title: {
       type: String,
diff --git a/web/src/pages/Edit/components/SidebarTrigger.vue b/web/src/pages/Edit/components/SidebarTrigger.vue
index a721d11b..52b9c94c 100644
--- a/web/src/pages/Edit/components/SidebarTrigger.vue
+++ b/web/src/pages/Edit/components/SidebarTrigger.vue
@@ -27,13 +27,8 @@
 import { mapState, mapMutations } from 'vuex'
 import { sidebarTriggerList } from '@/config'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:25
- * @Desc: 侧边栏触发器
- */
+// 侧边栏触发器
 export default {
-  name: 'SidebarTrigger',
   data() {
     return {
       show: true,
@@ -52,7 +47,7 @@ export default {
       let list = sidebarTriggerList[this.$i18n.locale] || sidebarTriggerList.zh
       if (this.isReadonly) {
         list = list.filter(item => {
-          return ['outline', 'shortcutKey'].includes(item.value)
+          return ['outline', 'shortcutKey', 'ai'].includes(item.value)
         })
       }
       if (!this.enableAi) {
diff --git a/web/src/pages/Edit/components/SourceCodeEdit.vue b/web/src/pages/Edit/components/SourceCodeEdit.vue
index f6bdae46..70db0333 100644
--- a/web/src/pages/Edit/components/SourceCodeEdit.vue
+++ b/web/src/pages/Edit/components/SourceCodeEdit.vue
@@ -59,7 +59,6 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex'
-import { storeData } from '@/api'
 import CodeMirror from 'codemirror'
 import 'codemirror/mode/javascript/javascript'
 import 'codemirror/lib/codemirror.css'
@@ -69,7 +68,6 @@ let editor = null
 
 // 源码编辑
 export default {
-  name: 'SourceCodeEdit',
   props: {
     mindMap: {
       type: Object
diff --git a/web/src/pages/Edit/components/Structure.vue b/web/src/pages/Edit/components/Structure.vue
index 93c11d2c..e823e163 100644
--- a/web/src/pages/Edit/components/Structure.vue
+++ b/web/src/pages/Edit/components/Structure.vue
@@ -18,19 +18,14 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { layoutList } from 'simple-mind-map/src/constants/constant'
 import { storeConfig } from '@/api'
 import { mapState } from 'vuex'
 import { layoutImgMap } from '@/config/constant.js'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:14
- * @Desc: 结构
- */
+// 结构
 export default {
-  name: 'Structure',
   components: {
     Sidebar
   },
@@ -63,11 +58,6 @@ export default {
     }
   },
   methods: {
-    /**
-     * @Author: 王林
-     * @Date: 2021-06-24 23:04:38
-     * @Desc: 使用主题
-     */
     useLayout(layout) {
       this.layout = layout.value
       this.mindMap.setLayout(layout.value)
diff --git a/web/src/pages/Edit/components/Style.vue b/web/src/pages/Edit/components/Style.vue
index 5cb86b8c..e76adb36 100644
--- a/web/src/pages/Edit/components/Style.vue
+++ b/web/src/pages/Edit/components/Style.vue
@@ -551,8 +551,8 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
-import Color from './Color'
+import Sidebar from './Sidebar.vue'
+import Color from './Color.vue'
 import {
   fontFamilyList,
   fontSizeList,
@@ -566,13 +566,8 @@ import {
 } from '@/config'
 import { mapState } from 'vuex'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:47
- * @Desc: 节点样式设置
- */
+// 节点样式设置
 export default {
-  name: 'Style',
   components: {
     Sidebar,
     Color
@@ -658,11 +653,7 @@ export default {
     this.$bus.$off('node_active', this.onNodeActive)
   },
   methods: {
-    /**
-     * @Author: 王林25
-     * @Date: 2022-11-14 19:16:21
-     * @Desc: 监听节点激活事件
-     */
+    // 监听节点激活事件
     onNodeActive(...args) {
       this.$nextTick(() => {
         this.activeNodes = [...args[1]]
@@ -670,11 +661,7 @@ export default {
       })
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 09:48:52
-     * @Desc: 初始节点样式
-     */
+    // 初始节点样式
     initNodeStyle() {
       if (this.activeNodes.length <= 0) {
         return
@@ -702,11 +689,7 @@ export default {
       }
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-04 22:08:16
-     * @Desc: 修改样式
-     */
+    // 修改样式
     update(prop) {
       if (prop === 'linearGradientDir') {
         const target = this.linearGradientDirList.find(item => {
@@ -725,11 +708,7 @@ export default {
       }
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 09:41:34
-     * @Desc: 切换加粗样式
-     */
+    // 切换加粗样式
     toggleFontWeight() {
       if (this.style.fontWeight === 'bold') {
         this.style.fontWeight = 'normal'
@@ -739,11 +718,7 @@ export default {
       this.update('fontWeight')
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 09:46:39
-     * @Desc: 切换字体样式
-     */
+    // 切换字体样式
     toggleFontStyle() {
       if (this.style.fontStyle === 'italic') {
         this.style.fontStyle = 'normal'
@@ -753,61 +728,37 @@ export default {
       this.update('fontStyle')
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 10:18:59
-     * @Desc: 修改字体颜色
-     */
+    // 修改字体颜色
     changeFontColor(color) {
       this.style.color = color
       this.update('color')
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 10:18:59
-     * @Desc: 修改边框颜色
-     */
+    // 修改边框颜色
     changeBorderColor(color) {
       this.style.borderColor = color
       this.update('borderColor')
     },
 
-    /**
-     * @Author: flydreame
-     * @Date: 2022-09-17 10:18:15
-     * @Desc: 修改线条颜色
-     */
+    // 修改线条颜色
     changeLineColor(color) {
       this.style.lineColor = color
       this.update('lineColor')
     },
 
-    /**
-     * @Author: 王林
-     * @Date: 2021-05-05 10:18:59
-     * @Desc: 修改背景颜色
-     */
+    // 修改背景颜色
     changeFillColor(color) {
       this.style.fillColor = color
       this.update('fillColor')
     },
 
-    /**
-     * @Author: lxr_cel
-     * @Date: 2024-01-02 11:09:27
-     * @Desc: 切换渐变开始颜色
-     */
+    // 切换渐变开始颜色
     changeStartColor(color) {
       this.style.startColor = color
       this.update('startColor')
     },
 
-    /**
-     * @Author: lxr_cel
-     * @Date: 2024-01-02 10:10:34
-     * @Desc: 切换渐变结束颜色
-     */
+    // 切换渐变结束颜色
     changeEndColor(color) {
       this.style.endColor = color
       this.update('endColor')
diff --git a/web/src/pages/Edit/components/Theme.vue b/web/src/pages/Edit/components/Theme.vue
index 7beb03c5..11031a59 100644
--- a/web/src/pages/Edit/components/Theme.vue
+++ b/web/src/pages/Edit/components/Theme.vue
@@ -26,19 +26,14 @@
 </template>
 
 <script>
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 import { storeConfig } from '@/api'
 import { mapState, mapMutations } from 'vuex'
 import themeImgMap from 'simple-mind-map-plugin-themes/themeImgMap'
 import themeList from 'simple-mind-map-plugin-themes/themeList'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:53:04
- * @Desc: 主题
- */
+// 主题
 export default {
-  name: 'Theme',
   components: {
     Sidebar
   },
diff --git a/web/src/pages/Edit/components/Toolbar.vue b/web/src/pages/Edit/components/Toolbar.vue
index aa119206..b38d3d51 100644
--- a/web/src/pages/Edit/components/Toolbar.vue
+++ b/web/src/pages/Edit/components/Toolbar.vue
@@ -165,13 +165,13 @@
 </template>
 
 <script>
-import NodeImage from './NodeImage'
-import NodeHyperlink from './NodeHyperlink'
-import NodeIcon from './NodeIcon'
-import NodeNote from './NodeNote'
-import NodeTag from './NodeTag'
-import Export from './Export'
-import Import from './Import'
+import NodeImage from './NodeImage.vue'
+import NodeHyperlink from './NodeHyperlink.vue'
+import NodeIcon from './NodeIcon.vue'
+import NodeNote from './NodeNote.vue'
+import NodeTag from './NodeTag.vue'
+import Export from './Export.vue'
+import Import from './Import.vue'
 import { mapState } from 'vuex'
 import { Notification } from 'element-ui'
 import exampleData from 'simple-mind-map/example/exampleData'
@@ -179,11 +179,7 @@ import { getData } from '../../../api'
 import ToolbarNodeBtnList from './ToolbarNodeBtnList.vue'
 import { throttle, isMobile } from 'simple-mind-map/src/utils/index'
 
-/**
- * @Author: 王林
- * @Date: 2021-06-24 22:54:58
- * @Desc: 工具栏
- */
+// 工具栏
 let fileHandle = null
 const defaultBtnList = [
   'back',
@@ -207,7 +203,6 @@ const defaultBtnList = [
 ]
 
 export default {
-  name: 'Toolbar',
   components: {
     NodeImage,
     NodeHyperlink,
diff --git a/web/src/utils/ai.js b/web/src/utils/ai.js
index 2f3156ea..59c3311a 100644
--- a/web/src/utils/ai.js
+++ b/web/src/utils/ai.js
@@ -88,7 +88,7 @@ class Ai {
       })
     })
     if (res.status && res.status !== 200) {
-      return false
+      throw new Error('请求失败')
     }
     return res.body.getReader()
   }
diff --git a/web/src/utils/index.js b/web/src/utils/index.js
index 59bf2eeb..c175b688 100644
--- a/web/src/utils/index.js
+++ b/web/src/utils/index.js
@@ -1,8 +1,4 @@
-/**
- * @Author: 王林
- * @Date: 2021-07-11 21:38:09
- * @Desc: 全屏事件检测
- */
+// 全屏事件检测
 const getOnfullscreEnevt = () => {
   if (document.documentElement.requestFullScreen) {
     return 'onfullscreenchange'
@@ -17,11 +13,7 @@ const getOnfullscreEnevt = () => {
 
 export const fullscrrenEvent = getOnfullscreEnevt()
 
-/**
- * @Author: 王林
- * @Date: 2021-07-11 21:45:06
- * @Desc: 全屏
- */
+// 全屏
 export const fullScreen = element => {
   if (element.requestFullScreen) {
     element.requestFullScreen()
@@ -32,12 +24,7 @@ export const fullScreen = element => {
   }
 }
 
-/**
- * javascript comment
- * @Author: 王林25
- * @Date: 2022-10-24 14:16:18
- * @Desc: 文件转buffer
- */
+// 文件转buffer
 export const fileToBuffer = file => {
   return new Promise(r => {
     const reader = new FileReader()