diff --git a/examples/base/src/layouts/UserLayout.tsx b/examples/base/src/layouts/UserLayout.tsx
index d165d29e..9ae85f4b 100644
--- a/examples/base/src/layouts/UserLayout.tsx
+++ b/examples/base/src/layouts/UserLayout.tsx
@@ -24,6 +24,7 @@ const UserLayout = (props: KktproPageProps) => {
userName: 'username',
passWord: 'password',
}}
+ footer={可以自定义页脚内容
}
// onBefore={(store) => ({ a: 12, b: 1221, ...store })}
onSuccess={(data) => {
if (data && data.token) {
diff --git a/examples/website/package.json b/examples/website/package.json
index 0a583cbf..163df6cc 100644
--- a/examples/website/package.json
+++ b/examples/website/package.json
@@ -25,6 +25,8 @@
"@react-login-page/page5": "^0.4.4",
"@react-login-page/page6": "^0.4.4",
"@react-login-page/page7": "^0.4.4",
+ "@react-login-page/page8": "^0.4.4",
+ "@react-login-page/page9": "^0.4.4",
"@types/styled-components": "^5.1.26",
"@uiw-admin/authorized": "6.1.9",
"@uiw-admin/basic-layouts": "6.1.9",
diff --git a/examples/website/src/pages/request/README.md b/examples/website/src/pages/request/README.md
index 1c6affe5..9d5c001f 100644
--- a/examples/website/src/pages/request/README.md
+++ b/examples/website/src/pages/request/README.md
@@ -26,8 +26,8 @@ import { useReactQuery, useReactMutation, queryClient, fetchFn } from '@kkt/pro'
主要用于**默认**触发请求数据，默认 `GET` 请求，变更使用 `method="POST"` 参数配置
```jsx
-useReactQuery({
- queryKey: ['user', userId],
+useReactQuery({
+ queryKey: ['user', userId],
url: `/api/user/list?id=${userId}`
});
```
@@ -113,36 +113,6 @@ import { request } from "@uiw-admin/utils"
**调用方式**
-**✨配和swr调用**
-> 如果已全局配置过swr,可不用传入request
-
-```tsx
-import React from 'react'
-import useSWR from 'swr';
-import { request } from "@uiw-admin/utils"
-
-export default const Index = () => {
- const [ name ,setName ] = React.useState('')
- const { mutate } = useSWR(
- ['/api/selectById',{ method: 'POST', body: {id:1} }],
- request,
- {
- revalidateOnMount: false,
- revalidateOnFocus: false,
- onSuccess: (data) => {
- if (data && data.code === 200) {
- setName(data.data)
- }
- },
- }
- )
-
- React.useEffect(()=>mutate(false),[mutate])
-
- return {name}
-}
-
-```
**在rematch中使用**
> 在servers/index.js中
diff --git a/examples/website/src/pages/user-login/Examples.tsx b/examples/website/src/pages/user-login/Examples.tsx
index cc05f7ce..c2ab25f5 100644
--- a/examples/website/src/pages/user-login/Examples.tsx
+++ b/examples/website/src/pages/user-login/Examples.tsx
@@ -9,6 +9,9 @@ import Login4 from '@react-login-page/page4';
import Login5 from '@react-login-page/page5';
import Login6 from '@react-login-page/page6';
import Login7 from '@react-login-page/page7';
+import Login8 from '@react-login-page/page8';
+import Login9 from '@react-login-page/page9';
+import Login9Bg from '@react-login-page/page9/bg.jpg';
const bannerImage = require('@react-login-page/page2/banner-image');
const bannerImage3 = require('@react-login-page/page3/banner-image');
@@ -107,3 +110,25 @@ export const page7: Example = {
),
};
+
+export const page8: Example = {
+ magnify: 2.2,
+ children: (
+
+
+
+
+
+ ),
+};
+
+export const page9: Example = {
+ magnify: 2.2,
+ children: (
+
+
+
+
+
+ ),
+};
diff --git a/packages/user-login/README.md b/packages/user-login/README.md
index aa1f5f89..0690a20b 100644
--- a/packages/user-login/README.md
+++ b/packages/user-login/README.md
@@ -294,6 +294,36 @@ const UserLayout = () => {
export default UserLayout;
```
+## 自定义页脚
+
+`footer`：自定义页脚内容
+
+
+```jsx mdx:preview
+import React from 'react';
+import UserLogin from '@uiw-admin/user-login';
+import { useNavigate, } from 'react-router-dom';
+import { Notify } from "uiw"
+
+const UserLayout = () => {
+ return (
+ 可以自定义页脚内容}
+ onSuccess={(data) => {
+ if (data && data.token) {
+ sessionStorage.setItem("token", data.token)
+ sessionStorage.setItem("auth", JSON.stringify(data.authList || []))
+ } else {
+ Notify.error({ title: "错误通知", description: data?.message || "请求失败" })
+ }
+ }}
+ />
+ )
+}
+export default UserLayout;
+```
+
## 自定义背景样式
`styleContainer`：自定义背景样式 ，`bg`：可直接修改背景图片
@@ -499,7 +529,7 @@ export interface UserLoginProps {
footer?: React.ReactNode;
/** 背景图片 */
bg?: string;
- /** 如果存在 children 则 覆盖默认登录框里面内容 */
+ /** 如果存在 children 则 覆盖默认登录框里面内容 */
children?: React.ReactNode;
/** 项目名称 */
projectName?: string;
@@ -554,7 +584,7 @@ export interface UserLoginProps {
```tsx
export interface FieldsProps extends FormFieldsProps {
- /** 保存字段 */
+ /** 保存字段 */
name: string;
// 验证输入框值 value:输入框的值，current：当前表单的值，返回值为 string 类型时，进行报错提示
verification?: (value: any, current: Record) => string | boolean | null,
diff --git a/packages/utils/README.md b/packages/utils/README.md
index dc5f1472..58518bc6 100644
--- a/packages/utils/README.md
+++ b/packages/utils/README.md
@@ -25,36 +25,7 @@
| requestType | 数据格式 | 'form' 或 'json' 或 'urlencoded' | - |
### 调用方式
-### ✨配和swr调用
-> 如果已全局配置过swr,可不用传入request
-```tsx
-import React from 'react'
-import useSWR from 'swr';
-import { request } from "@uiw-admin/utils"
-
-export default const Index = () => {
- const [ name ,setName ] = React.useState('')
- const { mutate } = useSWR(
- ['/api/selectById',{ method: 'POST', body: {id:1} }],
- request,
- {
- revalidateOnMount: false,
- revalidateOnFocus: false,
- onSuccess: (data) => {
- if (data && data.code === 200) {
- setName(data.data)
- }
- },
- }
- )
-
- React.useEffect(()=>mutate(false),[mutate])
-
- return {name}
-}
-
-```
### 在rematch中使用
> 在servers/index.js中
```ts