update(userlogin): update readme and example

examples/base/src/layouts/UserLayout.tsx

@@ -24,6 +24,7 @@ const UserLayout = (props: KktproPageProps) => {
         userName: 'username',
         passWord: 'password',
       }}
+      footer={<div className="copyright-footer">可以自定义页脚内容</div>}
       // onBefore={(store) => ({ a: 12, b: 1221, ...store })}
       onSuccess={(data) => {
         if (data && data.token) {

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",

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 <div>{name}</div>
-}
-
-```
 **在rematch中使用**
 
 > 在servers/index.js中

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 = {
     </Login7>
   ),
 };
+
+export const page8: Example = {
+  magnify: 2.2,
+  children: (
+    <Login8>
+      <Login8.Logo>
+        <LoginLogo />
+      </Login8.Logo>
+    </Login8>
+  ),
+};
+
+export const page9: Example = {
+  magnify: 2.2,
+  children: (
+    <Login9 style={{ backgroundImage: `url(${Login9Bg})` }}>
+      <Login9.Logo>
+        <LoginLogo />
+      </Login9.Logo>
+    </Login9>
+  ),
+};

packages/user-login/README.md

@@ -294,6 +294,36 @@ const UserLayout = () => {
 export default UserLayout;
 ```
 
+## 自定义页脚
+
+`footer`：自定义页脚内容
+
+<!--rehype:bgwhite=true&codesandbox=true&codepen=true-->
+```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 (
+    <UserLogin
+      api="/api/login"
+      footer={<div className="copyright-footer">可以自定义页脚内容</div>}
+      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<T = any> extends FormFieldsProps<T> {
-  /** 保存字段 */ 
+  /** 保存字段 */
   name: string;
   // 验证输入框值   value:输入框的值，current：当前表单的值，返回值为 string 类型时，进行报错提示
   verification?: (value: any, current: Record<string, any>) => string | boolean | null,

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 <div>{name}</div>
-}
-
-```
 ### 在rematch中使用
 > 在servers/index.js中
 ```ts