@umijs/renderer-react 4.0.0-rc.19 → 4.0.0-rc.21

package/dist/appContext.d.ts

@@ -1,4 +1,16 @@
 import React from 'react';
-export declare const AppContext: React.Context<any>;
-export declare function useAppData(): any;
+import { IClientRoute, ILoaderData, IRouteComponents, IRoutesById } from './types';
+interface IAppCentextType {
+    routes: IRoutesById;
+    routeComponents: IRouteComponents;
+    clientRoutes: IClientRoute[];
+    pluginManager: any;
+    rootElement?: HTMLElement;
+    basename?: string;
+    clientLoaderData: ILoaderData;
+    preloadRoute: (to: string) => void;
+}
+export declare const AppContext: React.Context<IAppCentextType>;
+export declare function useAppData(): IAppCentextType;
 export declare function useClientLoaderData(): any;
+export {};

package/dist/appContext.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useRouteData } from './routeContext';
-export const AppContext = React.createContext(null);
+export const AppContext = React.createContext({});
 export function useAppData() {
     return React.useContext(AppContext);
 }

package/dist/browser.js

@@ -70,9 +70,10 @@ export function renderClient(opts) {
         const [clientLoaderData, setClientLoaderData] = useState({});
         const handleRouteChange = useCallback((p) => {
             var _a;
-            const matchedRouteIds = ((_a = matchRoutes(clientRoutes, p)) === null || _a === void 0 ? void 0 : _a.map(
+            // Patched routes has to id
+            const matchedRouteIds = (((_a = matchRoutes(clientRoutes, p)) === null || _a === void 0 ? void 0 : _a.map(
             // @ts-ignore
-            (route) => route.route.id)) || [];
+            (route) => route.route.id)) || []).filter(Boolean);
             matchedRouteIds.forEach((id) => {
                 // preload
                 // @ts-ignore

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory, History, } from 'history';
-export { createSearchParams, matchPath, matchRoutes, Navigate, NavLink, Outlet, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
+export { createSearchParams, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
 export { useAppData, useClientLoaderData } from './appContext';
 export { renderClient } from './browser';
 export { LinkWithPrefetch as Link } from './link';

package/dist/index.js

@@ -1,5 +1,5 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory, } from 'history';
-export { createSearchParams, matchPath, matchRoutes, Navigate, NavLink, Outlet, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
+export { createSearchParams, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
 export { useAppData, useClientLoaderData } from './appContext';
 export { renderClient } from './browser';
 export { LinkWithPrefetch as Link } from './link';

package/dist/link.d.ts

@@ -1,12 +1,5 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
+import { LinkProps } from 'react-router-dom';
 export declare function LinkWithPrefetch(props: PropsWithChildren<{
     prefetch?: boolean;
-    to: string | Partial<{
-        pathname: string;
-        search: string;
-        hash: string;
-    }>;
-    replace?: boolean;
-    state?: boolean;
-    reloadDocument?: boolean;
-}>): JSX.Element;
+} & LinkProps & React.RefAttributes<HTMLAnchorElement>>): JSX.Element;

package/dist/link.js

@@ -4,5 +4,5 @@ import { useAppData } from './appContext';
 export function LinkWithPrefetch(props) {
     const appData = useAppData();
     const to = typeof props.to === 'string' ? props.to : props.to.pathname;
-    return (React.createElement(Link, { onMouseEnter: () => props.prefetch && appData.preloadRoute(to), to: props.to, replace: props.replace, state: props.state, reloadDocument: props.reloadDocument }, props.children));
+    return (React.createElement(Link, { onMouseEnter: () => props.prefetch && to && appData.preloadRoute(to), ...props }, props.children));
 }

package/dist/routeContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { IRoute } from './types';
 export interface IRouteContextType {
-    route: any;
+    route: IRoute;
 }
 export declare const RouteContext: React.Context<IRouteContextType | undefined>;
 export declare function useRouteData(): IRouteContextType;

package/dist/routes.d.ts

@@ -1,27 +1,8 @@
 import React from 'react';
-import { IRoute, IRoutesById } from './types';
+import { IClientRoute, IRoutesById } from './types';
 export declare function createClientRoutes(opts: {
     routesById: IRoutesById;
     routeComponents: Record<string, any>;
     parentId?: string;
     loadingComponent?: React.ReactNode;
-}): {
-    parentId?: string | undefined;
-    clientLoader?: (() => Promise<any>) | undefined;
-    id: string;
-    path: string | undefined;
-    index: boolean | undefined;
-    element: JSX.Element;
-}[];
-export declare function createClientRoute(opts: {
-    route: IRoute;
-    routeComponent: any;
-    loadingComponent?: React.ReactNode;
-}): {
-    parentId?: string | undefined;
-    clientLoader?: (() => Promise<any>) | undefined;
-    id: string;
-    path: string | undefined;
-    index: boolean | undefined;
-    element: JSX.Element;
-};
+}): IClientRoute[];

package/dist/routes.js

@@ -20,23 +20,20 @@ export function createClientRoutes(opts) {
             loadingComponent: opts.loadingComponent,
         });
         if (children.length > 0) {
-            // @ts-ignore
             route.children = children;
             // TODO: remove me
             // compatible with @ant-design/pro-layout
-            // @ts-ignore
             route.routes = children;
         }
         return route;
     });
 }
-export function createClientRoute(opts) {
+function createClientRoute(opts) {
     const { route } = opts;
-    const { id, path, index, redirect, ...props } = route;
+    const { redirect, ...props } = route;
     return {
-        id: id,
-        path: path,
-        index: index,
+        children: [],
+        routes: [],
         element: redirect ? (React.createElement(Navigate, { to: redirect })) : (React.createElement(RouteContext.Provider, { value: {
                 route: opts.route,
             } },

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IRoute {
     id: string;
     path?: string;
@@ -6,6 +7,16 @@ export interface IRoute {
     redirect?: string;
     clientLoader?: () => Promise<any>;
 }
+export interface IClientRoute {
+    id: string;
+    element: React.ReactNode;
+    children: IClientRoute[];
+    routes: IClientRoute[];
+    path?: string;
+    index?: boolean;
+    parentId?: string;
+    clientLoader?: () => Promise<any>;
+}
 export interface IRoutesById {
     [id: string]: IRoute;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/renderer-react",
-  "version": "4.0.0-rc.19",
+  "version": "4.0.0-rc.21",
   "description": "@umijs/renderer-react",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/renderer-react#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",