feat: 保存用户目录配置

Author: Flex-7746

frontend/src/layout/DialogOpen.vue

@@ -125,6 +125,8 @@ const addDir = (v: string) => {
   }
 
   user.cfg.dir.unshift(v)
+
+  user.update()
 }
 
 const deleteDir = (v: string) => {
@@ -135,6 +137,8 @@ const deleteDir = (v: string) => {
     if (cfg.value.folderDefOpen === v) {
       cfg.value.folderDefOpen = ''
     }
+
+    user.update()
   }
 }
 </script>

frontend/src/layout/ViewLeft/ViewHistory.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="view">
     <div class="head">
-      <div class="title">历史记录</div>
+      <div class="title">文件打开记录</div>
 
       <el-icon class="icon" @click="open.clearHistory()"><Delete /></el-icon>
     </div>

frontend/src/store/user.ts

@@ -1,7 +1,8 @@
 import { ref } from 'vue'
 import { defineStore } from 'pinia'
+import axios from 'axios'
 
-import { IS_DEV } from '@/utils/env'
+import { HOST, IS_DEV, USER_CONFIG_PATH } from '@/utils/env'
 
 import { useLikeStore } from '@/store/like'
 
@@ -10,7 +11,7 @@ interface LikeModel {
 }
 
 const getDef = (): LikeModel => ({
-  dir: IS_DEV ? ['/Users/flex/Downloads', '/Users/flex/Downloads/code.editor'] : ['/vol1/1000'],
+  dir: IS_DEV ? ['/Users/flex/Downloads'] : ['/vol1/1000'],
 })
 
 export const useUserStore = defineStore('user', () => {
@@ -21,18 +22,35 @@ export const useUserStore = defineStore('user', () => {
   const cfg = ref(getDef())
 
   const load = async () => {
-    // todo api
+    const { data: result1 } = await axios.get(HOST, {
+      params: { _api: 'read', path: USER_CONFIG_PATH },
+    })
+
+    if (result1.code === 404) {
+      await update()
+    } else {
+      cfg.value = result1 as LikeModel
+    }
 
     like.cfg.folderActive = like.cfg.folderDefOpen || cfg.value.dir[0] || ''
 
     initialized.value = true
   }
 
-  return {
-    initialized,
-
-    cfg,
-
-    load,
+  const update = async () => {
+    await axios.post(
+      HOST,
+      {
+        encode: 'utf8',
+        path: USER_CONFIG_PATH,
+        value: JSON.stringify(cfg.value),
+        force: 1,
+      },
+      {
+        params: { _api: 'save' },
+      },
+    )
   }
+
+  return { initialized, cfg, load, update }
 })

frontend/src/utils/env.ts

@@ -1,3 +1,7 @@
 export const IS_DEV = import.meta.env.MODE === 'development'
 
 export const HOST = IS_DEV ? 'http://127.0.0.1:17746' : '/cgi/ThirdParty/code.editor/index.cgi'
+
+export const USER_CONFIG_PATH = IS_DEV
+  ? '/Users/flex/Downloads/config.json'
+  : '/var/apps/code.editor/shares/config.json'