feat: added create with ai

src/components/context-menu/ContextMenuList.vue

@@ -66,6 +66,11 @@ export default defineComponent({
       background-color: var(--cl-primary-plain-color);
     }
 
+    &.disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
     .title {
       white-space: nowrap;
       overflow: hidden;

src/components/file/FileEditor.vue

@@ -51,6 +51,7 @@
         @node-db-click="onNavItemDbClick"
         @node-drop="onNavItemDrop"
         @ctx-menu-new-file="onContextMenuNewFile"
+        @ctx-menu-new-file-with-ai="onContextMenuNewFileWithAi"
         @ctx-menu-new-directory="onContextMenuNewDirectory"
         @ctx-menu-rename="onContextMenuRename"
         @ctx-menu-clone="onContextMenuClone"
@@ -191,6 +192,7 @@ export default defineComponent({
     'node-drop',
     'save-file',
     'ctx-menu-new-file',
+    'ctx-menu-new-file-with-ai',
     'ctx-menu-new-directory',
     'ctx-menu-rename',
     'ctx-menu-clone',
@@ -459,6 +461,11 @@ export default defineComponent({
       sendEvent('click_file_editor_nav_menu_item_context_menu_new_file');
     };
 
+    const onContextMenuNewFileWithAi = (item: FileNavItem) => {
+      console.debug(item);
+      emit('ctx-menu-new-file-with-ai', item);
+    };
+
     const onContextMenuNewDirectory = (item: FileNavItem, name: string) => {
       emit('ctx-menu-new-directory', item, name);
 
@@ -676,8 +683,8 @@ export default defineComponent({
       codeMirrorTemplateEditor.setOption('mode', 'text/x-python');
     };
 
-    const onCreateWithAi = (name: string, sourceCode: string) => {
-      emit('create-with-ai', name, sourceCode);
+    const onCreateWithAi = (name: string, sourceCode: string, item?: FileNavItem) => {
+      emit('create-with-ai', name, sourceCode, item);
     };
 
     onMounted(initEditor);
@@ -709,6 +716,7 @@ export default defineComponent({
       onNavItemDbClick,
       onNavItemDrop,
       onContextMenuNewFile,
+      onContextMenuNewFileWithAi,
       onContextMenuNewDirectory,
       onContextMenuRename,
       onContextMenuClone,

src/components/file/FileEditorCreateWithAiDialog.vue

@@ -38,7 +38,7 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="t('components.file.editor.createWithAi.form.prompt')" prop="prompt" required>
-          <el-input v-model="form.prompt" :placeholder="t('components.file.editor.createWithAi.form.prompt')"/>
+          <el-input v-model="form.prompt" type="textarea" :placeholder="t('components.file.editor.createWithAi.form.prompt')"/>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -50,16 +50,11 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, onBeforeMount, readonly, ref} from 'vue';
+import {computed, defineComponent, ref} from 'vue';
 import {useStore} from 'vuex';
-import {plainClone} from '@/utils/object';
-import {getOptionDefinition, getThemes} from '@/utils/codemirror';
 import {onBeforeRouteLeave} from 'vue-router';
 import {useI18n} from 'vue-i18n';
-import {sendEvent} from '@/admin/umeng';
 import useRequest from "@/services/request";
-import useSpiderService from "@/services/spider/spiderService";
-import useSpiderDetail from "@/views/spider/detail/useSpiderDetail";
 import {ElMessage} from "element-plus";
 
 const {
@@ -83,13 +78,6 @@ export default defineComponent({
       return editorCreateWithAiDialogVisible;
     });
 
-    const {
-      activeId,
-    } = useSpiderDetail();
-
-    // spider id
-    const id = computed<string>(() => activeId.value);
-
     const form = ref({
       fileName: '',
       url: '',
@@ -143,6 +131,8 @@ export default defineComponent({
       }
     });
 
+    const item = computed(() => file.editorFileNavItem);
+
     const onClose = () => {
       store.commit(`${storeNamespace}/setEditorCreateWithAiDialogVisible`, false);
     };
@@ -161,7 +151,7 @@ export default defineComponent({
         } as any);
         const sourceCode = res.data?.source_code || res.data?.output.source_code;
         store.commit(`${storeNamespace}/setEditorCreateWithAiDialogVisible`, false);
-        emit('create', form.value.fileName, sourceCode);
+        emit('create', form.value.fileName, sourceCode, item.value);
       } catch (e: any) {
         ElMessage.error(e.message)
       } finally {

src/components/file/FileEditorNavMenu.vue

@@ -41,6 +41,7 @@
           @delete="onNodeContextMenuDelete(data)"
           @rename="onNodeContextMenuRename(data)"
           @new-file="onNodeContextMenuNewFile(data)"
+          @new-file-with-ai="onNodeContextMenuNewFileWithAi(data)"
           @new-directory="onNodeContextMenuNewDirectory(data)"
         >
           <div
@@ -113,6 +114,7 @@ export default defineComponent({
     'node-db-click',
     'node-drop',
     'ctx-menu-new-file',
+    'ctx-menu-new-file-with-ai',
     'ctx-menu-new-directory',
     'ctx-menu-rename',
     'ctx-menu-clone',
@@ -231,6 +233,11 @@ export default defineComponent({
       emit('ctx-menu-new-file', item, res.value);
     };
 
+    const onNodeContextMenuNewFileWithAi = async (item: FileNavItem) => {
+      console.debug(item);
+      emit('ctx-menu-new-file-with-ai', item);
+    };
+
     const onNodeContextMenuNewDirectory = async (item: FileNavItem) => {
       const res = await ElMessageBox.prompt(
         t('components.file.editor.messageBox.prompt.newDirectory'),
@@ -414,6 +421,7 @@ export default defineComponent({
       onNodeContextMenuShow,
       onNodeContextMenuHide,
       onNodeContextMenuNewFile,
+      onNodeContextMenuNewFileWithAi,
       onNodeContextMenuNewDirectory,
       onNodeContextMenuRename,
       onNodeContextMenuClone,

src/components/file/FileEditorNavMenuContextMenu.vue

@@ -11,31 +11,45 @@
 
 <script lang="ts">
 import {computed, defineComponent} from 'vue';
-import ContextMenu, {contextMenuDefaultProps} from '@/components/context-menu/ContextMenu.vue';
-import ContextMenuList from '@/components/context-menu/ContextMenuList.vue';
+import {contextMenuDefaultProps} from '@/components/context-menu/ContextMenu.vue';
 import {useI18n} from 'vue-i18n';
+import {useStore} from "vuex";
 
 export default defineComponent({
   name: 'FileEditorNavMenuContextMenu',
   props: contextMenuDefaultProps,
   emits: [
     'hide',
     'new-file',
+    'new-file-with-ai',
     'new-directory',
     'rename',
     'clone',
     'delete',
   ],
-  setup(props, {emit}) {
+  setup(_, {emit}) {
     const {t} = useI18n();
 
+    const store = useStore();
+    const {
+      common: commonState
+    } = store.state as RootStoreState;
+
+    const systemInfo = computed<SystemInfo>(() => commonState.systemInfo || {});
+
     const items = computed<ContextMenuItem[]>(() => [
       {
         title: t('components.file.editor.navMenu.newFile'),
         icon: ['fa', 'file-alt'],
         className: 'new-file',
         action: () => emit('new-file'),
       },
+      {
+        title: t('components.file.editor.navMenu.newFileWithAi'),
+        icon: ['fa', 'robot'],
+        className: 'new-file-with-ai' + (systemInfo.value.edition === 'global.edition.community' ? ' disabled' : ''),
+        action: () => emit('new-file-with-ai'),
+      },
       {
         title: t('components.file.editor.navMenu.newDirectory'),
         icon: ['fa', 'folder-plus'],

src/i18n/lang/en/components/file.ts

@@ -8,6 +8,7 @@ const file: LComponentsFile = {
     },
     navMenu: {
       newFile: 'New File',
+      newFileWithAi: 'New File with AI',
       newDirectory: 'New Directory',
       rename: 'Rename',
       duplicate: 'Duplicate',

src/i18n/lang/zh/components/file.ts

@@ -8,6 +8,7 @@ const file: LComponentsFile = {
     },
     navMenu: {
       newFile: '新建文件',
+      newFileWithAi: '用 AI 新建文件',
       newDirectory: '新建目录',
       rename: '重命名',
       duplicate: '复制',

src/interfaces/i18n/components/file.d.ts

@@ -8,6 +8,7 @@ interface LComponentsFile {
     };
     navMenu: {
       newFile: string;
+      newFileWithAi: string;
       newDirectory: string;
       rename: string;
       duplicate: string;

src/interfaces/store/modules/file.d.ts

@@ -11,6 +11,7 @@ declare global {
     editorOptions: FileEditorConfiguration;
     editorSettingsDialogVisible: boolean;
     editorCreateWithAiDialogVisible: boolean;
+    editorFileNavItem?: FileNavItem;
   }
 
   // interface FileStoreGetters extends GetterTree<FileStoreState, RootStoreState> {
@@ -21,5 +22,7 @@ declare global {
     resetEditorOptions: StoreMutation<FileStoreState>;
     setEditorSettingsDialogVisible: StoreMutation<FileStoreState, boolean>;
     setEditorCreateWithAiDialogVisible: StoreMutation<FileStoreState, boolean>;
+    resetEditorFileNavItem: StoreMutation<FileStoreState>;
+    setEditorFileNavItem: StoreMutation<FileStoreState, FileNavItem>;
   }
 }

src/store/modules/file.ts

@@ -49,6 +49,7 @@ export default {
     editorOptions: getDefaultEditorOptions(),
     editorSettingsDialogVisible: false,
     editorCreateWithAiDialogVisible: false,
+    editorFileNavItem: undefined,
   },
   mutations: {
     setEditorOptions: (state: FileStoreState, options: EditorConfiguration) => {
@@ -66,6 +67,12 @@ export default {
     setEditorCreateWithAiDialogVisible: (state: FileStoreState, value: boolean) => {
       state.editorCreateWithAiDialogVisible = value;
     },
+    resetEditorFileNavItem: (state: FileStoreState) => {
+      state.editorFileNavItem = undefined;
+    },
+    setEditorFileNavItem: (state: FileStoreState, value: FileNavItem) => {
+      state.editorFileNavItem = value;
+    },
   },
   actions: {}
 } as FileStoreModule;

src/views/spider/detail/actions/SpiderDetailActionsFiles.vue

@@ -84,6 +84,7 @@ export default defineComponent({
     };
 
     const onOpenCreateWithAi = async () => {
+      store.commit('file/resetEditorFileNavItem');
       store.commit(`file/setEditorCreateWithAiDialogVisible`, true);
     };
 

src/views/spider/detail/tabs/SpiderDetailTabFiles.vue

@@ -10,6 +10,7 @@
     @node-db-click="onNavItemDbClick"
     @node-drop="onNavItemDrop"
     @ctx-menu-new-file="onContextMenuNewFile"
+    @ctx-menu-new-file-with-ai="onContextMenuNewFileWithAi"
     @ctx-menu-new-directory="onContextMenuNewDirectory"
     @ctx-menu-rename="onContextMenuRename"
     @ctx-menu-clone="onContextMenuClone"
@@ -134,6 +135,12 @@ export default defineComponent({
       await openFile(path);
     };
 
+    const onContextMenuNewFileWithAi = async (item: FileNavItem) => {
+      console.debug(item);
+      store.commit('file/setEditorFileNavItem', item);
+      store.commit(`file/setEditorCreateWithAiDialogVisible`, true);
+    };
+
     const onContextMenuNewDirectory = async (item: FileNavItem, name: string) => {
       if (!item.path) return;
       const path = getPath(item, name);
@@ -173,8 +180,11 @@ export default defineComponent({
       await listRootDir(id.value);
     };
 
-    const onCreateWithAi = async (name: string, sourceCode: string) => {
-      const path = `/${name}`;
+    const onCreateWithAi = async (name: string, sourceCode: string, item?: FileNavItem) => {
+      let path = `/${name}`;
+      if (item) {
+        path = getPath(item, name);
+      }
       await saveFile(id.value, path, sourceCode);
       await listRootDir(id.value);
       await openFile(path);
@@ -215,6 +225,7 @@ export default defineComponent({
       onNavItemDbClick,
       onNavItemDrop,
       onContextMenuNewFile,
+      onContextMenuNewFileWithAi,
       onContextMenuNewDirectory,
       onContextMenuRename,
       onContextMenuClone,