fix: unable to install deps in spider tab

src/views/deps/components/form/InstallForm.vue

@@ -117,6 +117,7 @@ export default defineComponent({
       if (!props.visible) return;
       versionsLoading.value = true;
       try {
+        console.debug('getVersions', props.names[0])
         const res = await get(`${endpointL}/${props.lang}/${props.names[0]}/versions`)
         versions.value = res.data;
         if (versions.value.length > 0) {

src/views/deps/spider/DependencySpiderTab.vue

@@ -31,6 +31,7 @@
     />
     <cl-install-form
       :visible="dialogVisible.install"
+      :lang="lang"
       :nodes="allNodes"
       :names="installForm.names"
       @confirm="onInstall"
@@ -47,7 +48,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, h, onMounted, ref} from 'vue';
+import {computed, defineComponent, h, onMounted, ref, watch} from 'vue';
 import {useRoute} from 'vue-router';
 import {useStore} from 'vuex';
 import {ElMessage, ElMessageBox} from 'element-plus';
@@ -234,6 +235,8 @@ export default defineComponent({
 
     onMounted(getSpiderData);
 
+    watch(() => route.params.id, getSpiderData);
+
     const spiderDataDependencyTypeLabel = computed(() => {
       switch (spiderData.value.dependency_type) {
         case 'requirements.txt':
@@ -266,6 +269,17 @@ export default defineComponent({
       }
     });
 
+    const lang = computed(() => {
+      switch (spiderData.value.dependency_type) {
+        case 'requirements.txt':
+          return 'python';
+        case 'package.json':
+          return 'node';
+        default:
+          return '';
+      }
+    });
+
     const installForm = ref<EnvDepsInstallPayload>({
       names: [],
     });
@@ -362,6 +376,7 @@ export default defineComponent({
       onDialogClose,
       onInstall,
       onUninstall,
+      lang,
       dialogVisible,
       installForm,
       uninstallForm,