Demo:右侧侧边栏的AI和快捷键按钮移到右下角的更多按钮中

2026-02-17 14:04:47 +08:00 · 2025-04-20 09:51:35 +08:00
parent e0dc13c9f8
commit cd361c1f6e
8 changed files with 107 additions and 56 deletions
--- a/web/src/config/en.js
+++ b/web/src/config/en.js
@@ -439,27 +439,27 @@ export const sidebarTriggerList = [
    value: 'outline',
    icon: 'iconfuhao-dagangshu'
  },
+  // {
+  //   name: 'AI',
+  //   value: 'ai',
+  //   icon: 'iconAIshengcheng'
+  // },
  {
    name: 'Setting',
    value: 'setting',
    icon: 'iconshezhi'
  },
-  {
-    name: 'AI',
-    value: 'ai',
-    icon: 'iconAIshengcheng'
-  },
-  {
-    name: 'ShortcutKey',
-    value: 'shortcutKey',
-    icon: 'iconjianpan'
-  }
+  // {
+  //   name: 'ShortcutKey',
+  //   value: 'shortcutKey',
+  //   icon: 'iconjianpan'
+  // }
 ]

 // 下载类型列表
 export const downTypeList = [
  {
-    name: 'Dedicated file',
+    name: '思绪 file',
    type: 'smm',
    icon: 'iconwenjian',
    desc:
--- a/web/src/config/zh.js
+++ b/web/src/config/zh.js
@@ -537,27 +537,27 @@ export const sidebarTriggerList = [
    value: 'outline',
    icon: 'iconfuhao-dagangshu'
  },
-  {
-    name: 'AI',
-    value: 'ai',
-    icon: 'iconAIshengcheng'
-  },
+  // {
+  //   name: 'AI',
+  //   value: 'ai',
+  //   icon: 'iconAIshengcheng'
+  // },
  {
    name: '设置',
    value: 'setting',
    icon: 'iconshezhi'
  },
-  {
-    name: '快捷键',
-    value: 'shortcutKey',
-    icon: 'iconjianpan'
-  }
+  // {
+  //   name: '快捷键',
+  //   value: 'shortcutKey',
+  //   icon: 'iconjianpan'
+  // }
 ]

 // 下载类型列表
 export const downTypeList = [
  {
-    name: '专有文件',
+    name: '思绪文件',
    type: 'smm',
    icon: 'iconwenjian',
    desc: 'SimpleMindMap私有格式，可用于再次导入，客户端可直接编辑'
--- a/web/src/config/zhtw.js
+++ b/web/src/config/zhtw.js
@@ -439,27 +439,27 @@ export const sidebarTriggerList = [
    value: 'outline',
    icon: 'iconfuhao-dagangshu'
  },
-  {
-    name: 'AI',
-    value: 'ai',
-    icon: 'iconAIshengcheng'
-  },
+  // {
+  //   name: 'AI',
+  //   value: 'ai',
+  //   icon: 'iconAIshengcheng'
+  // },
  {
    name: '設置',
    value: 'setting',
    icon: 'iconshezhi'
  },
-  {
-    name: '快捷鍵',
-    value: 'shortcutKey',
-    icon: 'iconjianpan'
-  }
+  // {
+  //   name: '快捷鍵',
+  //   value: 'shortcutKey',
+  //   icon: 'iconjianpan'
+  // }
 ]

 // 下載類型列表
 export const downTypeList = [
  {
-    name: '專用檔案',
+    name: '思緒檔案',
    type: 'smm',
    icon: 'iconwenjian',
    desc: 'SimpleMindMap私有格式，可用于再次導入，客戶端可直接編輯'
--- a/web/src/lang/en_us.js
+++ b/web/src/lang/en_us.js
@@ -178,7 +178,8 @@ export default {
    options: 'Options',
    isFitBg:
      'Whether to display the complete background image (effective when a background image is used)',
-    format: 'Format'
+    format: 'Format',
+    confirm: 'Export'
  },
  fullscreen: {
    fullscreenShow: 'Full screen show',
@@ -209,7 +210,12 @@ export default {
    readonly: 'Change to Readonly',
    edit: 'Change to edit',
    backToRoot: 'Back to root node',
-    changeSourceCodeEdit: 'Switch to source code editing mode'
+    changeSourceCodeEdit: 'Switch to source code editing mode',
+    shortcutKeys: 'Shortcut keys',
+    ai: 'AI dialogue',
+    downloadClient: 'Download client',
+    site: 'Official website',
+    current: 'Current:'
  },
  nodeHyperlink: {
    title: 'Link',
@@ -362,7 +368,8 @@ export default {
    autoOpenNodeRichTextTip:
      'Detected imported rich text content, automatically enabled rich text mode',
    localStorageExceededTip:
-      'The volume of the mind map you created has exceeded the maximum storage limit allowed by the browser. Please export it immediately, otherwise the data will be lost! It is recommended to download the client for use, as there is no size limit for the client.'
+      'The volume of the mind map you created has exceeded the maximum storage limit allowed by the browser. Please export it immediately, otherwise the data will be lost! It is recommended to download the client for use, as there is no size limit for the client.',
+    withBg: 'With background image'
  },
  mouseAction: {
    tip1:
@@ -514,8 +521,7 @@ export default {
    aiCreatePartMsgPrefix: 'I have a theme for【',
    aiCreatePartMsgCenter:
      '】Can you help me continue writing one of the contents of the mind map【',
-    aiCreatePartMsgPostfix:
-      '】The subordinate content of the node',
+    aiCreatePartMsgPostfix: '】The subordinate content of the node',
    aiCreatePartMsgHelp:
      '. Needs to be returned in Markdown format and can only use two syntax: Markdown title and unordered list. It can support multi-level nesting. Just return the content.',
    aiCreatePart: 'AI Continuation'
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -172,7 +172,8 @@ export default {
    desc: '说明',
    options: '选项',
    isFitBg: '是否显示完整背景图片（使用了背景图片时生效）',
-    format: '格式'
+    format: '格式',
+    confirm: '导出'
  },
  fullscreen: {
    fullscreenShow: '全屏查看',
@@ -203,7 +204,12 @@ export default {
    readonly: '切换为只读模式',
    edit: '切换为编辑模式',
    backToRoot: '回到根节点',
-    changeSourceCodeEdit: '切换为源码编辑模式'
+    changeSourceCodeEdit: '切换为源码编辑模式',
+    shortcutKeys: '快捷键',
+    ai: 'AI对话',
+    downloadClient: '下载客户端',
+    site: '官方网站',
+    current: '当前：'
  },
  nodeHyperlink: {
    title: '超链接',
@@ -351,7 +357,8 @@ export default {
    deleteNodeImgTip: '是否确认删除该节点图片？',
    autoOpenNodeRichTextTip: '检测到导入了富文本内容，已自动开启富文本模式',
    localStorageExceededTip:
-      '你创建的思维导图体积已经超过浏览器允许存储的上限，请立即导出，否则数据将丢失！建议下载客户端进行使用，客户端无大小限制。'
+      '你创建的思维导图体积已经超过浏览器允许存储的上限，请立即导出，否则数据将丢失！建议下载客户端进行使用，客户端无大小限制。',
+    withBg: '带背景'
  },
  mouseAction: {
    tip1: '当前：左键拖动画布，右键框选节点',
--- a/web/src/lang/zh_tw.js
+++ b/web/src/lang/zh_tw.js
@@ -173,7 +173,8 @@ export default {
    desc: '說明',
    options: '選項',
    isFitBg: '是否顯示完整背景圖片（使用了背景圖片時生效）',
-    format: '格式'
+    format: '格式',
+    confirm: '匯出'
  },
  fullscreen: {
    fullscreenShow: '全螢幕檢視',
@@ -204,7 +205,13 @@ export default {
    readonly: '切換為唯讀模式',
    edit: '切換為編輯模式',
    backToRoot: '回到根節點',
-    changeSourceCodeEdit: '切換為原始碼編輯模式'
+    changeSourceCodeEdit: '切換為原始碼編輯模式',
+    shortcutKeys: '快捷鍵',
+    ai: 'AI對話',
+    downloadClient: '下載客戶端',
+    site: '官方網站',
+    current: '當前：',
+    withBg: '帶背景'
  },
  nodeHyperlink: {
    title: '超連結',
@@ -495,9 +502,8 @@ export default {
      '】，需要以Markdown格式返回，並且只能使用Markdown的標題和無序列表兩種語法，可以支持多層嵌套。只需返回內容即可。',
    aiCreatePartMsgPrefix: '我有一個主題爲【',
    aiCreatePartMsgCenter: '】的思維導圖，幫我續寫其中一個內容爲【',
-    aiCreatePartMsgPostfix:
-      '】的節點的下級內容',
-      aiCreatePartMsgHelp:
+    aiCreatePartMsgPostfix: '】的節點的下級內容',
+    aiCreatePartMsgHelp:
      '。需要以Markdown格式返回，並且只能使用Markdown的標題和無序列表兩種語法，可以支持多層嵌套。只需返回內容即可。',
    aiCreatePart: 'AI續寫'
  },
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -731,7 +731,7 @@ export default {
      if (typeof MoreThemes !== 'undefined') {
        const extendThemeGroupList = [
          {
-            name: '带背景', // 主题组名称
+            name: this.$t('edit.withBg'), // 主题组名称
            // 主题列表
            list: [...MoreThemes.lightList, ...MoreThemes.darkList].map(
              item => {
--- a/web/src/pages/Edit/components/NavigatorToolbar.vue
+++ b/web/src/pages/Edit/components/NavigatorToolbar.vue
@@ -80,7 +80,7 @@
        @click="toggleDark"
      ></div>
    </div>
-    <div class="item">
+    <!-- <div class="item">
      <el-tooltip
        effect="dark"
        :content="$t('navigatorToolbar.changeSourceCodeEdit')"
@@ -88,19 +88,39 @@
      >
        <div class="btn iconfont iconyuanma" @click="openSourceCodeEdit"></div>
      </el-tooltip>
-    </div>
+    </div> -->
    <div class="item">
      <Demonstrate :isDark="isDark" :mindMap="mindMap"></Demonstrate>
    </div>
    <div class="item">
      <el-dropdown @command="handleCommand">
-        <div class="btn iconfont iconbangzhu"></div>
+        <div class="btn el-icon-more"></div>
        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="client">下载客户端</el-dropdown-item>
-          <el-dropdown-item command="github">Github</el-dropdown-item>
-          <el-dropdown-item command="site">官方网站</el-dropdown-item>
-          <el-dropdown-item command="issue">意见反馈</el-dropdown-item>
-          <el-dropdown-item disabled>当前：v{{ version }}</el-dropdown-item>
+          <el-dropdown-item command="shortcutKey">
+            <span class="iconfont iconjianpan"></span>
+            {{ $t('navigatorToolbar.shortcutKeys') }}
+          </el-dropdown-item>
+          <el-dropdown-item command="aiChat">
+            <span class="iconfont iconAIshengcheng"></span>
+            {{ $t('navigatorToolbar.ai') }}
+          </el-dropdown-item>
+          <el-dropdown-item command="client">
+            <span class="iconfont iconxiazai"></span>
+            {{ $t('navigatorToolbar.downloadClient') }}
+          </el-dropdown-item>
+          <el-dropdown-item command="github">
+            <span class="iconfont icongithub"></span>
+            Github
+          </el-dropdown-item>
+          <el-dropdown-item command="site">
+            <span class="iconfont iconwangzhan"></span>
+            {{ $t('navigatorToolbar.site') }}
+          </el-dropdown-item>
+          <el-dropdown-item disabled
+            >{{ $t('navigatorToolbar.current') }}v{{
+              version
+            }}</el-dropdown-item
+          >
        </el-dropdown-menu>
      </el-dropdown>
    </div>
@@ -149,7 +169,12 @@ export default {
    this.lang = getLang()
  },
  methods: {
-    ...mapMutations(['setLocalConfig', 'setIsReadonly', 'setIsSourceCodeEdit']),
+    ...mapMutations([
+      'setLocalConfig',
+      'setIsReadonly',
+      'setIsSourceCodeEdit',
+      'setActiveSidebar'
+    ]),

    readonlyChange() {
      this.setIsReadonly(!this.isReadonly)
@@ -178,6 +203,13 @@ export default {
    },

    handleCommand(command) {
+      if (command === 'shortcutKey') {
+        this.setActiveSidebar('shortcutKey')
+        return
+      } else if (command === 'aiChat') {
+        this.setActiveSidebar('ai')
+        return
+      }
      let url = ''
      switch (command) {
        case 'github':