@umijs/renderer-react 4.0.33 → 4.0.35

package/dist/appContext.d.ts

@@ -14,6 +14,7 @@ interface IAppContextType {
 }
 export declare const AppContext: React.Context<IAppContextType>;
 export declare function useAppData(): IAppContextType;
+export declare function useSelectedRoutes(): import("react-router-dom").RouteMatch<string>[];
 export declare function useServerLoaderData(): {
     data: any;
 };

package/dist/appContext.js

@@ -1,9 +1,20 @@
 import React from 'react';
 import { useRouteData } from "./routeContext";
+import { useLocation, matchRoutes } from 'react-router-dom';
 export var AppContext = /*#__PURE__*/React.createContext({});
 export function useAppData() {
   return React.useContext(AppContext);
 }
+export function useSelectedRoutes() {
+  var location = useLocation();
+
+  var _useAppData = useAppData(),
+      clientRoutes = _useAppData.clientRoutes; // use `useLocation` get location without `basename`, not need `basename` param
+
+
+  var routes = matchRoutes(clientRoutes, location.pathname);
+  return routes || [];
+}
 export function useServerLoaderData() {
   var route = useRouteData();
   var appData = useAppData();

package/dist/browser.d.ts

@@ -63,6 +63,10 @@ export declare type RenderClientOpts = {
      * 此模式下，路由组件的 props 会包含 location、match、history 和 params 属性，和 react-router 5 的保持一致。
      */
     reactRouter5Compat?: boolean;
+    /**
+     * 应用渲染完成的回调函数
+     */
+    callback?: () => void;
 };
 /**
  *  执行 react dom 的 render 方法

package/dist/browser.js

@@ -1,8 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useEffect, useState } from 'react'; // compatible with < react@18 in @umijs/preset-umi/src/features/react
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useLayoutEffect, useState } from 'react'; // compatible with < react@18 in @umijs/preset-umi/src/features/react
 
 import { HelmetProvider } from 'react-helmet-async';
 import ReactDOM from 'react-dom/client';
@@ -31,10 +31,10 @@ function BrowserRoutes(props) {
       state = _React$useState2[0],
       setState = _React$useState2[1];
 
-  React.useLayoutEffect(function () {
+  useLayoutEffect(function () {
     return history.listen(setState);
   }, [history]);
-  React.useLayoutEffect(function () {
+  useLayoutEffect(function () {
     function onRouteChange(opts) {
       props.pluginManager.applyPlugins({
         key: 'onRouteChange',
@@ -234,6 +234,9 @@ var getBrowser = function getBrowser(opts, routesElement) {
         handleRouteChange(e.location.pathname);
       });
     }, []);
+    useLayoutEffect(function () {
+      if (typeof opts.callback === 'function') opts.callback();
+    }, []);
     return /*#__PURE__*/React.createElement(HelmetProvider, {
       context: {}
     }, /*#__PURE__*/React.createElement(AppContext.Provider, {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory, type History, } from 'history';
 export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
 export { Helmet } from 'react-helmet-async';
-export { useAppData, useClientLoaderData, useServerLoaderData, } from './appContext';
+export { useAppData, useSelectedRoutes, useClientLoaderData, useServerLoaderData, } from './appContext';
 export { renderClient, __getRoot } from './browser';
 export { LinkWithPrefetch as Link } from './link';
 export { useRouteData } from './routeContext';

package/dist/index.js

@@ -1,7 +1,7 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history';
 export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams } from 'react-router-dom';
 export { Helmet } from 'react-helmet-async';
-export { useAppData, useClientLoaderData, useServerLoaderData } from "./appContext";
+export { useAppData, useSelectedRoutes, useClientLoaderData, useServerLoaderData } from "./appContext";
 export { renderClient, __getRoot } from "./browser";
 export { LinkWithPrefetch as Link } from "./link";
 export { useRouteData } from "./routeContext";

package/dist/server.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import React from 'react';
 import { HelmetProvider } from 'react-helmet-async';
 import { StaticRouter } from 'react-router-dom/server';

package/dist/useFetcher.d.ts

@@ -1,3 +1,3 @@
 export declare function __useFetcher(): {
-    load(path?: string | undefined): void;
+    load(path?: string): void;
 };

package/package.json

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