@vlian/framework 1.2.59 → 1.2.61

package/dist/core/router/utils/adapters/react-router/transform.cjs

@@ -1,250 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "transformRoutesToReactRoutes", {
-    enumerable: true,
-    get: function() {
-        return transformRoutesToReactRoutes;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _reactrouterdom = require("react-router-dom");
-const _RouteErrorBoundary = require("./RouteErrorBoundary");
-const _logger = require("@vlian/logger");
-function DefaultRouteHydrateFallback() {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: {
-            padding: 16,
-            textAlign: 'center',
-            color: '#5f6c7b'
-        },
-        children: "Loading..."
-    });
-}
-const transformRoutesToReactRoutes = async (routes, transformResult, defaultRouteErrorComponent, defaultRouteLoadingComponent, enableHydrateFallback = false)=>{
-    /**
-     * 批量处理路由
-     * @param routes 路由组
-     */ function transformRouteToReactRoutes(routes) {
-        return routes.flatMap((route)=>transformRouteToReactRoute(route));
-    }
-    /**
-     * 处理单个路由
-     * @param route 路由
-     */ function transformRouteToReactRoute(route) {
-        const { isGroup = false, enableRedirection = false, name, path, handle, children, page, layout, error, errors, loading } = route;
-        const routeError = error ?? errors;
-        // 获取错误组件
-        async function getErrorComponent() {
-            // 如果 error/errors 是函数，直接使用
-            if (typeof routeError === 'function') {
-                return routeError();
-            }
-            const errorsMap = transformResult.errors;
-            // 判断 error/errors 是否为 string 且不是空字符串
-            if (typeof routeError === 'string' && routeError !== '') {
-                // 使用 routeError 作为 key 获取 transformResult.errors 的值
-                const errorResolver = errorsMap.get(routeError);
-                // 如果获取不到，返回 null
-                if (!errorResolver) {
-                    return null;
-                }
-                // 如果获取到，返回对应的值（调用动态导入函数）
-                if (typeof errorResolver === 'function') {
-                    return errorResolver();
-                }
-                return null;
-            }
-            // 如果 errors 为空，使用配置的默认错误组件或内置的 RouteErrorBoundary 组件
-            if (defaultRouteErrorComponent) {
-                // 如果配置了默认错误组件，使用配置的组件
-                return defaultRouteErrorComponent();
-            }
-            // 如果没有配置默认错误组件，使用内置的 RouteErrorBoundary 组件
-            // 直接导入而非懒加载，因为：
-            // 1. RouteErrorBoundary 是框架核心组件，体积小
-            // 2. 错误边界需要快速响应，直接导入速度更快
-            // 3. 作为基础设施组件，应该保证可用性
-            return {
-                default: _RouteErrorBoundary.RouteErrorBoundary
-            };
-        }
-        // 获取转换配置
-        function convertConfig(m) {
-            if (!m) {
-                return null;
-            }
-            const { action, loader, shouldRevalidate, default: Component } = m;
-            // 如果 Component 不存在，记录警告
-            if (!Component) {
-                _logger.logger.warn(`路由组件未找到 default 导出: ${name}`, m);
-            }
-            return {
-                action,
-                loader,
-                shouldRevalidate,
-                Component
-            };
-        }
-        // 获取加载组件
-        async function getLoadingComponent() {
-            if (typeof loading === 'function') {
-                return loading();
-            }
-            if (typeof loading === 'string' && loading !== '') {
-                const loadingResolver = transformResult.loadings.get(loading);
-                if (typeof loadingResolver === 'function') {
-                    return loadingResolver();
-                }
-            }
-            if (defaultRouteLoadingComponent) {
-                return defaultRouteLoadingComponent();
-            }
-            return null;
-        }
-        // 获取配置
-        async function getConfig(index = false) {
-            // 如果有layout和不是index,返回布局配置
-            if (layout && !index) {
-                // 如果 layout 是函数，直接使用
-                if (typeof layout === 'function') {
-                    const config = await layout();
-                    return convertConfig(config);
-                }
-                // 如果 layout 是字符串，从 Map 中获取
-                if (typeof layout === 'string') {
-                    const layoutResolver = transformResult.layouts.get(layout);
-                    if (!layoutResolver) {
-                        throw new Error(`未找到名为 ${layout} 的布局组件`);
-                    }
-                    const config = await layoutResolver();
-                    return convertConfig(config);
-                }
-            }
-            let pageName = name;
-            // 如果是notFound则转成404
-            if (pageName === 'notFound') {
-                pageName = '404';
-            }
-            if (page && (!children?.length || index)) {
-                // 如果 page 是函数，直接使用
-                if (typeof page === 'function') {
-                    const config = await page();
-                    return convertConfig(config);
-                }
-                // 如果 page 是字符串，从 Map 中获取
-                if (typeof page === 'string') {
-                    const viewResolver = transformResult.pages.get(page);
-                    if (!viewResolver) {
-                        throw new Error(`未找到名为 ${page} 的页面组件`);
-                    }
-                    const config = await viewResolver();
-                    return convertConfig(config);
-                }
-            }
-            return null;
-        }
-        // 获取处理信息，即额外的配置信息
-        function getHandle(index = false) {
-            if ((layout || isGroup) && !index) {
-                return null;
-            }
-            return {
-                ...handle,
-                name,
-                path
-            };
-        }
-        const reactRoute = {
-            children: [],
-            id: name,
-            handle: getHandle(),
-            lazy: async ()=>{
-                const ErrorBoundary = await getErrorComponent();
-                const config = await getConfig();
-                const LoadingComponent = await getLoadingComponent();
-                const HydrateFallback = LoadingComponent?.default ?? DefaultRouteHydrateFallback;
-                // 如果配置为空，确保至少返回一个空对象，避免展开 undefined
-                if (!config) {
-                    return {
-                        ErrorBoundary: ErrorBoundary?.default,
-                        HydrateFallback
-                    };
-                }
-                return {
-                    ErrorBoundary: ErrorBoundary?.default,
-                    HydrateFallback,
-                    ...config
-                };
-            },
-            path
-        };
-        if (enableHydrateFallback) {
-            reactRoute.hydrateFallbackElement = /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultRouteHydrateFallback, {});
-        }
-        // 处理子路由
-        if (children?.length) {
-            reactRoute.children = children.flatMap((child)=>transformRouteToReactRoute(child)).sort((a, b)=>{
-                const orderA = a.handle?.order ?? 99;
-                const orderB = b.handle?.order ?? 99;
-                return orderA - orderB;
-            });
-            if (page && !isGroup) {
-                reactRoute.children.unshift({
-                    handle: getHandle(true),
-                    index: true,
-                    lazy: async ()=>{
-                        const ErrorBoundary = await getErrorComponent();
-                        const LoadingComponent = await getLoadingComponent();
-                        const HydrateFallback = LoadingComponent?.default ?? DefaultRouteHydrateFallback;
-                        const Component = page;
-                        return {
-                            ErrorBoundary: ErrorBoundary?.default,
-                            HydrateFallback,
-                            Component,
-                            ...await getConfig(true)
-                        };
-                    }
-                });
-            }
-            if (enableRedirection && isGroup) {
-                const [firstChild] = reactRoute.children;
-                if (firstChild?.path) {
-                    reactRoute.children.unshift({
-                        index: true,
-                        handle: getHandle(true),
-                        element: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.Navigate, {
-                            to: firstChild.path,
-                            replace: true
-                        })
-                    });
-                }
-            }
-        }
-        // 若存在 layout 且没有子路由，但同时声明了 page，则自动生成 index 子路由以渲染页面
-        // 场景：/test 使用自定义 layout，且没有 children 时仍应渲染 page
-        if ((!children || children.length === 0) && layout && page && !isGroup) {
-            reactRoute.children = [
-                {
-                    handle: getHandle(true),
-                    index: true,
-                    lazy: async ()=>{
-                        const ErrorBoundary = await getErrorComponent();
-                        const LoadingComponent = await getLoadingComponent();
-                        const HydrateFallback = LoadingComponent?.default ?? DefaultRouteHydrateFallback;
-                        const Component = page;
-                        return {
-                            ErrorBoundary: ErrorBoundary?.default,
-                            HydrateFallback,
-                            Component,
-                            ...await getConfig(true)
-                        };
-                    }
-                }
-            ];
-        }
-        return reactRoute;
-    }
-    return transformRouteToReactRoutes(routes);
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"transformRoutesToReactRoutes",{enumerable:true,get:function(){return transformRoutesToReactRoutes}});const _jsxruntime=require("react/jsx-runtime");const _reactrouterdom=require("react-router-dom");const _RouteErrorBoundary=require("./RouteErrorBoundary");const _logger=require("@vlian/logger");function DefaultRouteHydrateFallback(){return(0,_jsxruntime.jsx)("div",{style:{padding:16,textAlign:"center",color:"#5f6c7b"},children:"Loading..."})}const transformRoutesToReactRoutes=async(routes,transformResult,defaultRouteErrorComponent,defaultRouteLoadingComponent,enableHydrateFallback=false)=>{function transformRouteToReactRoutes(routes){return routes.flatMap(route=>transformRouteToReactRoute(route))}function transformRouteToReactRoute(route){const{isGroup=false,enableRedirection=false,name,path,handle,children,page,layout,error,errors,loading}=route;const routeError=error??errors;async function getErrorComponent(){if(typeof routeError==="function"){return routeError()}const errorsMap=transformResult.errors;if(typeof routeError==="string"&&routeError!==""){const errorResolver=errorsMap.get(routeError);if(!errorResolver){return null}if(typeof errorResolver==="function"){return errorResolver()}return null}if(defaultRouteErrorComponent){return defaultRouteErrorComponent()}return{default:_RouteErrorBoundary.RouteErrorBoundary}}function convertConfig(m){if(!m){return null}const{action,loader,shouldRevalidate,default:Component}=m;if(!Component){_logger.logger.warn(`路由组件未找到 default 导出: ${name}`,m)}return{action,loader,shouldRevalidate,Component}}async function getLoadingComponent(){if(typeof loading==="function"){return loading()}if(typeof loading==="string"&&loading!==""){const loadingResolver=transformResult.loadings.get(loading);if(typeof loadingResolver==="function"){return loadingResolver()}}if(defaultRouteLoadingComponent){return defaultRouteLoadingComponent()}return null}async function getConfig(index=false){if(layout&&!index){if(typeof layout==="function"){const config=await layout();return convertConfig(config)}if(typeof layout==="string"){const layoutResolver=transformResult.layouts.get(layout);if(!layoutResolver){throw new Error(`未找到名为 ${layout} 的布局组件`)}const config=await layoutResolver();return convertConfig(config)}}let pageName=name;if(pageName==="notFound"){pageName="404"}if(page&&(!children?.length||index)){if(typeof page==="function"){const config=await page();return convertConfig(config)}if(typeof page==="string"){const viewResolver=transformResult.pages.get(page);if(!viewResolver){throw new Error(`未找到名为 ${page} 的页面组件`)}const config=await viewResolver();return convertConfig(config)}}return null}function getHandle(index=false){if((layout||isGroup)&&!index){return null}return{...handle,name,path}}const reactRoute={children:[],id:name,handle:getHandle(),lazy:async()=>{const ErrorBoundary=await getErrorComponent();const config=await getConfig();const LoadingComponent=await getLoadingComponent();const HydrateFallback=LoadingComponent?.default??DefaultRouteHydrateFallback;if(!config){return{ErrorBoundary:ErrorBoundary?.default,HydrateFallback}}return{ErrorBoundary:ErrorBoundary?.default,HydrateFallback,...config}},path};if(enableHydrateFallback){reactRoute.hydrateFallbackElement=(0,_jsxruntime.jsx)(DefaultRouteHydrateFallback,{})}if(children?.length){reactRoute.children=children.flatMap(child=>transformRouteToReactRoute(child)).sort((a,b)=>{const orderA=a.handle?.order??99;const orderB=b.handle?.order??99;return orderA-orderB});if(page&&!isGroup){reactRoute.children.unshift({handle:getHandle(true),index:true,lazy:async()=>{const ErrorBoundary=await getErrorComponent();const LoadingComponent=await getLoadingComponent();const HydrateFallback=LoadingComponent?.default??DefaultRouteHydrateFallback;const Component=page;return{ErrorBoundary:ErrorBoundary?.default,HydrateFallback,Component,...await getConfig(true)}}})}if(enableRedirection&&isGroup){const[firstChild]=reactRoute.children;if(firstChild?.path){reactRoute.children.unshift({index:true,handle:getHandle(true),element:(0,_jsxruntime.jsx)(_reactrouterdom.Navigate,{to:firstChild.path,replace:true})})}}}if((!children||children.length===0)&&layout&&page&&!isGroup){reactRoute.children=[{handle:getHandle(true),index:true,lazy:async()=>{const ErrorBoundary=await getErrorComponent();const LoadingComponent=await getLoadingComponent();const HydrateFallback=LoadingComponent?.default??DefaultRouteHydrateFallback;const Component=page;return{ErrorBoundary:ErrorBoundary?.default,HydrateFallback,Component,...await getConfig(true)}}}]}return reactRoute}return transformRouteToReactRoutes(routes)};