fix(ai): code style error (#317)

* fix(ai): code style error

* feat(.vscode): settings.json 增加 按 Tab 键 → 插入指定数量的空格

* feat: createActionMenu 逻辑错误修复

Author: vaebe

.vscode/settings.json

@@ -4,6 +4,7 @@
   "editor.formatOnSave": false,
   "editor.formatOnType": false,
   "editor.tabSize": 2,
+  "editor.insertSpaces": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
     "source.organizeImports": "never"

packages/docs/fluent-editor/demos/ai.vue

@@ -7,7 +7,7 @@ const TOOLBAR_CONFIG = [
   ['ai', { header: [] }],
   ['bold', 'italic', 'underline', 'link'],
   [{ list: 'ordered' }, { list: 'bullet' }],
-  ['clean']
+  ['clean'],
 ]
 
 onMounted(() => {
@@ -19,15 +19,15 @@ onMounted(() => {
       theme: 'snow',
       modules: {
         toolbar: {
-          container: TOOLBAR_CONFIG
+          container: TOOLBAR_CONFIG,
         },
         ai: {
           host: 'http://localhost:11434',
           model: 'deepseek-r1:8b',
           apiKey: '',
-          contentMaxLength: 1000
-        }
-      }
+          contentMaxLength: 1000,
+        },
+      },
     })
   })
 })

packages/fluent-editor/src/modules/ai/constants.ts

@@ -1,44 +1,43 @@
-
 import {
-    RICH_CONTENT_ICON,
-    STREAMLINE_CONTENT_ICON,
-    SYMBOL_ICON,
-    TRANSLATE_ICON,
-  } from './icons'
+  RICH_CONTENT_ICON,
+  STREAMLINE_CONTENT_ICON,
+  SYMBOL_ICON,
+  TRANSLATE_ICON,
+} from './icons'
 
-export const INPUT_PLACEHOLDER = '请输入问题或"/"获取提示词';
-export const SELECT_PLACEHOLDER = '向我提问/选择操作';
-export const STOP_ANSWER = '停止回答';
-export const REPLACE_SELECT = '替换选中内容';
-export const INSERT_TEXT = '插入内容';
-export const INSERT_SUB_CONTENT_TEXT = '插入内容下方';
-export const REGENERATE = '重新生成';
-export const CLOSE = '关闭';
-export const THINK_TEXT = '正在为您分析并总结答案';
-export const RESULT_HEADER_TEXT = '根据您的诉求，已为您解答，具体如下：';
+export const INPUT_PLACEHOLDER = '请输入问题或"/"获取提示词'
+export const SELECT_PLACEHOLDER = '向我提问/选择操作'
+export const STOP_ANSWER = '停止回答'
+export const REPLACE_SELECT = '替换选中内容'
+export const INSERT_TEXT = '插入内容'
+export const INSERT_SUB_CONTENT_TEXT = '插入内容下方'
+export const REGENERATE = '重新生成'
+export const CLOSE = '关闭'
+export const THINK_TEXT = '正在为您分析并总结答案'
+export const RESULT_HEADER_TEXT = '根据您的诉求，已为您解答，具体如下：'
 
 export const MENU_TITLE_DATA = {
-    editor: [
-      { id: '1-1', text: '丰富内容', icon: RICH_CONTENT_ICON },
-      { id: '1-2', text: '精简内容', icon: STREAMLINE_CONTENT_ICON },
-      { id: '1-3', text: '修改标点符号', icon: SYMBOL_ICON },
-      { id: '1-4', text: '翻译', icon: TRANSLATE_ICON },
-    ],
-    tone: [
-      { id: '2-1', text: '更专业的' },
-      { id: '2-2', text: '更直接的' },
-      { id: '2-3', text: '更友善的' },
-      { id: '2-4', text: '更口语化的' },
-    ],
-    adjust: [
-      { id: '3-1', text: '提炼要点' },
-      { id: '3-2', text: '归纳总结' },
-      { id: '3-3', text: '转写成[代码块]' },
-    ]
-};
+  editor: [
+    { id: '1-1', text: '丰富内容', icon: RICH_CONTENT_ICON },
+    { id: '1-2', text: '精简内容', icon: STREAMLINE_CONTENT_ICON },
+    { id: '1-3', text: '修改标点符号', icon: SYMBOL_ICON },
+    { id: '1-4', text: '翻译', icon: TRANSLATE_ICON },
+  ],
+  tone: [
+    { id: '2-1', text: '更专业的' },
+    { id: '2-2', text: '更直接的' },
+    { id: '2-3', text: '更友善的' },
+    { id: '2-4', text: '更口语化的' },
+  ],
+  adjust: [
+    { id: '3-1', text: '提炼要点' },
+    { id: '3-2', text: '归纳总结' },
+    { id: '3-3', text: '转写成[代码块]' },
+  ],
+}
 
 export const MENU_ID_MAP = {
-    editor: 'subMenuEditorEl',
-    tone: 'subMenuToneEl',
-    adjust: 'subMenuAdjustEl',
-};
+  editor: 'subMenuEditorEl',
+  tone: 'subMenuToneEl',
+  adjust: 'subMenuAdjustEl',
+}