refactor: 优化路由相关的类型

Author: Ohh-889

src/types/api.d.ts

@@ -174,7 +174,7 @@ declare namespace Api {
     type IconType = '1' | '2';
 
     type MenuPropsOfRoute = Pick<
-      import('@ohh-889/react-auto-route').RouteMeta,
+      import('@soybean-react/vite-plugin-react-router').RouteMeta,
       | 'activeMenu'
       | 'constant'
       | 'fixedIndexInTab'

src/types/app.d.ts

@@ -161,7 +161,6 @@ declare namespace App {
 
   /** Global namespace */
   namespace Global {
-    type RouteLocationNormalizedLoaded = import('@sa/simple-router').Route;
     type RouteKey = import('@elegant-router/types').RouteKey;
     type RouteMap = import('@elegant-router/types').RouteMap;
     type RoutePath = import('@elegant-router/types').RoutePath;
@@ -193,7 +192,7 @@ declare namespace App {
       /** The menu i18n key */
       i18nKey?: I18n.I18nKey | null;
       /** The menu icon */
-      icon?: React.FunctionComponentElement<IconProps>;
+      icon?: React.ReactElement;
       /**
        * The menu key
        *
@@ -211,8 +210,7 @@ declare namespace App {
     };
 
     /** Tab route */
-    type TabRoute = Pick<RouteLocationNormalizedLoaded, 'meta' | 'name' | 'path'> &
-      Partial<Pick<RouteLocationNormalizedLoaded, 'fullPath' | 'matched' | 'query'>>;
+    type TabRoute = Router.Route;
 
     /** The global tab */
     type Tab = {

src/types/auto-imports.d.ts

@@ -8,17 +8,43 @@ export {}
 declare global {
   const AButton: typeof import('antd')['Button']
   const ACard: typeof import('antd')['Card']
+  const ACheckbox: typeof import('antd')['Checkbox']
+  const AColorPicker: typeof import('antd')['ColorPicker']
   const AConfigProvider: typeof import('antd')['ConfigProvider']
+  const ADivider: typeof import('antd')['Divider']
+  const ADrawer: typeof import('antd')['Drawer']
   const ADropdown: typeof import('antd')['Dropdown']
+  const AEmpty: typeof import('antd')['Empty']
+  const AFlex: typeof import('antd')['Flex']
   const AForm: typeof import('antd')['Form']
+  const AInput: typeof import('antd')['Input']
+  const AMenu: typeof import('antd')['Menu']
+  const AModal: typeof import('antd')['Modal']
   const ASegmented: typeof import('antd')['Segmented']
+  const ASpace: typeof import('antd')['Space']
+  const ASwitch: typeof import('antd')['Switch']
   const ATooltip: typeof import('antd')['Tooltip']
   const AWatermark: typeof import('antd')['Watermark']
+  const BeyondHiding: typeof import('../components/BeyondHiding')['default']
   const ButtonIcon: typeof import('../components/ButtonIcon')['default']
+  const DarkModeContainer: typeof import('../components/DarkModeContainer')['default']
+  const FilpText: typeof import('../components/FilpText')['default']
+  const FullScreen: typeof import('../components/FullScreen')['default']
+  const IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined.tsx')['default']
+  const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen.tsx')['default']
+  const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit.tsx')['default']
+  const IconLocalLogo: typeof import('~icons/local/logo.tsx')['default']
+  const IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin.tsx')['default']
+  const IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin.tsx')['default']
+  const IconMdiKeyboardEsc: typeof import('~icons/mdi/keyboard-esc.tsx')['default']
+  const IconMdiKeyboardReturn: typeof import('~icons/mdi/keyboard-return.tsx')['default']
+  const IconUilSearch: typeof import('~icons/uil/search.tsx')['default']
   const Link: typeof import('react-router-dom')['Link']
+  const LookForward: typeof import('../components/LookForward')['default']
   const NavLink: typeof import('react-router-dom')['NavLink']
   const Navigate: typeof import('react-router-dom')['Navigate']
   const Outlet: typeof import('react-router-dom')['Outlet']
+  const PinToggler: typeof import('../components/PinToggler')['default']
   const Route: typeof import('react-router-dom')['Route']
   const Routes: typeof import('react-router-dom')['Routes']
   const SvgIcon: typeof import('../components/SvgIcon')['default']
@@ -89,7 +115,6 @@ declare global {
   const useMap: typeof import('ahooks')['useMap']
   const useMemo: typeof import('react')['useMemo']
   const useMemoizedFn: typeof import('ahooks')['useMemoizedFn']
-  const useMixMenuContext: typeof import('../hooks/common/menu')['useMixMenuContext']
   const useMobile: typeof import('../hooks/common/mobile')['useMobile']
   const useMount: typeof import('ahooks')['useMount']
   const useMouse: typeof import('ahooks')['useMouse']

src/types/elegant-router.d.ts

@@ -31,6 +31,9 @@ declare module "@elegant-router/types" {
     "document_antd": "/document/antd";
     "logout": "/logout";
     "(base)_home": "/home";
+    "(base)_manage": "/manage";
+    "(base)_manage_menu": "/manage/menu";
+    "(base)_user-center": "/user-center";
     "(blank)_login": "/login";
     "(blank)_login_code-login": "/login/code-login";
     "(blank)_login_register": "/login/register";
@@ -109,6 +112,11 @@ declare module "@elegant-router/types" {
     | "(base)_home"
     | "(base)_home"
     | "(base)"
+    | "(base)_manage"
+    | "(base)_manage_menu"
+    | "(base)_manage_menu"
+    | "(base)_user-center"
+    | "(base)_user-center"
     | "(blank)"
     | "(blank)_login_code-login"
     | "(blank)_login_code-login"
@@ -126,7 +134,6 @@ declare module "@elegant-router/types" {
     | "root"
     | "root"
     | "root"
-    | "root"
   >;
 
   /**

src/types/router.d.ts

@@ -1,7 +1,7 @@
-import '@ohh-889/react-auto-route';
+declare namespace Router {
+  type UIMatch<Data = unknown, Handle = unknown> = import('react-router-dom').UIMatch<Data, Handle>;
 
-declare module '@ohh-889/react-auto-route' {
-  interface RouteMeta {
+  type RouteHandle = {
     /**
      * The menu key will be activated when entering the route
      *
@@ -68,5 +68,9 @@ declare module '@ohh-889/react-auto-route' {
      * It can be used in document title
      */
     title: string;
-  }
+  };
+
+  type Route<T = unknown> = UIMatch<T, RouteHandle> & {
+    matched: UIMatch<T, RouteHandle>[];
+  };
 }