feat: 支持设置全局请求超时(后端 > 2.14.140)

package.json

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

src/locales/en.ts

@@ -367,9 +367,11 @@ export default {
       githubUser: 'Please input GitHub username',
       gistToken: 'Please input Gist Token',
       defaultUserAgent: 'Please input Default User-Agent',
+      defaultTimeout: 'Please input Default Timeout (in milliseconds)',
       noGithubUser: 'Not set GitHub username',
       noGistToken: 'Not set Gist Token',
-      noDefaultUserAgent: 'Not set default user-agent'
+      noDefaultUserAgent: 'Not set default user-agent',
+      noDefaultTimeout: 'Not set default timeout'
     },
     btn: {
       download: 'Download',

src/locales/zh.ts

@@ -369,9 +369,11 @@ export default {
       githubUser: '请输入 GitHub 用户名',
       gistToken: '请输入 GitHub 令牌',
       defaultUserAgent: '请输入默认 User-Agent',
+      defaultTimeout: '请输入默认超时(单位: 毫秒)',
       noGithubUser: '未配置 GitHub 用户名',
       noGistToken: '未配置 GitHub 令牌',
-      noDefaultUserAgent: '未配置默认 User-Agent'
+      noDefaultUserAgent: '未配置默认 User-Agent',
+      noDefaultTimeout: '未配置默认超时'
     },
     notify: {
       save: {

src/store/settings.ts

@@ -15,6 +15,7 @@ export const useSettingsStore = defineStore('settingsStore', {
       gistToken: '',
       githubUser: '',
       defaultUserAgent: '',
+      defaultTimeout: '',
       syncTime: 0,
       theme: {
         auto: true,
@@ -36,6 +37,7 @@ export const useSettingsStore = defineStore('settingsStore', {
         this.gistToken = res.data.gistToken || '';
         this.githubUser = res.data.githubUser || '';
         this.defaultUserAgent = res.data.defaultUserAgent || '';
+        this.defaultTimeout = res.data.defaultTimeout || '';
         this.syncTime = res.data.syncTime || 0;
         this.avatarUrl = res.data.avatarUrl || '';
         this.artifactStore = res.data.artifactStore || '';
@@ -64,6 +66,7 @@ export const useSettingsStore = defineStore('settingsStore', {
         this.gistToken = res.data.gistToken || '';
         this.githubUser = res.data.githubUser || '';
         this.defaultUserAgent = res.data.defaultUserAgent || '';
+        this.defaultTimeout = res.data.defaultTimeout || '';
         this.avatarUrl = res.data.avatarUrl || '';
         this.artifactStore = res.data.artifactStore || '';
         showNotify({ type: 'success', title: t(`myPage.notify.save.succeed`) });

src/types/store/settings.d.ts

@@ -11,6 +11,7 @@ interface SettingsPostData {
   gistToken?: string;
   githubUser?: string;
   defaultUserAgent?: string;
+  defaultTimeout?: string;
   theme?: {
     auto: boolean;
     name?: CustomTheme;

src/views/My.vue

@@ -173,6 +173,15 @@
             input-align="left"
             :left-icon="iconUA"
           />
+          <nut-input
+            class="input"
+            v-model="timeoutInput"
+            :disabled="!isEditing"
+            :placeholder="$t(`myPage.placeholder.defaultTimeout`)"
+            type="number"
+            input-align="left"
+            :left-icon="iconTimeout"
+          />
         </div>
       </div>
 
@@ -226,6 +235,7 @@ import avatar from "@/assets/icons/avatar.svg?url";
 import iconKey from "@/assets/icons/key-solid.png";
 import iconUser from "@/assets/icons/user-solid.png";
 import iconUA from "@/assets/icons/user-agent.svg";
+import iconTimeout from "@/assets/icons/timeout.svg";
 import { useAppNotifyStore } from "@/store/appNotify";
 import { useGlobalStore } from "@/store/global";
 import { useSettingsStore } from "@/store/settings";
@@ -245,7 +255,7 @@ const router = useRouter();
 const { showNotify } = useAppNotifyStore();
 const { currentUrl: host } = useHostAPI();
 const settingsStore = useSettingsStore();
-const { githubUser, gistToken, syncTime, avatarUrl, defaultUserAgent } =
+const { githubUser, gistToken, syncTime, avatarUrl, defaultUserAgent, defaultTimeout } =
   storeToRefs(settingsStore);
 
 const displayAvatar = computed(() => {
@@ -269,6 +279,7 @@ const onClickAbout = () => {
 const userInput = ref("");
 const tokenInput = ref("");
 const uaInput = ref("");
+const timeoutInput = ref("");
 const isEditing = ref(false);
 const isEditLoading = ref(false);
 const isInit = ref(false);
@@ -282,12 +293,14 @@ const toggleEditMode = async () => {
       githubUser: userInput.value,
       gistToken: tokenInput.value,
       defaultUserAgent: uaInput.value,
+      defaultTimeout: timeoutInput.value,
     });
     setDisplayInfo();
   } else {
     userInput.value = githubUser.value;
     tokenInput.value = gistToken.value;
     uaInput.value = defaultUserAgent.value;
+    timeoutInput.value = defaultTimeout.value;
   }
   isEditLoading.value = false;
   isEditing.value = !isEditing.value;
@@ -305,6 +318,7 @@ const setDisplayInfo = () => {
     ? gistToken.value.slice(0, 6) + "************"
     : t(`myPage.placeholder.noGistToken`);
     uaInput.value = defaultUserAgent.value || t(`myPage.placeholder.noDefaultUserAgent`);
+    timeoutInput.value = defaultTimeout.value || t(`myPage.placeholder.noDefaultTimeout`);
 };
 
 // 同步 上传