@flow97/react-toolkit 0.0.2 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-toolkits
 
+## 0.0.3
+
+### Patch Changes
+
+- df5b54f: refactor: rename ToolkitsProvider to ToolkitProvider and update related imports
+
 ## 0.0.2
 
 ### Patch Changes

package/README.md

@@ -37,7 +37,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import 'react-toolkits/style.css'
 import { createRoot } from 'react-dom/client'
 import { RouterProvider } from 'react-router'
-import { ToolkitsProvider } from 'react-toolkits/components'
+import { ToolkitProvider } from 'react-toolkits/components'
 import { AuthMode } from 'react-toolkits/constants'
 
 import router from './router'
@@ -61,16 +61,16 @@ const root = createRoot(document.getElementById('root') as HTMLElement)
 
 root.render(
   <QueryClientProvider client={queryClient}>
-    <ToolkitsProvider collapsible gameApiV2 auth={{ mode: AuthMode.GROUP_BASED }} loginPath="/sign_in" mainPagePath="/">
+    <ToolkitProvider collapsible gameApiV2 auth={{ mode: AuthMode.GROUP_BASED }} loginPath="/sign_in" mainPagePath="/">
       <RouterProvider router={router} />
-    </ToolkitsProvider>
+    </ToolkitProvider>
   </QueryClientProvider>,
 )
 ```
 
-**重要提示**：`QueryClientProvider` 必须包裹 `ToolkitsProvider`，因为 `react-toolkits` 内部使用了 `@tanstack/react-query` 的 hooks（如 `useQueryClient`、`useQuery`、`useMutation`）。
+**重要提示**：`QueryClientProvider` 必须包裹 `ToolkitProvider`，因为 `react-toolkits` 内部使用了 `@tanstack/react-query` 的 hooks（如 `useQueryClient`、`useQuery`、`useMutation`）。
 
-### 配置项（`ToolkitsProvider`）
+### 配置项（`ToolkitProvider`）
 
 - **loginPath**: 登录页路径（未鉴权时会跳转）
 - **mainPagePath**: 登录后主页路径（鉴权通过时进入）
@@ -81,7 +81,7 @@ root.render(
 
 ## 子路径导出（推荐）
 
-- `react-toolkits/components`：组件与 Hooks（如 `Layout`、`ToolkitsProvider`、`InfiniteList`）
+- `react-toolkits/components`：组件与 Hooks（如 `Layout`、`ToolkitProvider`、`InfiniteList`）
 - `react-toolkits/hooks`：表单弹层 Hooks（如 `useFormDrawer`、`useFormModal`）
 - `react-toolkits/pages`：内置页面与路由片段（如 `permissionRoutes`、`menuRoutes`、`SignIn`）
 - `react-toolkits/services`：请求相关 Hooks（如 `useAuth`、`useMenuList`、`useGames`）
@@ -324,13 +324,13 @@ export default function FetchWithKy() {
 过去：
 
 ```ts
-import { ToolkitsProvider, Layout, useFormDrawer } from '@flow97/react-toolkit'
+import { ToolkitProvider, Layout, useFormDrawer } from '@flow97/react-toolkit'
 ```
 
 现在（推荐）：
 
 ```ts
-import { ToolkitsProvider, Layout } from 'react-toolkits/components'
+import { ToolkitProvider, Layout } from 'react-toolkits/components'
 import { useFormDrawer, useFormModal } from 'react-toolkits/hooks'
 import { permissionRoutes } from 'react-toolkits/pages'
 import { useAuth } from 'react-toolkits/services'
@@ -341,14 +341,14 @@ import { useAuth } from 'react-toolkits/services'
 ### 权限版本兼容
 
 - 历史上存在不同权限数据结构，`AuthMode` 用于适配后端变体
-- 新项目建议使用 `V3`；旧项目如为 `V2`，只需在 `ToolkitsProvider` 中切换版本
+- 新项目建议使用 `V3`；旧项目如为 `V2`，只需在 `ToolkitProvider` 中切换版本
 
 ## 常见问题（FAQ）
 
 - 如何引入样式？
   - 在应用入口一次性引入：`import 'react-toolkits/style.css'`
 - Provider 放哪？
-  - 在应用根部使用 `ToolkitsProvider`，传入登录路径、主页路径、权限版本等配置。
+  - 在应用根部使用 `ToolkitProvider`，传入登录路径、主页路径、权限版本等配置。
 - 如何自定义菜单？
   - 通过 `Layout` 的 `items` 或参考示例应用的 `menu-items.tsx`。
 - 如何统一请求与拦截？