feat: support route wrappers

examples/basic-spa/src/components/WrapperPage/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const wrapperPage = (PageComponent) => {
+  console.log('custom route wrapper')
+  const WrappedPage = (props) => {
+    return <PageComponent {...props} />
+  };
+  return WrappedPage;
+};
+
+export default wrapperPage;

examples/basic-spa/src/pages/Dashboard/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link, useSearchParams, withSearchParams } from 'ice';
+import wrapperPage from '@/components/WrapperPage';
 
 @withSearchParams
 class Foo extends React.PureComponent {
@@ -31,4 +32,10 @@ const Dashboard = (props) => {
   );
 };
 
+
+Dashboard.pageConfig = {
+  title: 'Dashboard Page',
+  wrappers: [wrapperPage]
+};
+
 export default Dashboard;

packages/plugin-router/src/runtime/Router.tsx

@@ -14,7 +14,13 @@ import { IRouteWrapper, IDynamicImportComponent, RouteItemProps } from '../types
 import { IRouterConfig } from '../types';
 
 function wrapperRoute(component, routerWrappers) {
-  return (routerWrappers || []).reduce((acc, curr) => {
+  let mergedRouteWrappers = routerWrappers || [];
+  const wrappers = (component && component.pageConfig && Array.isArray(component.pageConfig.wrappers)) ? component.pageConfig.wrappers : [];
+  if (wrappers.length) {
+    mergedRouteWrappers = routerWrappers.concat(wrappers);
+  }
+
+  return (mergedRouteWrappers).reduce((acc, curr) => {
     const compose = curr(acc);
     if (acc.pageConfig) {
       compose.pageConfig = acc.pageConfig;
@@ -39,6 +45,7 @@ function getRouteComponent(component, routerWrappers?: IRouteWrapper[]) {
 function parseRoutes(routes: RouteItemProps[]) {
   return routes.map((route) => {
     const { children, component, routeWrappers, ...others } = route;
+
     const parsedRoute: IRouterConfig = { ...others };
     if (component) {
       parsedRoute.component = getRouteComponent(component, children ? [] : routeWrappers);

packages/plugin-router/src/types/base.ts

@@ -29,5 +29,9 @@ export interface RouteItemProps extends Omit<DefaultRouteProps, 'component'> {
 
   component?: React.ComponentType<RouteComponentProps<any>> | React.ComponentType<any> | IDynamicImportComponent;
 
+  // built-in route wrappers
   routeWrappers?: IRouteWrapper[];
+
+  // custom route wrappers
+  wrappers?: IRouteWrapper[];
 };