react-toolkits 2.11.19 → 2.13.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-toolkits
 
+## 2.13.0
+
+### Minor Changes
+
+- 36eaf3d: Release
+
+## 2.12.0
+
+### Minor Changes
+
+- 66def58: refactor: some new apis
+
 ## 2.11.19
 
 ### Patch Changes

package/lib/index.d.ts

@@ -1,10 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { FC, PropsWithChildren, Key, ReactNode, ReactElement, Ref, ComponentType } from 'react';
+import { ReactNode, FC, PropsWithChildren, Key, ComponentType, ReactElement, Ref } from 'react';
+import { AxiosInstance, InternalAxiosRequestConfig, AxiosResponse, AxiosInterceptorOptions, AxiosHeaderValue } from 'axios';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormInstance, MenuProps, ModalProps, FormProps, ButtonProps } from 'antd';
+import { MenuProps, FormInstance, ModalProps, FormProps, ButtonProps } from 'antd';
 import { TableProps } from 'antd/es/table';
-import { AxiosHeaderValue, AxiosInstance, InternalAxiosRequestConfig, AxiosResponse, AxiosInterceptorOptions } from 'axios';
 import { ItemType, SubMenuType, MenuItemGroupType, MenuItemType } from 'antd/es/menu/interface';
 import { Merge } from 'ts-essentials';
 import * as zustand_middleware from 'zustand/middleware';
@@ -14,56 +14,117 @@ import { AnyObject } from 'antd/es/_util/type';
 import * as swr from 'swr';
 import { MutatorCallback, MutatorOptions } from 'swr';
 
