fix: src/hooks->app hooks

Author: wkylin

.github/workflows/deploy-gh-pages.yml

@@ -12,7 +12,7 @@ permissions:
   id-token: write
 
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: false
 
 jobs:

.storybook/main.ts

@@ -1,35 +1,31 @@
-
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import path from 'path';
-const rootDir = process.cwd();
+import type { StorybookConfig } from '@storybook/react-webpack5'
+import path from 'path'
+const rootDir = process.cwd()
 const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-webpack5-compiler-swc",
-    "@storybook/addon-a11y",
-    "@storybook/addon-docs",
-    "@storybook/addon-onboarding"
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-webpack5-compiler-swc',
+    '@storybook/addon-a11y',
+    '@storybook/addon-docs',
+    '@storybook/addon-onboarding',
   ],
-  "framework": "@storybook/react-webpack5",
+  framework: '@storybook/react-webpack5',
   webpackFinal: async (config) => {
-    config.resolve = config.resolve || {};
+    config.resolve = config.resolve || {}
     config.resolve.alias = {
       ...(config.resolve.alias || {}),
       '@': path.resolve(rootDir, 'src'),
-      "@src/*": path.resolve(rootDir, 'src/*'),
-      "@stateless/*": path.resolve(rootDir, "src/components/stateless/*"),
-      "@stateful/*": path.resolve(rootDir, "src/components/stateful/*"),
-      "@hooks/*": path.resolve(rootDir, "src/components/hooks/*"),
-      "@container/*": path.resolve(rootDir, "src/components/container/*"),
-      "@assets/*": path.resolve(rootDir, "src/assets/*"),
-      "@pages/*": path.resolve(rootDir, "src/pages/*"),
-      "@routers/*": path.resolve(rootDir, "src/routers/*"),
-      "@utils/*": path.resolve(rootDir, "src/utils/*"),
-      "@theme/*": path.resolve(rootDir, "src/theme/*")
-    };
+      '@src/*': path.resolve(rootDir, 'src/*'),
+      '@stateless/*': path.resolve(rootDir, 'src/components/stateless/*'),
+      '@stateful/*': path.resolve(rootDir, 'src/components/stateful/*'),
+      '@hooks/*': path.resolve(rootDir, 'src/components/hooks/*'),
+      '@container/*': path.resolve(rootDir, 'src/components/container/*'),
+      '@assets/*': path.resolve(rootDir, 'src/assets/*'),
+      '@pages/*': path.resolve(rootDir, 'src/pages/*'),
+      '@routers/*': path.resolve(rootDir, 'src/routers/*'),
+      '@utils/*': path.resolve(rootDir, 'src/utils/*'),
+      '@theme/*': path.resolve(rootDir, 'src/theme/*'),
+    }
     // If building for a subpath (e.g. /pro-react-admin/storybook/)
     // you can set the STORYBOOK_BASE_HREF env var when running the build.
     // This will make webpack emit assets with the correct publicPath.
@@ -41,7 +37,7 @@ const config: StorybookConfig = {
     //   config.output.publicPath = baseHref.endsWith('/') ? baseHref : baseHref + '/';
     // }
 
-    return config;
+    return config
   },
-};
-export default config;
+}
+export default config

.storybook/preview.ts

@@ -9,6 +9,6 @@ const preview: Preview = {
       },
     },
   },
-};
+}
 
-export default preview;
+export default preview

.storybook/preview.tsx

