feat: support import path in console.

Author: li-guohao

console/package.json

@@ -11,7 +11,8 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.1.0",
     "@runikaros/shared": "^0.0.2",
-    "vue": "^3.2.47"
+    "axios": "^1.7.2",
+    "js-base64": "^3.7.7"
   },
   "devDependencies": {
     "@types/node": "^16.18.0",
@@ -21,5 +22,8 @@
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
     "vue-tsc": "^1.4.2"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.45"
   }
 }

console/pnpm-lock.yaml

@@ -1,19 +1,64 @@
 <script setup lang="ts">
 import {  ref } from "vue"
+import axios from "axios";
+import {Base64} from 'js-base64'
+
+const path = ref('')
+
+const http = axios.create({
+  baseURL: "/",
+  timeout: 40 * 1000, // 30s
+})
+
+const doPostImportPath = () => {
+  if (!path.value) {
+    window.alert('请输入alist的相对路径，比如：/PKPK/LP-Raws/');
+    return;
+  }
+  // basic64 编码
+  console.debug('original path value: ', path.value);
+  var base64Path = Base64.encode(path.value);
+  console.debug('basic64 path value: ', base64Path);
+  let config = {
+        headers: {'Content-Type': "application/json;charset=UTF-8"}
+    };
+  let data = {
+      path: base64Path
+  };
+  var submitBtn = document.getElementById('submitBtn')
+  console.debug('submitBtn:', submitBtn)
+  if (submitBtn) submitBtn.innerHTML = '处理中...'
+  http.post('/apis/plugin.ikaros.run/v1alpha1/PluginAList/alist/import', data, config)
+    .then((response) => {
+      console.debug('response', response)
+      if (response.status === 200) {
+        window.alert('导入目录['+path.value+']成功!!')
+      }
+    })
+    .catch(error => {
+      console.error(error)
+    })
+    .finally(()=>{
+      if (submitBtn) submitBtn.innerHTML = '提交导入'
+    });
+
+};
+
+const onInputChange = (event:any) => {
+  // console.debug('event', event)
+  path.value = event.target.value
+}
 
-const alistPath = ref("/")
 </script>
 
 <template>
   <div class="ik-plugin-alist-container">
     <h3>AList 插件操作</h3>
     <hr />
-    <form name="form" method="post" action="#">
-      <input name="path" placeholder="请输入需要导入的相对路径路径" required v-model="alistPath">
-      <input type="submit" name="submit" value="提交导入">
-      {{alistPath}}
-    </form>
-  </div>
+    <input style="width: 800px;display: block;" placeholder="请输入需要导入的相对路径，比如：/PKPK/LP-Raws , 递归处理，提交后还请耐心等待。" :value="path"  @input="onInputChange">
+    <br />
+    <button id="submitBtn" v-on:click="doPostImportPath">提交导入</button>
+  </div> 
 </template>
 
 <style scoped>