-interface DynamicTagsProps {
-    initialTags?: string[];
-    addable?: boolean;
-    removable?: boolean;
-    addCallback?: (addedTag: string) => Promise<boolean>;
-    removeCallback?: (removedTag: string) => Promise<boolean>;
-}
-declare const DynamicTags: FC<DynamicTagsProps>;
-
-type ExpandableParagraphProps = Omit<ParagraphProps, 'ellipsis' | 'className'>;
-declare const ExpandableParagraph: FC<ExpandableParagraphProps>;
-
-interface FilterFormWrapperProps extends PropsWithChildren {
-    onConfirm?: () => void | Promise<void>;
-    onReset?: () => void;
-    extras?: {
-        key: Key;
-        children: ReactNode;
-    }[];
-    isConfirming?: boolean;
-    buttonsAlign?: 'left' | 'right' | 'bottom';
-    showReset?: boolean;
+interface AxiosSlice {
+    axios: AxiosInstance;
 }
-declare const FilterFormWrapper: (props: FilterFormWrapperProps) => react_jsx_runtime.JSX.Element;
 
-interface HighlightProps extends PropsWithChildren {
-    texts: Array<string | number>;
-}
-declare const Highlight: (props: HighlightProps) => react_jsx_runtime.JSX.Element;
+type Locale = {
+    global: {
+        noEntitlement: string;
+        name: string;
+        creationTime: string;
+        operation: string;
+        update: string;
+        edit: string;
+        delete: string;
+        selectAll: string;
+        game: string;
+        user: string;
+        role: string;
+        username: string;
+        password: string;
+        label: string;
+        method: string;
+        route: string;
+        request: string;
+        response: string;
+        add: string;
+        signIn: string;
+    };
+    SignIn: {
+        title: string;
+        thirdParty: string;
+        signInWithIDass: string;
+        unregistered: string;
+        welcome: string;
+    };
+    NotFound: {
+        subTitle: string;
+        buttonText: string;
+    };
+    FilterFormWrapper: {
+        confirmText: string;
+        resetText: string;
+    };
+    FormModal: {
+        confirmText: string;
+        cancelText: string;
+    };
+    GameSelect: {
+        label: string;
+        placeholder: string;
+    };
+    RequireGame: {
+        description: string;
+    };
+    UserWidget: {
+        signOutText: string;
+    };
+    UserList: {
+        createTitle: string;
+        createSuccessfully: string;
+        updateTitle: string;
+        updateSuccessfully: string;
+        deleteTitle: string;
+        deleteContent: string;
+        deleteSuccessfully: string;
+    };
+    RoleList: {
+        createTitle: string;
+        createSuccessfully: string;
+        updateTitle: string;
+        updateSuccessfully: string;
+        deleteTitle: string;
+        deleteContent: string;
+        deleteSuccessfully: string;
+    };
+    PermissionList: {
+        failedDescription: string;
+        baseSectionTitle: string;
+        gameSectionTitle: string;
+        gameSectionDescription: string;
+        gameSelectPlaceholder: string;
+        removeText: string;
+        addText: string;
+    };
+    RoleDetail: {
+        title: string;
+    };
+    InfiniteList: {
+        loadingText: string;
+        reachEndText: string;
+        loadMoreText: string;
+    };
+};
 
-interface InfiniteListExtra<Values> {
-    key: Key;
-    children: ReactNode | ((form: FormInstance<Values>) => ReactNode);
-}
-interface InfiniteListProps<Item, Values, Response> extends Pick<TableProps<Item>, 'columns' | 'rowKey' | 'tableLayout' | 'expandable' | 'rowSelection' | 'bordered'> {
-    url: string;
-    getRowKey: (response: Response) => any;
-    getDataSource: (data: (Response | undefined)[] | undefined) => Item[];
-    code?: string;
-    headers?: {
-        [key: string]: AxiosHeaderValue;
-    } | ((form: FormInstance<Values>) => {
-        [key: string]: AxiosHeaderValue;
-    });
-    renderForm?: (form: FormInstance<Values>) => ReactNode;
-    transformArg: (values: Values, rowKey?: string) => Record<any, any>;
-    hasMore?: (data: (Response | undefined)[] | undefined) => boolean;
-    extras?: InfiniteListExtra<Values>[];
+interface ContextSlice {
+    locale: Locale;
+    isPermissionApiV2: boolean;
+    gameApiV2: boolean;
+    signInPath: string;
+    isGlobal: boolean;
+    unregistered?: boolean;
+    hideGameSelect?: boolean;
+    layoutTitle?: ReactNode;
+    interceptors?: {
+        request?: [(config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>];
+        response?: [
+            (response: AxiosResponse) => AxiosResponse | Promise<AxiosResponse>,
+            ((error: any) => any) | null,
+            options?: AxiosInterceptorOptions
+        ];
+    };
 }
-declare const InfiniteList: <Item extends object, Values extends object | undefined = undefined, Response = any>(props: InfiniteListProps<Item, Values, Response>) => react_jsx_runtime.JSX.Element;
 
 type MenuItemType2 = Merge<MenuItemType, {
     route?: string;
@@ -103,20 +164,18 @@ interface Game {
 
 interface GameSelectProps {
     filter?: (game: Game) => boolean;
-    onGameChange?: (game: Game) => void;
 }
 
 type HeaderExtra = {
     key: Key;
     children: ReactNode;
 };
-interface LayoutProps extends Pick<GameSelectProps, 'filter' | 'onGameChange'> {
+interface LayoutProps extends Pick<GameSelectProps, 'filter'> {
     menuCollapsible?: boolean;
     isMenuLoading?: boolean;
     title?: ReactNode;
     items?: NavMenuItem[];
     navWidth?: string | number;
-    hideGame?: boolean;
     headerExtra?: {
         left?: HeaderExtra[];
         right?: HeaderExtra[];
@@ -140,6 +199,88 @@ declare const useLayoutStore: zustand.UseBoundStore<Omit<zustand.StoreApi<Layout
     };
 }>;
 
+interface UserInfo {
+    authorityId: string;
+    exp: number;
+}
+interface TokenSlice {
+    token?: string;
+    getUser: () => UserInfo | null;
+    setToken: (token: string) => void;
+}
+
+interface GameSlice {
+    game?: Game;
+    games: Game[];
+    selectedGame?: string | number;
+    isGamesLoading: boolean;
+    setGame: (value?: string | number) => void;
+    setGames: (games: Game[]) => void;
+    setSelectedGame: (value: string | number) => void;
+    setIsGamesLoading: (loading: boolean) => void;
+}
+
+type ToolkitsState = TokenSlice & GameSlice & ContextSlice & AxiosSlice & {
+    clearToken: () => void;
+    setUnregistered: () => void;
+};
+
+declare function useContextStore<T>(selector: (state: ToolkitsState) => T): T;
+type ContextProviderProps = PropsWithChildren<Partial<ContextSlice>>;
+declare const Contextrovider: FC<ContextProviderProps>;
+declare const withContext: (Component: ComponentType, providerProps: Omit<ContextProviderProps, "children">) => (props: any) => react_jsx_runtime.JSX.Element;
+
+interface DynamicTagsProps {
+    initialTags?: string[];
+    addable?: boolean;
+    removable?: boolean;
+    addCallback?: (addedTag: string) => Promise<boolean>;
+    removeCallback?: (removedTag: string) => Promise<boolean>;
+}
+declare const DynamicTags: FC<DynamicTagsProps>;
+
+type ExpandableParagraphProps = Omit<ParagraphProps, 'ellipsis' | 'className'>;
+declare const ExpandableParagraph: FC<ExpandableParagraphProps>;
+
+interface FilterFormWrapperProps extends PropsWithChildren {
+    onConfirm?: () => void | Promise<void>;
+    onReset?: () => void;
+    extras?: {
+        key: Key;
+        children: ReactNode;
+    }[];
+    isConfirming?: boolean;
+    buttonsAlign?: 'left' | 'right' | 'bottom';
+    showReset?: boolean;
+}
+declare const FilterFormWrapper: (props: FilterFormWrapperProps) => react_jsx_runtime.JSX.Element;
+
+interface HighlightProps extends PropsWithChildren {
+    texts: Array<string | number>;
+}
+declare const Highlight: (props: HighlightProps) => react_jsx_runtime.JSX.Element;
+
+interface InfiniteListExtra<Values> {
+    key: Key;
+    children: ReactNode | ((form: FormInstance<Values>) => ReactNode);
+}
+interface InfiniteListProps<Item, Values, Response> extends Pick<TableProps<Item>, 'columns' | 'rowKey' | 'tableLayout' | 'expandable' | 'rowSelection' | 'bordered'> {
+    url: string;
+    getRowKey: (response: Response) => any;
+    getDataSource: (data: (Response | undefined)[] | undefined) => Item[];
+    code?: string;
+    headers?: {
+        [key: string]: AxiosHeaderValue;
+    } | ((form: FormInstance<Values>) => {
+        [key: string]: AxiosHeaderValue;
+    });
+    renderForm?: (form: FormInstance<Values>) => ReactNode;
+    transformArg: (values: Values, rowKey?: string) => Record<any, any>;
+    hasMore?: (data: (Response | undefined)[] | undefined) => boolean;
+    extras?: InfiniteListExtra<Values>[];
+}
+declare const InfiniteList: <Item extends object, Values extends object | undefined = undefined, Response = any>(props: InfiniteListProps<Item, Values, Response>) => react_jsx_runtime.JSX.Element;
+
 interface UseModalOperation {
     hide: () => void;
 }
@@ -239,168 +380,13 @@ interface QueryListState {
 }
 declare const useQueryListStore: zustand.UseBoundStore<zustand.StoreApi<QueryListState>>;
 
+declare const RequireGame: FC<PropsWithChildren>;
+
 interface RequirePermissionProps {
     code: string;
 }
 declare const RequirePermission: FC<PropsWithChildren<RequirePermissionProps>>;
 
-interface AxiosSlice {
-    axios: AxiosInstance;
-}
-
-type Locale = {
-    global: {
-        noEntitlement: string;
-        name: string;
-        creationTime: string;
-        operation: string;
-        update: string;
-        edit: string;
-        delete: string;
-        selectAll: string;
-        game: string;
-        user: string;
-        role: string;
-        username: string;
-        password: string;
-        label: string;
-        method: string;
-        route: string;
-        request: string;
-        response: string;
-        add: string;
-        signIn: string;
-    };
-    SignIn: {
-        title: string;
-        thirdParty: string;
-        signInWithIDass: string;
-        unregistered: string;
-        welcome: string;
-    };
-    NotFound: {
-        subTitle: string;
-        buttonText: string;
-    };
-    FilterFormWrapper: {
-        confirmText: string;
-        resetText: string;
-    };
-    FormModal: {
-        confirmText: string;
-        cancelText: string;
-    };
-    GameSelect: {
-        label: string;
-        placeholder: string;
-    };
-    RequireGame: {
-        description: string;
-    };
-    UserWidget: {
-        signOutText: string;
-    };
-    UserList: {
-        createTitle: string;
-        createSuccessfully: string;
-        updateTitle: string;
-        updateSuccessfully: string;
-        deleteTitle: string;
-        deleteContent: string;
-        deleteSuccessfully: string;
-    };
-    RoleList: {
-        createTitle: string;
-        createSuccessfully: string;
-        updateTitle: string;
-        updateSuccessfully: string;
-        deleteTitle: string;
-        deleteContent: string;
-        deleteSuccessfully: string;
-    };
-    PermissionList: {
-        failedDescription: string;
-        baseSectionTitle: string;
-        gameSectionTitle: string;
-        gameSectionDescription: string;
-        gameSelectPlaceholder: string;
-        removeText: string;
-        addText: string;
-    };
-    RoleDetail: {
-        title: string;
-    };
-    InfiniteList: {
-        loadingText: string;
-        reachEndText: string;
-        loadMoreText: string;
-    };
-};
-
-interface ContextSlice {
-    locale: Locale;
-    usePermissionApiV2: boolean;
-    gameApiV2: boolean;
-    signInPath: string;
-    isGlobal: boolean;
-    unregistered?: boolean;
-    hideGame?: boolean;
-    interceptors?: {
-        request?: [(config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>];
-        response?: [
-            (response: AxiosResponse) => AxiosResponse | Promise<AxiosResponse>,
-            ((error: any) => any) | null,
-            options?: AxiosInterceptorOptions
-        ];
-    };
-}
-
-interface UserInfo {
-    authorityId: string;
-    exp: number;
-}
-interface TokenSlice {
-    token?: string;
-    getUser: () => UserInfo | null;
-    setToken: (token: string) => void;
-}
-
-interface GameSlice {
-    initialized: boolean;
-    game?: Game;
-    games: Game[];
-    isLoading: boolean;
-    setGame(game: Game): void;
-    fetchGames: (options?: {
-        apiV2?: boolean;
-        forceUpdate?: boolean;
-    }) => Promise<Game[] | undefined>;
-}
-
-type ToolkitsState = TokenSlice & GameSlice & ContextSlice & AxiosSlice & {
-    setContext: (props: Partial<ContextSlice>) => void;
-    clearToken: () => void;
-    setUnregistered: () => void;
-};
-declare const createToolkitsStore: (initProps?: Partial<ContextSlice>) => Omit<zustand.StoreApi<ToolkitsState>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<zustand_middleware.PersistOptions<ToolkitsState, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: ToolkitsState) => void) => () => void;
-        onFinishHydration: (fn: (state: ToolkitsState) => void) => () => void;
-        getOptions: () => Partial<zustand_middleware.PersistOptions<ToolkitsState, unknown>>;
-    };
-};
-
-type ToolkitsStore = ReturnType<typeof createToolkitsStore>;
-declare function useToolkitsStore<T>(selector: (state: ToolkitsState) => T): T;
-type ToolkitsProviderProps = PropsWithChildren<Partial<ContextSlice>>;
-declare let toolkitsStore: ToolkitsStore;
-declare const ToolkitsProvider: FC<ToolkitsProviderProps>;
-declare const withContext: (Component: ComponentType, providerProps: Omit<ToolkitsProviderProps, "children">) => (props: any) => react_jsx_runtime.JSX.Element;
-
 declare const UserWidget: FC;
 
 declare const SSO_URL = "https://idaas.ifunplus.cn/enduser/api/application/plugin_FunPlus/sso/v1";
@@ -473,4 +459,4 @@ type JsonData<T = any> = {
 
 declare const mixedStorage: StateStorage;
 
-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 JsonData, Layout, type LayoutState, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, PermissionButton, type PermissionButtonProps, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormModalProps, UserWidget, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, toolkitsStore, useFormModal, useLayoutStore, useMenuList, useModal, usePermission, usePermissions, useQueryListStore, useToolkitsStore, withContext };
+export { APP_ID_HEADER, Contextrovider as ContextProvider, type ContextProviderProps, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, type InfiniteListProps, type JsonData, Layout, type LayoutProps, type LayoutState, NavMenu, type NavMenuItem, NotFound, _default$1 as OperationLogList, PermissionButton, type PermissionButtonProps, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, RequireGame, RequirePermission, type RequirePermissionProps, SSO_URL, SignIn, type UseFormModalProps, UserWidget, _default$2 as menuRoutes, mixedStorage, _default as permissionRoutes, useContextStore, useFormModal, useLayoutStore, useMenuList, useModal, usePermission, usePermissions, useQueryListStore, withContext };