@@ -5,7 +5,7 @@ import { MemoryRouter } from 'react-router-dom'
 const preview: Preview = {
   decorators: [
     (Story) => (
-      <MemoryRouter initialEntries={["/"]}>
+      <MemoryRouter initialEntries={['/']}>
         <Story />
       </MemoryRouter>
     ),

CHANGELOG.md

@@ -24,40 +24,42 @@ pnpm add @w.ui/wui-react
 ## 🔨 使用
 
 ```jsx
-import React from 'react';
-import { DescBox, RadioInput, Exception } from '@w.ui/wui-react';
-import '@w.ui/wui-react/style.css';
+import React from 'react'
+import { DescBox, RadioInput, Exception } from '@w.ui/wui-react'
+import '@w.ui/wui-react/style.css'
 
 const App = () => {
   return (
     <div>
       <DescBox title="示例标题" description="这是一个描述框组件" />
-      <RadioInput 
+      <RadioInput
         options={[
           { label: '选项1', value: '1' },
-          { label: '选项2', value: '2' }
+          { label: '选项2', value: '2' },
         ]}
         onChange={(value) => console.log(value)}
       />
     </div>
-  );
-};
+  )
+}
 
-export default App;
+export default App
 ```
 
 ## 📚 组件列表
 
 本库包含 100+ 组件，包括但不限于：
 
 ### 核心组件
+
 - ErrorBoundary - 错误边界
 - WatermarkProvider - 水印
 - KeepAlive - 页面缓存
 - ResponsiveTable - 响应式表格
 - GlobalSearch - 全局搜索
 
 ### UI 组件
+
 - AdvancedCodeBlock - 高级代码块
 - AnimatedList - 动画列表
 - BackgroundBeams - 背景光束效果
@@ -67,6 +69,7 @@ export default App;
 - RadioInput - 单选/多选输入
 
 ### 动画组件
+
 - AnimateOnScreen - 进入视口动画
 - AnimateRipple - 波纹动画
 - BlurFade - 模糊渐显
@@ -116,6 +119,7 @@ MIT © [wkylin](https://github.com/wkylin)
 ## 👨‍💻 作者
 
 **wkylin**
+
 - GitHub: [@wkylin](https://github.com/wkylin)
 - Email: [email protected]
 

NPM_README.md

@@ -38,7 +38,6 @@
 
 ---
 
-
 ## 🔑 核心功能
 
 - 🔐 **动态权限引擎**：登录后根据角色（Admin/Manager/Business/User）自动生成路由表，非权限路由自动拦截（403/404）。
@@ -157,6 +156,7 @@ Apache-2.0 © [wkylin](https://github.com/wkylin)
 ---
 
 ## 🌐 约定式提交
+
 1. [约定式提交](https://www.conventionalcommits.org/zh-hans/v1.0.0/)
 2. [语义化版本 2.0.0](https://semver.org/lang/zh-CN/)
 
@@ -169,6 +169,7 @@ Apache-2.0 © [wkylin](https://github.com/wkylin)
 ---
 
 ## 🦄 脚手架--白泽 baize
+
 > **白泽**，中国古代神话中的瑞兽。能言语，通万物之情，知鬼神之事，“王者有德”才出现，能辟除人间一切邪气，可令人逢凶化吉。
 >
 > 本项目取名"白泽"，寓意作为开发者的瑞兽，帮助您辟除配置烦恼，逢凶化吉，快速启动高质量项目。
@@ -179,15 +180,14 @@ Baize CLI 是一个轻量、规范且高效的前端项目脚手架工具，旨
 🛠 规范集成：内置 ESLint、Prettier 等代码规范配置。
 🎨 交互友好：优雅的命令行交互体验。
 
-  ```bash
-    > npm install -g baize-cli
-    > baize
-  ```
+```bash
+  > npm install -g baize-cli
+  > baize
+```
 
-Npm: [Baize](https://www.npmjs.com/package/baize-cli)
----
+## Npm: [Baize](https://www.npmjs.com/package/baize-cli)
 
-##  🔍 自动化持续代码审查工具
+## 🔍 自动化持续代码审查工具
 
 1. [DeepSource/](https://deepsource.io/)
 2. [DeepScan](https://deepscan.io/)
@@ -300,9 +300,9 @@ Npm: [Baize](https://www.npmjs.com/package/baize-cli)
 
 ## 🌳 Tree Node Cli
 
-  1. npm install -g tree-node-cli
-  2. Mac: tree -L 2 -I "node_modules" -r -F
-  3. Win: treee -L 2 -I "node_modules" -r -F
+1. npm install -g tree-node-cli
+2. Mac: tree -L 2 -I "node_modules" -r -F
+3. Win: treee -L 2 -I "node_modules" -r -F
 
 ---
 
@@ -316,16 +316,15 @@ Npm: [Baize](https://www.npmjs.com/package/baize-cli)
 
 2. 依赖分析
 
-    ```bash
-      1. npm run js-analyzer
-      2. "standard": "standard src/\*_/_",
-      3. "standard:fix": "standard --fix src/\*_/_",
-      4. rm -rf package-lock.json
-    ```
+   ```bash
+     1. npm run js-analyzer
+     2. "standard": "standard src/\*_/_",
+     3. "standard:fix": "standard --fix src/\*_/_",
+     4. rm -rf package-lock.json
+   ```
 
 ---
 
-
 ## 🚀 GitHub Proxy
 
 1. 首先确认自己 git 拉取代码的方式
@@ -361,6 +360,7 @@ Npm: [Baize](https://www.npmjs.com/package/baize-cli)
      git config --global --unset http.proxy
      git config --global --unset https.proxy
    ```
+
 ## 🤝 Show your support
 
 <!-- Give a ⭐️ if this project helped you! -->

README.md

@@ -47,7 +47,7 @@ function postToGitHubToken({ code, redirect_uri, client_id, client_secret }) {
         'Content-Type': 'application/x-www-form-urlencoded',
         'Content-Length': Buffer.byteLength(postData),
         Accept: 'application/json',
-        'User-Agent': 'pro-react-admin-server'
+        'User-Agent': 'pro-react-admin-server',
       },
     }
 

api/server.js

@@ -55,7 +55,7 @@ await http.upload('/api/upload', formData)
 await http.download('/api/export', { id: 123 }, 'report.xlsx', {
   onProgress: ({ percent, loaded, total }) => {
     console.log(`下载进度: ${percent}%`)
-  }
+  },
 })
 ```
 
@@ -65,7 +65,7 @@ await http.download('/api/export', { id: 123 }, 'report.xlsx', {
 
 ```javascript
 // 请求拦截器
-http.useRequestInterceptor(config => {
+http.useRequestInterceptor((config) => {
   config.headers['Authorization'] = 'Bearer token'
   return config
 })
@@ -86,10 +86,7 @@ await http.retry(() => http.get('/api/unstable'), 3, 1000)
 **并发请求**:
 
 ```javascript
-const [user, posts] = await http.parallel([
-  { url: '/api/user/1' },
-  { url: '/api/user/1/posts' }
-])
+const [user, posts] = await http.parallel([{ url: '/api/user/1' }, { url: '/api/user/1/posts' }])
 ```
 
 **取消请求**:
@@ -105,9 +102,13 @@ controller.abort() // 取消请求
 默认情况下，`GET` 和 `DELETE` 请求会自动添加时间戳参数 `_` 以防止缓存。如果不需要此行为，可手动禁用。
 
 ```javascript
-await http.get('/api/static-data', {}, {
-  addTimestamp: false // 禁用自动添加时间戳
-})
+await http.get(
+  '/api/static-data',
+  {},
+  {
+    addTimestamp: false, // 禁用自动添加时间戳
+  }
+)
 ```
 
 ---
@@ -121,17 +122,17 @@ await http.get('/api/static-data', {}, {
 ```javascript
 const [data, loading, error, refetch] = useRequest('/api/data', {
   method: 'GET',
-  params: { id: 1 }
+  params: { id: 1 },
 })
 ```
 
 ### 2. 快捷 Hooks
 
-*   `useGet(url, options)` - GET 请求
-*   `usePost(url, options)` - POST 请求
-*   `usePut(url, options)` - PUT 请求
-*   `useDelete(url, options)` - DELETE 请求
-*   `usePatch(url, options)` - PATCH 请求
+- `useGet(url, options)` - GET 请求
+- `usePost(url, options)` - POST 请求
+- `usePut(url, options)` - PUT 请求
+- `useDelete(url, options)` - DELETE 请求
+- `usePatch(url, options)` - PATCH 请求
 
 **示例**:
 
@@ -164,15 +165,17 @@ const UserProfile = ({ id }) => {
 ## 四、API 参考
 
 ### FetchClient 配置 (Config)
-| 属性 | 类型 | 默认值 | 说明 |
-|---|---|---|---|
-| `BASE_URL` | string | `process.env.APP_BASE_URL` | 基础 URL |
-| `TIMEOUT` | number | `20000` | 超时时间 (ms) |
-| `HEADERS` | object | `{'Content-Type': 'application/json'}` | 默认请求头 |
-| `isShowError` | boolean | `true` | 请求失败时是否自动弹出错误提示 |
-| `addTimestamp` | boolean | `true` | 是否为 GET/DELETE 请求自动添加时间戳后缀 |
+
+| 属性           | 类型    | 默认值                                 | 说明                                     |
+| -------------- | ------- | -------------------------------------- | ---------------------------------------- |
+| `BASE_URL`     | string  | `process.env.APP_BASE_URL`             | 基础 URL                                 |
+| `TIMEOUT`      | number  | `20000`                                | 超时时间 (ms)                            |
+| `HEADERS`      | object  | `{'Content-Type': 'application/json'}` | 默认请求头                               |
+| `isShowError`  | boolean | `true`                                 | 请求失败时是否自动弹出错误提示           |
+| `addTimestamp` | boolean | `true`                                 | 是否为 GET/DELETE 请求自动添加时间戳后缀 |
 
 ### http 实例方法
+
 - `request(url, options)`
 - `get(url, params, config)`
 - `post(url, payload, config)`