react-toolkits 2.19.2 → 2.21.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-toolkits
 
+## 2.21.0
+
+### Minor Changes
+
+- 01b6652: 重构InfiniteList和QueryList组件，采用dataAdapter模式优化数据源处理逻辑，提升代码可读性和一致性。同时更新相关页面以使用新的dataAdapter配置。
+
+## 2.20.0
+
+### Minor Changes
+
+- 1acfc29: 更新pnpm依赖，添加@tanstack/react-query和@tanstack/react-query-devtools，移除swr。修改InfiniteList和QueryList组件以支持新的请求配置，优化数据源处理逻辑，确保组件在数据加载时的表现更佳。同时，重构相关hooks和状态管理，提升代码可读性和一致性。
+
 ## 2.19.2
 
 ### Patch Changes

package/lib/index.d.ts

@@ -6,11 +6,10 @@ import { AnyObject } from 'antd/es/_util/type';
 import * as zustand from 'zustand';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
 import { TableProps } from 'antd/es/table';
-import * as swr from 'swr';
-import { MutatorCallback, MutatorOptions, Arguments, SWRResponse } from 'swr';
 import { ItemType, SubMenuType, MenuItemGroupType, MenuItemType } from 'antd/es/menu/interface';
 import { Merge } from 'ts-essentials';
 import { Options } from 'ky';
