feat: 配置改版, 支持前端配置和缓存配置(后端>=2.21.0)

Author: xream

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.94",
+  "version": "2.16.1",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/assets/icons/concurrency.svg

@@ -173,7 +173,7 @@ export const useHostAPI = () => {
       .map(i => i.split('='))
       .find(i => i[0] === 'timeout');
     if (timeout) {
-      const value = parseInt(timeout[1], 10);
+      const value = Number(timeout[1]);
       if (!isNaN(value)) {
         if (value > 0) {
           console.log(`设置超时 ${value}`)

src/assets/icons/headersCacheTtl.svg

@@ -597,8 +597,13 @@ export default {
       githubProxy: "Please input GitHub Proxy",
       defaultUserAgent: "Please input Default User-Agent",
       defaultProxy: "Please input Default Proxy/Policy",
-      defaultTimeout: "Default Timeout (in milliseconds, default: 8000)",
+      defaultTimeout: "Default Timeout (in ms, default: 8000)",
       cacheThreshold: "Cache Threshold (in KB, default: 1024)",
+      resourceCacheTtl: 'Resource Cache TTL, default: 3600(s)',
+      headersCacheTtl: 'Headers Cache TTL, default: 60(s)',
+      scriptCacheTtl: 'Script Cache TTL, default: 172800(s)',
+      concurrency: 'Concurrency Limit(default: 3)',
+      apiCheckTimeout: 'API Check Timeout, default: 3000(ms)',
       noGithubUser: "Not set GitHub username",
       noGistToken: "Not set Gist Token",
       noGithubProxy: "Not set GitHub Proxy",
@@ -636,7 +641,10 @@ export default {
         failed: "Sort failed",
       },
     },
-    config: "Configuration",
+    requestConfig: "Request Configuration",
+    cacheConfig: "Cache Configuration",
+    frontEndConfig: "Front-End Configuration",
+    githubConfig: 'GitHub Configuration',
     storage: {
       gist: {
         label: "Gist",

src/assets/icons/resourceCacheTtl.svg

@@ -594,6 +594,11 @@ export default {
       defaultProxy: '请输入默认代理/策略',
       defaultTimeout: '默认超时(单位: 毫秒, 默认: 8000)',
       cacheThreshold: '缓存阈值(单位: KB, 默认: 1024)',
+      resourceCacheTtl: '资源缓存(单位: 秒, 默认: 3600)',
+      headersCacheTtl: '响应头缓存(单位: 秒, 默认: 60)',
+      scriptCacheTtl: '脚本缓存(单位: 秒, 默认: 172800)',
+      concurrency: '并发数(默认: 3)',
+      apiCheckTimeout: 'API 检测超时(单位: 毫秒, 默认: 3000)',
       noGithubUser: '未配置 GitHub 用户名',
       noGistToken: '未配置 GitHub 令牌',
       noGithubProxy: '未配置 GitHub 加速代理',
@@ -631,7 +636,10 @@ export default {
       save: '保存',
       clear: '清空',
     },
-    config: '配置',
+    requestConfig: "请求配置",
+    cacheConfig: "缓存配置",
+    frontEndConfig: "前端配置",
+    githubConfig: 'GitHub 配置',
     storage: {
       gist: {
         label: 'Gist 同步',

src/assets/icons/scriptCacheTtl.svg

@@ -31,10 +31,6 @@ export const useGlobalStore = defineStore('globalStore', {
       savedPositions: {},
       defaultIconCollection: localStorage.getItem('defaultIconCollection') || '',
       defaultIconCollections: [
-        {
-          text: "cc63/ICON",
-          value: "https://raw.githubusercontent.com/cc63/ICON/main/icons.json",
-        },
         {
           text: "Koolson/QureColor",
           value:
@@ -66,6 +62,10 @@ export const useGlobalStore = defineStore('globalStore', {
           value:
             "https://raw.githubusercontent.com/Twoandz9/TheMagic-Icons/main/TheRaw.json",
         },
+        {
+          text: "cc63/ICON",
+          value: "https://raw.githubusercontent.com/cc63/ICON/main/icons.json",
+        },
         {
           text: "lige47/QuanX-icon-rule",
           value:

src/hooks/useHostAPI.ts

@@ -21,6 +21,9 @@ export const useSettingsStore = defineStore("settingsStore", {
       defaultProxy: "",
       defaultTimeout: "",
       cacheThreshold: "",
+      resourceCacheTtl: "",
+      headersCacheTtl: "",
+      scriptCacheTtl: "",
       syncTime: 0,
       theme: {
         auto: true,
@@ -112,6 +115,9 @@ export const useSettingsStore = defineStore("settingsStore", {
         this.defaultUserAgent = res.data.data.defaultUserAgent || "";
         this.defaultTimeout = res.data.data.defaultTimeout || "";
         this.cacheThreshold = res.data.data.cacheThreshold || "";
+        this.resourceCacheTtl = res.data.data.resourceCacheTtl || "";
+        this.headersCacheTtl = res.data.data.headersCacheTtl || "";
+        this.scriptCacheTtl = res.data.data.scriptCacheTtl || "";
         this.avatarUrl = res.data.data.avatarUrl || "";
         this.artifactStore = res.data.data.artifactStore || "";
         this.artifactStoreStatus = res.data.data.artifactStoreStatus || "";