feat: 更新页面标题和图标，添加远端配置保存与加载功能

src/pages/config/store/index.ts

@@ -1,11 +1,16 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import type { Config, defaultConfig } from './schema';
+import { queryLogin } from '@/modules/query';
+import { toast } from 'sonner';
 
 type ConfigState = {
   config: Config;
   setConfig: (config: Partial<Config>) => void;
   resetConfig: () => void;
+  saveToRemote: () => Promise<void>;
+  loadFromRemote: () => Promise<void>;
+  checkConfig: (opts?: { isUser?: boolean, reload?: boolean }) => Promise<boolean>;
 };
 
 const STORAGE_KEY = 'cnb-config';
@@ -33,7 +38,7 @@ const loadInitialConfig = (): Config => {
 
 export const useConfigStore = create<ConfigState>()(
   persist(
-    (set) => ({
+    (set, get) => ({
       config: loadInitialConfig(),
       setConfig: (newConfig) =>
         set((state) => ({
@@ -43,6 +48,52 @@ export const useConfigStore = create<ConfigState>()(
         set({
           config: DEFAULT_CONFIG,
         }),
+      saveToRemote: async () => {
+        const _config = get().config;
+        const res = await queryLogin.post({
+          path: 'config',
+          key: 'update',
+          data: {
+            key: 'cnb_center_config.json',
+            data: _config,
+          }
+        });
+        if (res.code === 200) {
+          toast.success('保存到远端成功')
+        } else {
+          toast.error('保存到远端失败')
+        }
+      },
+      loadFromRemote: async () => {
+        const setConfig = (config: Config) => set({ config });
+        const res = await queryLogin.post({
+          path: 'config',
+          key: 'get',
+          data: {
+            key: 'cnb_center_config.json',
+          }
+        })
+        if (res.code === 404) {
+          toast.error('远端配置不存在')
+          return;
+        }
+        if (res.code === 200) {
+          const config = res.data?.data as typeof config;
+          setConfig(config);
+          toast.success('获取远端配置成功')
+        }
+      },
+      checkConfig: async (opts?: { isUser?: boolean, reload?: boolean }) => {
+        const { CNB_API_KEY } = get().config;
+        if (!CNB_API_KEY && opts?.isUser) {
+          await get().loadFromRemote();
+          if (opts?.reload) {
+            location.reload();
+          }
+          return true
+        }
+        return false
+      }
     }),
     {
       name: STORAGE_KEY,