+import * as _tanstack_react_query from '@tanstack/react-query';
 import { StateStorage } from 'zustand/middleware';
 
 interface UseDrawerOperation {
@@ -118,58 +117,100 @@ interface HighlightProps extends PropsWithChildren {
 }
 declare const Highlight: (props: HighlightProps) => react_jsx_runtime.JSX.Element;
 
-interface SWRInfiniteRevalidateFn<Data = any> {
-    (data: Data, key: Arguments): boolean;
+interface InfiniteListPayload<Values = any> {
+    page?: number;
+    formValue?: Values;
+}
+interface InfiniteListRequestConfig<Values = any> {
+    url: string;
+    method?: 'GET' | 'POST';
+    body?: FormData | Record<string | number, any> | ((payload: InfiniteListPayload<Values>, pageParam: any) => FormData | Record<string | number, any>);
+    params?: Record<string | number, any> | ((payload: InfiniteListPayload<Values>, pageParam: any) => Record<string | number, any>);
+    headers?: Record<string, string> | ((form: FormInstance<Values>) => Record<string, string>);
+    cacheTime?: number;
+    staleTime?: number;
+}
+declare enum InfiniteListAction {
+    Confirm = 0,
+    Reset = 1,
+    LoadMore = 2,
+    Init = 3
 }
-type InfiniteKeyedMutator<Data> = <MutationData = Data>(data?: Data | Promise<Data | undefined> | MutatorCallback<Data>, opts?: boolean | SWRInfiniteMutatorOptions<Data, MutationData>) => Promise<Data | MutationData | undefined>;
-interface SWRInfiniteMutatorOptions<Data = any, MutationData = Data> extends Omit<MutatorOptions<Data, MutationData>, 'revalidate'> {
-    revalidate?: boolean | SWRInfiniteRevalidateFn<Data extends unknown[] ? Data[number] : never>;
+interface InfiniteListDataAdapter<Item = any, Values = any, Data = any> {
+    items?: (data: Data[] | undefined, form: FormInstance<Values>) => Item[] | undefined;
+    hasMore?: (lastPage: Data | undefined, allPages: Data[]) => boolean;
+    nextPageParam?: (lastPage: Data | undefined, allPages: Data[], pageParam: any) => any;
 }
 interface InfiniteListRef<Item = any, Values = any, Data = any> {
     data: Data[] | undefined;
     dataSource: Item[] | undefined;
     form: FormInstance<Values>;
-    mutate: InfiniteKeyedMutator<Data[]>;
-    size: number;
-    setSize: (size: number | ((_size: number) => number)) => Promise<Data[] | undefined>;
+    refetch: () => void;
+    fetchNextPage: () => void;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
 }
 interface InfiniteListProps<Item, Values, Data> extends Pick<TableProps<Item>, 'columns' | 'rowKey' | 'tableLayout' | 'expandable' | 'rowSelection' | 'bordered'>, Pick<FilterFormWrapperProps, 'buttonsAlign' | 'showReset'> {
-    url: string;
-    getRowKey?: (response: Data | undefined, pageIndex: number) => any;
-    getDataSource: (data: Data[] | undefined) => Item[];
-    form?: FormInstance<Values>;
+    identifier: string;
     code?: string;
-    headers?: Record<string, string> | ((form: FormInstance<Values>) => Record<string, string>);
+    form?: FormInstance<Values>;
+    refreshInterval?: number;
+    request: InfiniteListRequestConfig<Values>;
+    tableExtra?: ReactNode | ((form: FormInstance<Values>, data?: Data[]) => ReactNode);
     renderForm?: (form: FormInstance<Values>) => ReactElement;
-    params: (values: Values, pageIndex: number, rowKey?: string) => Record<any, any>;
-    getHasMore?: (data: Data | undefined) => boolean;
-    tableExtra?: ReactNode | ((form: FormInstance<Values>, data?: Item[]) => ReactNode);
+    afterSuccess?: (action: InfiniteListAction, form: FormInstance<Values>, data?: Data[]) => void;
+    afterError?: (error: Error, action: InfiniteListAction, form: FormInstance<Values>) => void;
+    dataAdapter?: InfiniteListDataAdapter<Item, Values, Data>;
+    initialPageParam?: any;
     footer?: (data: Data[] | undefined) => ReactNode;
 }
 declare const InfiniteList: <Item extends AnyObject = AnyObject, Values extends object | undefined = undefined, Data = any>(props: InfiniteListProps<Item, Values, Data> & {
     ref?: Ref<InfiniteListRef<Item, Data>>;
 }) => ReactElement;
 
-type Area = 'all' | 'cn' | 'global';
-type ScreenOrientation = 0 | 1;
-interface Game {
-    id: number;
-    game_id: string | number;
-    game_group: string;
-    name: string;
-    screen_type: ScreenOrientation;
-    area: Area;
-    icon: string;
-    auth: string;
-    ctime: string;
-    mtime: string;
-    is_delete: 0 | 1;
-    is_new_game: 0 | 1;
-    server_type: string;
-}
-
-declare const useGames: () => swr.SWRResponse<Game[], any, any>;
-declare const useFindGame: (id: string | number) => Game | undefined;
+type InfiniteQueryRefetchFunction = () => void | Promise<unknown>;
+type InfiniteQueryFetchNextPageFunction = () => void | Promise<unknown>;
+interface InfiniteListInstance {
+    id: string;
+    url: string;
+    queryKey: readonly unknown[];
+    payload: InfiniteListPayload;
+    refetch: InfiniteQueryRefetchFunction;
+    fetchNextPage: InfiniteQueryFetchNextPageFunction;
+}
+interface InfiniteListState {
+    instances: Map<string, InfiniteListInstance>;
+    registerInstance(id: string, url: string, queryKey: readonly unknown[], refetch: InfiniteQueryRefetchFunction, fetchNextPage: InfiniteQueryFetchNextPageFunction): void;
+    unregisterInstance(id: string): void;
+    updatePayload(id: string, payload: InfiniteListPayload): void;
+    getPayload(id: string): InfiniteListPayload;
+    refetch(id: string, payload?: InfiniteListPayload): Promise<void>;
+    fetchNextPage(id: string): Promise<void>;
+    getInstance(id: string): InfiniteListInstance | undefined;
+    getAllInstances(): InfiniteListInstance[];
+}
+declare const useInfiniteListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<InfiniteListState>, "setState"> & {
+    setState(partial: InfiniteListState | Partial<InfiniteListState> | ((state: InfiniteListState) => InfiniteListState | Partial<InfiniteListState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: InfiniteListState | ((state: InfiniteListState) => InfiniteListState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+}, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: InfiniteListState, previousSelectedState: InfiniteListState) => void): () => void;
+        <U>(selector: (state: InfiniteListState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}>;
 
 type MenuItemType2 = Merge<MenuItemType, {
     route?: string;
@@ -189,6 +230,24 @@ interface NavMenuProps {
 }
 declare const NavMenu: react.NamedExoticComponent<NavMenuProps>;
 
+type Area = 'all' | 'cn' | 'global';
+type ScreenOrientation = 0 | 1;
+interface Game {
+    id: number;
+    game_id: string | number;
+    game_group: string;
+    name: string;
+    screen_type: ScreenOrientation;
+    area: Area;
+    icon: string;
+    auth: string;
+    ctime: string;
+    mtime: string;
+    is_delete: 0 | 1;
+    is_new_game: 0 | 1;
+    server_type: string;
+}
+
 interface GameSelectProps {
     filter?: (game: Game) => boolean;
     options?: (data?: Game[]) => SelectProps['options'];
@@ -272,6 +331,15 @@ interface QueryListPayload<Values = any> {
     size?: number;
     formValue?: Values;
 }
+interface QueryListRequestConfig<Values = any> {
+    url: string;
+    method?: 'GET' | 'POST';
+    body?: FormData | Record<string | number, any> | ((payload: QueryListPayload<Values>) => FormData | Record<string | number, any>);
+    params?: Record<string | number, any> | ((payload: QueryListPayload<Values>) => Record<string | number, any>);
+    headers?: Record<string, string> | ((form: FormInstance<Values>) => Record<string, string>);
+    cacheTime?: number;
+    staleTime?: number;
+}
 declare enum QueryListAction {
     Confirm = 0,
     Reset = 1,
@@ -283,42 +351,70 @@ interface QueryListRef<Item extends AnyObject = AnyObject, Values = AnyObject, D
     dataSource: Item[] | undefined;
     form: FormInstance<Values>;
 }
+interface QueryListDataAdapter<Item extends AnyObject = AnyObject, Values = AnyObject, Data = any> {
+    total?: (data: Data | undefined) => number | undefined;
+    items?: (data: Data | undefined, form: FormInstance<Values>) => Item[] | undefined;
+}
 interface QueryListProps<Item extends AnyObject = AnyObject, Values = AnyObject, Data = any> extends Omit<TableProps<Item>, 'pagination' | 'dataSource' | 'loading' | 'footer'>, Pick<FilterFormWrapperProps, 'buttonsAlign' | 'showReset'> {
-    url: string;
+    identifier: string;
     code?: string;
     form?: FormInstance<Values>;
-    method?: 'GET' | 'POST';
     refreshInterval?: number;
     onePage?: boolean;
     defaultSize?: number;
-    body?: FormData | Record<string | number, any> | ((payload: QueryListPayload<Values>) => FormData | Record<string | number, any>);
     pageSizeOptions?: number[];
-    params?: Record<string | number, any> | ((payload: QueryListPayload<Values>) => Record<string | number, any>);
+    request: QueryListRequestConfig<Values>;
     tableExtra?: ReactNode | ((form: FormInstance<Values>, data?: Data) => ReactNode);
-    headers?: Record<string, string> | ((form: FormInstance<Values>) => Record<string, string>);
     renderForm?: (form: FormInstance<Values>) => ReactElement;
     afterSuccess?: (action: QueryListAction, form: FormInstance<Values>, data?: Data) => void;
-    getTotal?: (data: Data | undefined) => number | undefined;
-    getDataSource?: (data: Data | undefined, form: FormInstance<Values>) => Item[] | undefined;
+    afterError?: (error: Error, action: QueryListAction, form: FormInstance<Values>) => void;
+    dataAdapter?: QueryListDataAdapter<Item, Values, Data>;
     footer?: (data: Data | undefined) => ReactNode;
 }
 declare const QueryList: <Item extends AnyObject = AnyObject, Values extends object | undefined = undefined, Data = any>(props: QueryListProps<Item, Values, Data> & {
     ref?: Ref<QueryListRef<Item, Values, Data>>;
 }) => ReactElement;
 
-interface QueryListMutator {
-    <Data = any, MutationData = Data>(key: string, data?: MutationData | Promise<MutationData> | MutatorCallback<MutationData>, opts?: boolean | MutatorOptions<Data, MutationData>): Promise<Array<MutationData | undefined>>;
-    <Data = any, MutationData = Data>(key: string, data?: MutationData | Promise<MutationData> | MutatorCallback<MutationData>, opts?: boolean | MutatorOptions<Data, MutationData>): Promise<MutationData | undefined>;
+type QueryRefetchFunction = () => void | Promise<unknown>;
+interface QueryListInstance {
+    id: string;
+    url: string;
+    queryKey: readonly unknown[];
+    payload: QueryListPayload;
+    refetch: QueryRefetchFunction;
 }
 interface QueryListState {
-    keyMap: Map<string, string | null>;
-    payloadMap: Map<string, QueryListPayload>;
-    getPayload(key: string): QueryListPayload;
-    setPayload(key: string, payload: QueryListPayload): void;
-    refetch(key: string, payload?: QueryListPayload): void;
-    mutate: QueryListMutator;
-}
-declare const useQueryListStore: zustand.UseBoundStore<zustand.StoreApi<QueryListState>>;
+    instances: Map<string, QueryListInstance>;
+    registerInstance(id: string, url: string, queryKey: readonly unknown[], refetch: QueryRefetchFunction): void;
+    unregisterInstance(id: string): void;
+    updatePayload(id: string, payload: QueryListPayload): void;
+    getPayload(id: string): QueryListPayload;
+    refetch(id: string, payload?: QueryListPayload): Promise<void>;
+    getInstance(id: string): QueryListInstance | undefined;
+    getAllInstances(): QueryListInstance[];
+}
+declare const useQueryListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<QueryListState>, "setState"> & {
+    setState(partial: QueryListState | Partial<QueryListState> | ((state: QueryListState) => QueryListState | Partial<QueryListState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: QueryListState | ((state: QueryListState) => QueryListState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+}, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: QueryListState, previousSelectedState: QueryListState) => void): () => void;
+        <U>(selector: (state: QueryListState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}>;
 
 declare const RequireGame: FC<PropsWithChildren>;
 
@@ -492,11 +588,197 @@ interface SignInProps {
 }
 declare const SignIn: FC<SignInProps>;
 
-declare function usePermission(code?: string, config?: Options): SWRResponse<boolean>;
-declare function usePermission(code?: string[], config?: Options): SWRResponse<Record<string, boolean>>;
-declare function useMenuList(): SWRResponse<MenuListItem[], any, any>;
+declare function usePermission(code?: string | string[], config?: Options): {
+    data: boolean | Record<string, boolean>;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+} | {
+    data: boolean | Record<string, boolean>;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+} | {
+    data: boolean | Record<string, boolean>;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+} | {
+    data: boolean | Record<string, boolean>;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+} | {
+    data: boolean | Record<string, boolean>;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+} | {
+    data: boolean | Record<string, boolean>;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<Record<string, boolean> & {
+        has_all?: boolean;
+    }, Error>>;
+    fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<Record<string, boolean> & {
+        has_all?: boolean;
+    }>;
+};
+declare function useMenuList(): _tanstack_react_query.UseQueryResult<MenuListItem[], Error>;
+declare const useGames: () => _tanstack_react_query.UseQueryResult<Game[], Error>;
 
 declare const mixedStorage: StateStorage;
 declare const generateId: () => number;
 
-export { APP_ID_HEADER, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, type InfiniteListProps, type InfiniteListRef, Layout, type LayoutProps, type MenuListItem, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, type Permission, PermissionButton, type PermissionButtonProps, PermissionVersion, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, type RecursivePartial, RequireGame, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormDrawerProps, type UseFormModalProps, UserWidget, WILDCARD, generateId, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, useDrawer, useDrawerStore, useFindGame, useFormDrawer, useFormModal, useGames, useMenuList, useModal, useModalStore, usePermission, useQueryListStore, useToolkitsStore, withContext };
+export { APP_ID_HEADER, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, InfiniteListAction, type InfiniteListPayload, type InfiniteListProps, type InfiniteListRef, type InfiniteListRequestConfig, Layout, type LayoutProps, type MenuListItem, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, type Permission, PermissionButton, type PermissionButtonProps, PermissionVersion, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, type RecursivePartial, RequireGame, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormDrawerProps, type UseFormModalProps, UserWidget, WILDCARD, generateId, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, useDrawer, useDrawerStore, useFormDrawer, useFormModal, useGames, useInfiniteListStore, useMenuList, useModal, useModalStore, usePermission, useQueryListStore, useToolkitsStore, withContext };