react-toolkits 2.11.0 → 2.11.2

package/lib/index.js

@@ -1,9 +1,9 @@
-import axios2, { AxiosHeaders } from 'axios';
+import axios, { AxiosHeaders } from 'axios';
 import { jwtDecode } from 'jwt-decode';
 import { create, createStore } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import * as Antd2 from 'antd';
-import { Spin, Menu, Modal, Form, theme, Space, Input, Tag, Typography, Result, Table, Button, Empty, Dropdown, Divider, Card, Select, Alert, App, Row, Col, Breadcrumb, Skeleton, Descriptions, Tooltip, notification, Collapse, Checkbox } from 'antd';
+import { Spin, Menu, Modal, Form, App, theme, Space, Input, Tag, Typography, Result, Table, Button, Empty, Dropdown, Divider, Card, Select, Alert, Row, Col, Breadcrumb, Skeleton, Descriptions, Switch, Popconfirm, Tooltip, Collapse, Checkbox } from 'antd';
 import { memo, useMemo, useCallback, useEffect, lazy, useContext, useState, useRef, Fragment as Fragment$1, Suspense, createContext, forwardRef, useImperativeHandle, cloneElement } from 'react';
 import { useStoreWithEqualityFn } from 'zustand/traditional';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -12,7 +12,7 @@ import { flushSync } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import useSWR, { mutate, unstable_serialize } from 'swr';
 import useSWRImmutable from 'swr/immutable';
-import useSWRMutation from 'swr/mutation';
+import useSWRMutation2 from 'swr/mutation';
 import { PlusOutlined, LogoutOutlined, UserOutlined, MenuUnfoldOutlined, MenuFoldOutlined, UserAddOutlined, UsergroupAddOutlined } from '@ant-design/icons';
 import { produce } from 'immer';
 import { useLocation, Routes, Route, Navigate, Link, useNavigate, useParams } from 'react-router-dom';
