fix(base): 移除swr插件及调整BasicLayout/PorTable组件

Author: yaob421123

examples/base/config/.kktprc.ts

@@ -4,6 +4,7 @@ export default {
     routesOutletElement: '@/routesOutletElement',
   },
   initModel: true,
+  queryClient: true,
   define: {
     AUTH: false,
     STORAGE: 'local',

examples/base/config/routes.json

@@ -9,7 +9,7 @@
     "children": [
       {
         "index": true,
-        "redirect": "/tableList"
+        "redirect": "/home"
       },
       {
         "path": "/home",

examples/base/package.json

@@ -24,21 +24,20 @@
     "@swc/core": ">=1.3.55"
   },
   "dependencies": {
-    "@kkt/pro": "^1.0.13",
-    "@uiw-admin/authorized": "6.1.6",
-    "@uiw-admin/basic-layouts": "6.1.6",
-    "@uiw-admin/components": "6.1.6",
-    "@uiw-admin/config": "6.1.6",
-    "@uiw-admin/document-title": "6.1.6",
-    "@uiw-admin/exceptions": "6.1.6",
-    "@uiw-admin/layout-tabs": "6.1.6",
-    "@uiw-admin/user-login": "6.1.6",
-    "@uiw-admin/utils": "6.1.6",
+    "@kkt/pro": "^1.0.14",
+    "@uiw-admin/authorized": "6.1.9",
+    "@uiw-admin/basic-layouts": "6.1.9",
+    "@uiw-admin/components": "6.1.9",
+    "@uiw-admin/config": "6.1.9",
+    "@uiw-admin/document-title": "6.1.9",
+    "@uiw-admin/exceptions": "6.1.9",
+    "@uiw-admin/layout-tabs": "6.1.9",
+    "@uiw-admin/user-login": "6.1.9",
+    "@uiw-admin/utils": "6.1.9",
     "@uiw/reset.css": "~1.0.5",
     "axios": "^0.27.0",
     "classnames": "~2.3.1",
     "styled-components": "^5.3.5",
-    "swr": "2.1.0",
     "uiw": "^4.21.26"
   },
   "devDependencies": {

examples/base/src/layouts/BasicLayout.tsx

@@ -1,7 +1,6 @@
 import { Badge, Icon } from 'uiw'
-import useSWR from 'swr'
 import AuthPage from '@uiw-admin/authorized'
-import { KktproPageProps } from '@kkt/pro'
+import { KktproPageProps, useReactMutation } from '@kkt/pro'
 import BasicLayout, {
   useLayouts,
   BasicLayoutProps,
@@ -13,16 +12,17 @@ function BasicLayoutScreen(props: KktproPageProps) {
 
   const layouts = useLayouts()
 
-  const { mutate } = useSWR(['/api/reloadAuth', { method: 'POST' }], {
-    revalidateOnMount: false,
-    revalidateOnFocus: false,
-    onSuccess: (data) => {
+  const { mutate } = useReactMutation({
+    url: '/api/reloadAuth',
+    method: 'POST',
+    onSuccess: (data: any) => {
       if (data && data.code === 200) {
         sessionStorage.setItem('token', data.token)
         sessionStorage.setItem('auth', JSON.stringify(data.authList || []))
         localStorage.setItem('token', data.token)
         localStorage.setItem('auth', JSON.stringify(data.authList || []))
-        window.location.reload()
+        // window.location.reload()
+        layouts.closeMenu()
       }
     },
   })

examples/base/src/routesOutletElement/index.tsx

@@ -1,6 +1,4 @@
 import { cloneElement } from 'react'
-import { SWRConfig } from 'swr'
-import { request } from '@uiw-admin/utils'
 import { KktproRoutesProps } from '@kkt/pro'
 import '@uiw/reset.css'
 import './index.css'
@@ -12,18 +10,8 @@ interface RoutesOutletElementProps {
 const RoutesOutletElement = (props: RoutesOutletElementProps) => {
   const { routes } = props
 
-  return (
-    <SWRConfig
-      value={{
-        fetcher: (resource, init) => {
-          return request(resource, init)
-        },
-        provider: () => new Map(),
-      }}>
-      {cloneElement(props.children as JSX.Element, {
-        router: routes,
-      })}
-    </SWRConfig>
-  )
+  return cloneElement(props.children as JSX.Element, {
+    router: routes,
+  })
 }
 export default RoutesOutletElement

package.json

@@ -57,6 +57,7 @@
     "publish": "npm run build && lerna publish from-package",
     "start": "lerna exec --scope @examples/base npm run start",
     "start:website": "lerna exec --scope website npm run start",
+    "preview": "lerna exec --scope @examples/preview npm run start",
     "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
     "clean": "lerna clean && npm run remove && rm -rf ./package-lock.json && rm -rf node_modules && npm run remove:c ",
     "remove": " lerna exec --scope @uiw-admin/* --scope @example/*  -- rm -rf package-lock.json",

packages/basic-layouts/package.json

@@ -45,7 +45,7 @@
   "dependencies": {
     "@babel/runtime": "~7.21.0",
     "@kkt/pro": "^1.0.13",
-    "@uiw-admin/document-title": "6.1.6",
+    "@uiw-admin/document-title": "6.1.9",
     "classnames": "2.3.1",
     "pinyin": "~2.11.2"
   },

packages/components/src/ProTable/BaseTable.tsx

@@ -94,7 +94,6 @@ const BaseTable: React.FC<BaseTableProps> = ({
   };
 
   const pageSize = formatQuery().pageSize || 10;
-
   // 调接口
   const { mutate, data, isLoading }: any = useReactMutation({
     mutationFn: async () => {
@@ -118,7 +117,7 @@ const BaseTable: React.FC<BaseTableProps> = ({
   useEffect(() => {
     // 第一次加载
     mutate();
-  }, [mutate]);
+  }, []);
 
   // table数据
   const tableData =