@@ -43,7 +43,7 @@ var init_storage = __esm({
         sessionStorage.setItem(name, value);
         localStorage.setItem(name, value);
       },
-      removeItem: async (name) => {
+      removeItem(name) {
         sessionStorage.removeItem(name);
         localStorage.removeItem(name);
       }
@@ -177,10 +177,10 @@ var init_game = __esm({
           set({ isLoading: true });
           let games;
           if (apiV2) {
-            const response = await axios2.get("/api/game/list");
+            const response = await axios.get("/api/game/list");
             games = response.data.data.list ?? [];
           } else {
-            const response = await axios2.get("/api/usystem/game/all");
+            const response = await axios.get("/api/usystem/game/all");
             games = response.data.data ?? [];
           }
           set({ games });
@@ -204,7 +204,7 @@ var init_token = __esm({
         if (token) {
           try {
             return jwtDecode(token);
-          } catch (_) {
+          } catch (error) {
             return null;
           }
         }
@@ -262,101 +262,103 @@ var init_constants = __esm({
     APP_ID_HEADER = "App-ID";
   }
 });
-var instance, requestInterceptorId, responseInterceptorId, registerInterceptors, axios_default;
+var instance, requestInterceptorId, responseInterceptorId, Interceptor;
 var init_axios = __esm({
-  "src/utils/axios.ts"() {
+  "src/utils/axios.tsx"() {
     init_toolkitsProvider();
     init_constants();
-    instance = axios2.create({
+    instance = axios.create({
       baseURL: "/",
       headers: {
         "Content-Type": "application/json; charset=utf-8"
       }
     });
-    registerInterceptors = () => {
-      const state = toolkitsStore?.getState() ?? {};
-      if (requestInterceptorId) {
+    Interceptor = ({ children }) => {
+      const state = useToolkitsStore((s) => s);
+      const { notification } = App.useApp();
+      useEffect(() => {
         instance.interceptors.request.eject(requestInterceptorId);
-      }
-      if (responseInterceptorId) {
         instance.interceptors.response.eject(responseInterceptorId);
-      }
-      const interceptors = state.interceptors;
-      if (interceptors?.request) {
-        requestInterceptorId = instance.interceptors.request.use(...interceptors.request);
-      } else {
-        requestInterceptorId = instance.interceptors.request.use((config) => {
-          const headers = new AxiosHeaders(config.headers);
-          config.responseType = config.responseType || "json";
-          if (state.token) {
-            headers.set("Authorization", `Bearer ${state.token}`);
-          }
-          if (!headers.has(APP_ID_HEADER) && state.usePermissionApiV2 && state.game) {
-            if (state.gameApiV2) {
-              headers.set(APP_ID_HEADER, state.game.game_id);
-            } else {
-              headers.set(APP_ID_HEADER, state.game.id);
+        const interceptors = state.interceptors;
+        if (interceptors?.request) {
+          requestInterceptorId = instance.interceptors.request.use(...interceptors.request);
+        } else {
+          requestInterceptorId = instance.interceptors.request.use((config) => {
+            const headers = new AxiosHeaders(config.headers);
+            config.responseType = config.responseType || "json";
+            if (state.token) {
+              headers.set("Authorization", `Bearer ${state.token}`);
             }
-          }
-          headers.set("Accept", config.responseType === "blob" ? "application/octet-stream" : "application/json");
-          config.headers = headers;
-          return config;
-        });
-      }
-      if (interceptors?.response) {
-        responseInterceptorId = instance.interceptors.response.use(...interceptors.response);
-      } else {
-        responseInterceptorId = instance.interceptors.response.use(
-          (response) => {
-            const responseType = response.request.responseType || "json";
-            if (responseType === "json") {
-              const data = response.data;
-              if (data.code === 0 || data.code === 200 || data.status === 0) {
-                return response;
+            if (!headers.has(APP_ID_HEADER) && state.usePermissionApiV2 && state.game) {
+              if (state.gameApiV2) {
+                headers.set(APP_ID_HEADER, state.game.game_id);
               } else {
-                notification.error({
-                  message: "Request failed",
-                  description: data.msg
-                });
-                throw new Error(data.msg);
+                headers.set(APP_ID_HEADER, state.game.id);
               }
             }
-            return response;
-          },
-          (error) => {
-            console.log(axios2.isAxiosError(error));
-            if (axios2.isAxiosError(error)) {
-              const response = error.response;
-              if (!response) {
-                throw error;
+            headers.set("Accept", config.responseType === "blob" ? "application/octet-stream" : "application/json");
+            config.headers = headers;
+            return config;
+          });
+        }
+        if (interceptors?.response) {
+          responseInterceptorId = instance.interceptors.response.use(...interceptors.response);
+        } else {
+          responseInterceptorId = instance.interceptors.response.use(
+            (response) => {
+              const responseType = response.request.responseType || "json";
+              if (responseType === "json") {
+                const data = response.data;
+                if (data.code === 0 || data.code === 200 || data.status === 0 || data.errno === 0) {
+                  return response;
+                } else {
+                  notification.error({
+                    message: "Request failed",
+                    description: data.msg
+                  });
+                  throw new Error(data.msg);
+                }
               }
-              if (response.status === 401 || response.status === 412) {
-                state?.clearToken();
-                if (state.signInPath) {
-                  if (response.status === 412) ;
-                  window.location.replace(state?.signInPath);
+              return response;
+            },
+            (error) => {
+              if (axios.isAxiosError(error)) {
+                const response = error.response;
+                if (!response) {
+                  throw error;
+                }
+                if (response.status === 401 || response.status === 412) {
+                  state.clearToken?.();
+                  if (state.signInPath) {
+                    if (response.status === 412) ;
+                    window.location.replace(state?.signInPath);
+                  } else {
+                    throw new Error("\u8BF7\u5728 ToolkitsProvider \u4E2D\u914D\u7F6E signInPath");
+                  }
+                } else if (response.status === 403) {
+                  notification.error({
+                    message: "Forbidden",
+                    description: "You do not have permission to access this resource."
+                  });
                 } else {
-                  throw new Error("\u8BF7\u5728 ContextProvider \u4E2D\u914D\u7F6E signInPath");
+                  notification.error({
+                    message: "Request failed",
+                    description: response.data.msg
+                  });
+                  throw new Error(response.data.msg);
                 }
-              } else if (response.status === 403) {
-                notification.error({
-                  message: "Forbidden",
-                  description: "You do not have permission to access this resource."
-                });
-              } else {
-                notification.error({
-                  message: "Request failed",
-                  description: response.data.msg
-                });
-                throw new Error(response.data.msg);
               }
+              throw error;
             }
-            throw error;
-          }
-        );
-      }
+          );
+        }
+        return () => {
+          instance.interceptors.request.eject(requestInterceptorId);
+          instance.interceptors.response.eject(responseInterceptorId);
+        };
+      }, [state]);
+      return children;
     };
-    axios_default = instance;
   }
 });
 function useToolkitsStore(selector) {
@@ -376,9 +378,7 @@ var init_Provider = __esm({
       if (!storeRef.current) {
         storeRef.current = createToolkitsStore(restProps);
       }
-      toolkitsStore = storeRef.current;
-      registerInterceptors();
-      return /* @__PURE__ */ jsx(ToolkitsContext.Provider, { value: storeRef.current, children });
+      return /* @__PURE__ */ jsx(App, { children: /* @__PURE__ */ jsx(ToolkitsContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsx(App, { children: /* @__PURE__ */ jsx(Interceptor, { children }) }) }) });
     };
     if (process.env.NODE_ENV !== "production") {
       ToolkitsProvider.displayName = "ToolkitsProvider";
@@ -502,12 +502,12 @@ var init_axios2 = __esm({
   "src/hooks/axios.ts"() {
     init_axios();
     useSWRAxios = (key, swrConfig) => {
-      return useSWR(key, (config) => axios_default.request(config).then((response) => response.data.data), swrConfig);
+      return useSWR(key, (config) => instance.request(config).then((response) => response.data.data), swrConfig);
     };
     useSWRImmutableAxios = (axiosConfig, swrConfig) => {
       return useSWRImmutable(
         axiosConfig,
-        (config) => axios_default.request(config).then((response) => response.data.data),
+        (config) => instance.request(config).then((response) => response.data.data),
         swrConfig
       );
     };
@@ -517,8 +517,8 @@ var init_axios2 = __esm({
 // src/hooks/permission.ts
 function usePermissions(codes = [], config) {
   const usePermissionApiV2 = useToolkitsStore((state) => state.usePermissionApiV2);
-  const url3 = usePermissionApiV2 ? "/api/usystem/user/checkV2" : "/api/usystem/user/check";
-  const key = codes.length ? { ...config, method: "POST", url: url3, data: { permissions: codes } } : null;
+  const url4 = usePermissionApiV2 ? "/api/usystem/user/checkV2" : "/api/usystem/user/check";
+  const key = codes.length ? { ...config, method: "POST", url: url4, data: { permissions: codes } } : null;
   const { data, ...rest } = useSWRAxios(key);
   const newData = codes.reduce((acc, curr) => {
     acc[curr] = data?.has_all ? true : data?.[curr] ?? false;
@@ -630,7 +630,7 @@ var init_QueryList = __esm({
         ...props
       };
       const {
-        url: url3,
+        url: url4,
         code,
         headers,
         onePage,
@@ -651,7 +651,7 @@ var init_QueryList = __esm({
         footer,
         ...tableProps
       } = internalProps;
-      if (!url3) {
+      if (!url4) {
         throw new Error("url property is required");
       }
       const { t } = useTranslation();
@@ -664,7 +664,7 @@ var init_QueryList = __esm({
       const { accessible, isLoading } = usePermission(code, { headers: _headers });
       const [isValid, setIsValid] = useState(false);
       const { keyMap, getPayload, refetch } = useQueryListStore();
-      const { page, size = defaultSize, formValue } = getPayload(url3);
+      const { page, size = defaultSize, formValue } = getPayload(url4);
       const payload = { page, size, formValue };
       const _body = typeof body === "function" ? body(payload) : method === "POST" && typeof body === "undefined" ? {
         ...formValue,
@@ -676,7 +676,7 @@ var init_QueryList = __esm({
       } : void 0;
       const shouldPoll = useRef(false);
       const requestConfig = {
-        url: url3,
+        url: url4,
         method,
         data: _body,
         params: _params,
@@ -687,13 +687,13 @@ var init_QueryList = __esm({
           return null;
         }
         const serializedKey = unstable_serialize(requestConfig);
-        keyMap.set(url3, serializedKey);
+        keyMap.set(url4, serializedKey);
         return serializedKey;
-      }, [accessible, isValid, url3, requestConfig]);
+      }, [accessible, isValid, url4, requestConfig]);
       const { data, isValidating } = useSWR(
         key,
         async () => {
-          const response = await axios_default.request(requestConfig);
+          const response = await instance.request(requestConfig);
           return response.data.data;
         },
         {
@@ -716,7 +716,7 @@ var init_QueryList = __esm({
         total,
         onChange: async (currentPage, currentSize) => {
           action.current = 2 /* Jump */;
-          refetch(url3, {
+          refetch(url4, {
             page: currentPage,
             size: currentSize
           });
@@ -727,7 +727,7 @@ var init_QueryList = __esm({
         try {
           await _form.validateFields();
           setIsValid(true);
-          refetch(url3, {
+          refetch(url4, {
             page: 1,
             formValue: _form.getFieldsValue()
           });
@@ -741,7 +741,7 @@ var init_QueryList = __esm({
         try {
           await _form.validateFields({ validateOnly: true });
           setIsValid(true);
-          refetch(url3, {
+          refetch(url4, {
             page: 1,
             formValue: _form.getFieldsValue()
           });
@@ -757,7 +757,7 @@ var init_QueryList = __esm({
           try {
             _form.resetFields();
             const value = await _form.validateFields({ validateOnly: true });
-            refetch(url3, {
+            refetch(url4, {
               page: 1,
               formValue: value
             });
@@ -766,7 +766,9 @@ var init_QueryList = __esm({
             setIsValid(false);
           }
         };
-        init();
+        setTimeout(() => {
+          init();
+        }, 300);
       }, [accessible, form]);
       useImperativeHandle(ref, () => ({
         data,
@@ -857,6 +859,7 @@ function useModal(props) {
     try {
       setConfirmLoading(true);
       await onConfirm?.();
+      hide();
     } finally {
       setConfirmLoading(false);
     }
@@ -962,52 +965,52 @@ function useRole(name) {
 }
 function useCreateRole() {
   const usePermissionApiV2 = useToolkitsStore((state) => state.usePermissionApiV2);
-  return useSWRMutation(
+  return useSWRMutation2(
     usePermissionApiV2 ? "/api/usystem/role/createV2" : "/api/usystem/role/create",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 function useUpdateRole() {
   const usePermissionApiV2 = useToolkitsStore((state) => state.usePermissionApiV2);
-  return useSWRMutation(
+  return useSWRMutation2(
     usePermissionApiV2 ? "/api/usystem/role/updateV2" : "/api/usystem/role/update",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 function useRemoveRole() {
-  return useSWRMutation(
+  return useSWRMutation2(
     "/api/usystem/role/delete",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 function useCreateUser() {
-  return useSWRMutation(
+  return useSWRMutation2(
     "/api/usystem/user/create",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 function useUpdateUser() {
-  return useSWRMutation(
+  return useSWRMutation2(
     "/api/usystem/user/update",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 function useRemoveUser() {
-  return useSWRMutation(
+  return useSWRMutation2(
     "/api/usystem/user/delete",
-    (url3, {
+    (url4, {
       arg
-    }) => axios_default.post(url3, arg, { headers: { [APP_ID_HEADER]: "global" } })
+    }) => instance.post(url4, arg, { headers: { [APP_ID_HEADER]: "global" } })
   );
 }
 var init_hooks2 = __esm({
@@ -1138,14 +1141,14 @@ var init_permissionListV1 = __esm({
     permissionListV1_default = PermissionListV1;
   }
 });
-var Text3, Option2, PermissionListV2, permissionListV2_default;
+var Text3, Option3, PermissionListV2, permissionListV2_default;
 var init_permissionListV2 = __esm({
   "src/features/permission/components/permissionListV2/index.tsx"() {
     init_locale();
     init_hooks2();
     init_permissionCollapse();
     ({ Text: Text3 } = Typography);
-    ({ Option: Option2 } = Select);
+    ({ Option: Option3 } = Select);
     PermissionListV2 = (props) => {
       const { expand = true, value, readonly, onChange } = props;
       const { data: { permission, game: games } = {}, isLoading, error } = useAllPermissionsV2();
@@ -1209,7 +1212,7 @@ var init_permissionListV2 = __esm({
                     });
                   },
                   children: games?.map((game) => /* @__PURE__ */ jsx(
-                    Option2,
+                    Option3,
                     {
                       value: game.id,
                       disabled: gameList.some(({ gameId }) => gameId === String(game.id)),
@@ -1289,9 +1292,9 @@ var init_permission2 = __esm({
 var userList_exports = {};
 __export(userList_exports, {
   default: () => userList_default,
-  url: () => url
+  url: () => url2
 });
-var Option3, url, useModal2, UserList, userList_default;
+var Option4, url2, useModal2, UserList, userList_default;
 var init_userList = __esm({
   "src/pages/permission/userList/index.tsx"() {
     init_highlight();
@@ -1302,8 +1305,8 @@ var init_userList = __esm({
     init_constants();
     init_permission2();
     init_formModal();
-    ({ Option: Option3 } = Select);
-    url = "/api/usystem/user/list";
+    ({ Option: Option4 } = Select);
+    url2 = "/api/usystem/user/list";
     useModal2 = (isCreate) => {
       const { message } = App.useApp();
       const { t } = useTranslation();
@@ -1314,17 +1317,17 @@ var init_userList = __esm({
       const title = isCreate ? t("UserList.createTitle") : t("UserList.updateTitle");
       const content = /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Form.Item, { label: t("global.name"), name: "name", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, { disabled: !isCreate }) }),
-        /* @__PURE__ */ jsx(Form.Item, { label: t("global.role"), name: "roles", children: /* @__PURE__ */ jsx(Select, { allowClear: true, mode: "multiple", loading: isLoading, children: (roles ?? []).map((role) => /* @__PURE__ */ jsx(Option3, { value: role.name, children: role.name }, role.id)) }) })
+        /* @__PURE__ */ jsx(Form.Item, { label: t("global.role"), name: "roles", children: /* @__PURE__ */ jsx(Select, { allowClear: true, mode: "multiple", loading: isLoading, children: (roles ?? []).map((role) => /* @__PURE__ */ jsx(Option4, { value: role.name, children: role.name }, role.id)) }) })
       ] });
       const onConfirm = async (values, extraValues) => {
         if (isCreate) {
           await create5.trigger(values);
-          refetch(url, { page: 1 });
+          refetch(url2, { page: 1 });
           message.success(t("UserList.createSuccessfully"));
         } else {
           await update.trigger(values);
           mutate2(
-            url,
+            url2,
             (prev) => {
               return produce(prev, (draft) => {
                 if (draft?.List) {
@@ -1424,7 +1427,7 @@ var init_userList = __esm({
                         id: value.id,
                         name: value.name
                       });
-                      mutate2(url, (prev) => {
+                      mutate2(url2, (prev) => {
                         return produce(prev, (draft) => {
                           const index = draft?.List?.findIndex((item) => item.id === value.id);
                           if (index) {
@@ -1464,7 +1467,7 @@ var init_userList = __esm({
               QueryList_default,
               {
                 code: "100001",
-                url,
+                url: url2,
                 rowKey: "id",
                 columns,
                 getTotal: (response) => response?.Total,
@@ -1487,7 +1490,7 @@ var roleList_exports = {};
 __export(roleList_exports, {
   default: () => roleList_default
 });
-var url2, useModal3, RoleList, roleList_default;
+var url3, useModal3, RoleList, roleList_default;
 var init_roleList = __esm({
   "src/pages/permission/roleList/index.tsx"() {
     init_highlight();
@@ -1501,7 +1504,7 @@ var init_roleList = __esm({
     init_formModal();
     init_permission();
     init_axios();
-    url2 = "/api/usystem/role/list";
+    url3 = "/api/usystem/role/list";
     useModal3 = (isCreate) => {
       const { message } = App.useApp();
       const { t } = useTranslation();
@@ -1522,7 +1525,7 @@ var init_roleList = __esm({
             name: `role_${values.name}`,
             permissions: values.permissions
           });
-          refetch(url2, { page: 1 });
+          refetch(url3, { page: 1 });
           message.success(t("RoleList.createSuccessfully"));
         } else {
           await update.trigger({
@@ -1531,7 +1534,7 @@ var init_roleList = __esm({
             permissions: values.permissions
           });
           mutate2(
-            url2,
+            url3,
             (prev) => produce(prev, (draft) => {
               const match = draft?.List?.find((item) => item.id === extraValues?.id);
               if (match) {
@@ -1561,7 +1564,7 @@ var init_roleList = __esm({
       const { show: showUpdateModal, modal: updateModal } = useModal3();
       const remove = useRemoveRole();
       const handleUpdateBtnClick = async (record) => {
-        const response = await axios_default.get(
+        const response = await instance.get(
           `/api/usystem/role/info${usePermissionApiV2 ? "V2" : ""}?name=${record.name}`,
           {
             headers: { [APP_ID_HEADER]: "global" }
@@ -1636,7 +1639,7 @@ var init_roleList = __esm({
                           id: record.id,
                           name: record.name
                         });
-                        mutate2(url2, (prev) => {
+                        mutate2(url3, (prev) => {
                           return produce(prev, (draft) => {
                             const index = draft?.List?.findIndex((item) => item.id === record.id);
                             if (index) {
@@ -1679,7 +1682,7 @@ var init_roleList = __esm({
                 rowKey: "name",
                 columns,
                 code: "200001",
-                url: url2,
+                url: url3,
                 headers: { [APP_ID_HEADER]: "global" },
                 getTotal: (response) => response?.Total,
                 getDataSource: (response) => response?.List
@@ -1900,7 +1903,7 @@ init_axios();
 init_filterFormWrapper();
 init_locale();
 var InfiniteList = (props) => {
-  const { code, url: url3, extras, headers, getRowKey, getDataSource, hasMore, renderForm, transformArg, ...tableProps } = props;
+  const { code, url: url4, extras, headers, getRowKey, getDataSource, hasMore, renderForm, transformArg, ...tableProps } = props;
   const { t } = useTranslation();
   const [form] = Form.useForm();
   const [isValid, setIsValid] = useState(false);
@@ -1910,7 +1913,7 @@ var InfiniteList = (props) => {
     const rowKey = pageIndex !== 0 ? getRowKey(previousPageData) : void 0;
     const args = transformArg(formValues, rowKey);
     const queryString = qs.stringify(args);
-    return queryString ? `${url3}?${qs.stringify(args)}` : url3;
+    return queryString ? `${url4}?${qs.stringify(args)}` : url4;
   };
   const _headers = typeof headers === "function" ? headers(form) : headers;
   const { accessible, isLoading } = usePermission(code, {
@@ -1924,7 +1927,7 @@ var InfiniteList = (props) => {
   } = useSWRInfinite(
     getKey,
     async (arg) => {
-      const response = await axios_default({ url: arg, headers: _headers });
+      const response = await instance({ url: arg, headers: _headers });
       return response.data.data;
     },
     {
@@ -1957,7 +1960,7 @@ var InfiniteList = (props) => {
       form.resetFields();
       await form.validateFields({ validateOnly: true });
       setSize(1);
-    } catch (_) {
+    } catch (error) {
       setSize(0);
     }
   };
@@ -2405,6 +2408,225 @@ init_formModal();
 init_modal();
 init_permission();
 
+// src/pages/menu/index.tsx
+init_highlight();
+init_locale();
+init_queryList();
+init_formModal();
+
+// src/pages/menu/hooks.ts
+init_toolkitsProvider();
+init_axios();
+function useCreateMenu() {
+  return useSWRMutation2(
+    "/api/usystem/resource/set",
+    (url4, { arg }) => instance.post(url4, { ...arg, id: 0 })
+  );
+}
+function useUpdateMenu() {
+  return useSWRMutation2("/api/usystem/resource/set", (url4, { arg }) => instance.post(url4, arg));
+}
+function useMenuList() {
+  const game = useToolkitsStore((state) => state.game);
+  return useSWRImmutable(
+    ["/api/usystem/resource/navbar", game],
+    ([url4]) => instance(url4).then((response) => response.data.data)
+  );
+}
+function useRemoveMenu() {
+  return useSWRMutation2(
+    "/api/usystem/resource/delete",
+    (url4, { arg }) => instance.post(url4, null, { params: { id: arg } })
+  );
+}
+var { Paragraph } = Typography;
+var { TextArea } = Input;
+var { Option } = Select;
+var url = "/api/usystem/resource/list";
+var useMenuModal = (isCreate) => {
+  const { message } = App.useApp();
+  const create5 = useCreateMenu();
+  const update = useUpdateMenu();
+  const { refetch } = useQueryListStore();
+  const { mutate: mutate2 } = useMenuList();
+  const formProps = {
+    labelCol: { flex: "120px" },
+    initialValues: {
+      model_name: "change",
+      is_common: false,
+      is_model: false
+    }
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Form.Item, { label: "\u83DC\u5355\u540D\u79F0", name: "category", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, {}) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: "\u524D\u7AEF\u8DEF\u7531", name: "front_route", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, {}) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: "Model", name: "model_name", children: /* @__PURE__ */ jsxs(Select, { allowClear: true, children: [
+      /* @__PURE__ */ jsx(Option, { value: "change", children: "Change" }),
+      /* @__PURE__ */ jsx(Option, { value: "recharge", children: "Recharge" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: "Is Common", name: "is_common", rules: [{ required: true }], valuePropName: "checked", children: /* @__PURE__ */ jsx(Switch, {}) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: "Is Model", name: "is_model", rules: [{ required: true }], valuePropName: "checked", children: /* @__PURE__ */ jsx(Switch, {}) }),
+    /* @__PURE__ */ jsx(Form.Item, { label: "\u63A5\u53E3\u89C4\u5219", name: "permissions", rules: [{ required: true }], children: /* @__PURE__ */ jsx(TextArea, { rows: 8 }) })
+  ] });
+  const onConfirm = async (value, extraValue) => {
+    const { permissions, ...rest } = value;
+    if (isCreate) {
+      await create5.trigger({ ...rest, permissions: JSON.parse(permissions) });
+      message.success("\u521B\u5EFA\u6210\u529F");
+      refetch(url, { page: 1 });
+    } else {
+      await update.trigger({
+        ...rest,
+        permissions: JSON.parse(permissions),
+        id: extraValue.id
+      });
+      message.success("\u66F4\u65B0\u6210\u529F");
+      refetch(url);
+    }
+    mutate2();
+  };
+  return useFormModal({
+    title: isCreate ? "\u521B\u5EFA\u83DC\u5355" : "\u7F16\u8F91\u83DC\u5355",
+    width: 600,
+    formProps,
+    content,
+    onConfirm
+  });
+};
+var MenuItemList = () => {
+  const { t } = useTranslation();
+  const { message } = App.useApp();
+  const { show: showCreateModal, modal: createModal } = useMenuModal(true);
+  const { show: showUpdateModal, modal: updateModal } = useMenuModal();
+  const remove = useRemoveMenu();
+  const { refetch } = useQueryListStore();
+  const { mutate: mutate2 } = useMenuList();
+  const columns = [
+    {
+      title: "\u83DC\u5355\u540D\u79F0",
+      dataIndex: "category",
+      key: "category"
+    },
+    {
+      title: "\u524D\u7AEF\u8DEF\u7531",
+      dataIndex: "front_route"
+    },
+    {
+      title: "Is Common",
+      dataIndex: "is_common",
+      key: "is_common",
+      render: (value) => value ? "\u662F" : "\u5426"
+    },
+    {
+      title: "Is Model",
+      dataIndex: "is_model",
+      key: "is_model",
+      render: (value) => value ? "\u662F" : "\u5426"
+    },
+    {
+      title: "Model",
+      dataIndex: "model_name",
+      key: "model_name"
+    },
+    {
+      title: "\u7C7B\u578B",
+      dataIndex: "type",
+      key: "type"
+    },
+    {
+      title: "\u63A5\u53E3\u89C4\u5219",
+      dataIndex: "permissions",
+      key: "permissions",
+      render(value) {
+        return /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto", children: JSON.stringify(value, null, 2) }) });
+      }
+    },
+    {
+      title: "\u64CD\u4F5C",
+      key: "action",
+      width: 150,
+      align: "center",
+      render(_, record) {
+        return /* @__PURE__ */ jsxs(Space, { size: "small", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "link",
+              size: "small",
+              onClick: () => {
+                const { id: id2, ...rest } = record;
+                showUpdateModal({
+                  initialValues: {
+                    ...rest,
+                    front_route: record.front_route,
+                    permissions: JSON.stringify(record.permissions, null, 2)
+                  },
+                  extraValues: {
+                    id: id2
+                  }
+                });
+              },
+              children: t("global.update")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popconfirm,
+            {
+              title: "\u5220\u9664\u83DC\u5355",
+              placement: "topRight",
+              description: /* @__PURE__ */ jsxs(Highlight_default, { texts: [record.category], children: [
+                "\u786E\u5B9A\u8981\u5220\u9664\u83DC\u5355 ",
+                record.category,
+                " \u5417\uFF1F"
+              ] }),
+              onConfirm: async () => {
+                await remove.trigger(record.id);
+                refetch(url);
+                mutate2();
+                message.success("\u5220\u9664\u6210\u529F");
+              },
+              children: /* @__PURE__ */ jsx(Button, { danger: true, type: "link", size: "small", children: t("global.delete") })
+            }
+          )
+        ] });
+      }
+    }
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Card,
+      {
+        title: "\u83DC\u5355",
+        extra: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "primary",
+            onClick: () => {
+              showCreateModal();
+            },
+            children: "\u521B\u5EFA\u83DC\u5355"
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          QueryList_default,
+          {
+            isGlobal: true,
+            onePage: true,
+            code: "9900001",
+            rowKey: "id",
+            url,
+            columns,
+            getDataSource: (response) => response
+          }
+        )
+      }
+    ),
+    createModal,
+    updateModal
+  ] });
+};
+var menu_default = MenuItemList;
+
 // src/pages/notFound/index.tsx
 init_locale();
 var NotFound = (props) => {
@@ -2434,7 +2656,7 @@ var notFound_default = NotFound;
 init_locale();
 init_queryList();
 init_constants();
-var { Option } = Select;
+var { Option: Option2 } = Select;
 var OperationLogList = () => {
   const { t } = useTranslation();
   const columns = [
@@ -2503,8 +2725,8 @@ var OperationLogList = () => {
         /* @__PURE__ */ jsx(Form.Item, { label: t("global.username"), name: "uname", children: /* @__PURE__ */ jsx(Input, { allowClear: true }) }),
         /* @__PURE__ */ jsx(Form.Item, { label: t("global.route"), name: "route", children: /* @__PURE__ */ jsx(Input, { allowClear: true }) }),
         /* @__PURE__ */ jsx(Form.Item, { label: t("global.method"), name: "method", children: /* @__PURE__ */ jsxs(Select, { allowClear: true, style: { width: "100px" }, children: [
-          /* @__PURE__ */ jsx(Option, { value: "get", children: "GET" }),
-          /* @__PURE__ */ jsx(Option, { value: "post", children: "POST" })
+          /* @__PURE__ */ jsx(Option2, { value: "get", children: "GET" }),
+          /* @__PURE__ */ jsx(Option2, { value: "post", children: "POST" })
         ] }) }),
         /* @__PURE__ */ jsx(Form.Item, { label: t("global.label"), name: "label", children: /* @__PURE__ */ jsx(Input, { allowClear: true }) })
       ] })
@@ -2592,8 +2814,9 @@ var SignIn = (props) => {
 var signIn_default = SignIn;
 
 // src/index.ts
+init_axios();
 init_storage();
 
-export { APP_ID_HEADER, DynamicTags_default as DynamicTags, ExpandableParagraph_default as ExpandableParagraph, FilterFormWrapper_default as FilterFormWrapper, Highlight_default as Highlight, InfiniteList_default as InfiniteList, Layout_default as Layout, NavMenu_default as NavMenu, notFound_default as NotFound, operationLogList_default as OperationLogList, PermissionButton_default as PermissionButton, QueryList_default as QueryList, QueryListAction, RequireGame_default as RequireGame, RequirePermission_default as RequirePermission, SSO_URL, signIn_default as SignIn, Provider_default as ToolkitsProvider, UserWidget_default as UserWidget, mixedStorage, permission_default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useToolkitsStore };
+export { APP_ID_HEADER, DynamicTags_default as DynamicTags, ExpandableParagraph_default as ExpandableParagraph, FilterFormWrapper_default as FilterFormWrapper, Highlight_default as Highlight, InfiniteList_default as InfiniteList, Interceptor, Layout_default as Layout, menu_default as MenuItemList, NavMenu_default as NavMenu, notFound_default as NotFound, operationLogList_default as OperationLogList, PermissionButton_default as PermissionButton, QueryList_default as QueryList, QueryListAction, RequireGame_default as RequireGame, RequirePermission_default as RequirePermission, SSO_URL, signIn_default as SignIn, Provider_default as ToolkitsProvider, UserWidget_default as UserWidget, instance, mixedStorage, permission_default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useModal, useModalStore, usePermission, usePermissions, useQueryListStore, useToolkitsStore };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map