@vlian/framework 1.2.56 → 1.2.59

package/dist/core/router/utils/adapters/react-router/RouteErrorBoundary.js

@@ -1,121 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-const isDevelopment = process.env.NODE_ENV === 'development';
-export const RouteErrorBoundary = ({ error, resetErrorBoundary })=>{
-    const [showDetails, setShowDetails] = useState(false);
-    const errorObject = error !== null && typeof error === 'object' ? error : null;
-    const errorMessage = typeof errorObject?.message === 'string' && errorObject.message !== '' ? errorObject.message : '未知错误';
-    const hasCause = errorObject?.cause !== undefined;
-    const isNotFoundError = errorObject?.status === 404 || typeof errorObject?.statusText === 'string' && /not\s*found/i.test(errorObject.statusText) || /no routes matched location|not found|404/i.test(errorMessage);
-    const title = isNotFoundError ? '页面不存在（404）' : '出错了，请稍后再试';
-    const friendlyMessage = isNotFoundError ? '访问的路由未注册或不存在，请检查访问地址。' : '请稍后再试或联系技术支持';
-    const displayMessage = isDevelopment ? errorMessage : friendlyMessage;
-    return /*#__PURE__*/ _jsx("div", {
-        role: "alert",
-        style: {
-            minHeight: '100vh',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            padding: 24
-        },
-        children: /*#__PURE__*/ _jsxs("div", {
-            style: {
-                maxWidth: 760,
-                width: '100%',
-                border: '1px solid #dde5ec',
-                borderRadius: 10,
-                padding: 20
-            },
-            children: [
-                /*#__PURE__*/ _jsx("h2", {
-                    style: {
-                        marginTop: 0
-                    },
-                    children: title
-                }),
-                /*#__PURE__*/ _jsx("p", {
-                    children: displayMessage
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        display: 'flex',
-                        gap: 8,
-                        marginBottom: 12
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsx("button", {
-                            onClick: resetErrorBoundary,
-                            style: {
-                                border: 'none',
-                                background: '#2f80ed',
-                                color: '#fff',
-                                borderRadius: 6,
-                                padding: '8px 12px',
-                                cursor: 'pointer'
-                            },
-                            children: "刷新重试"
-                        }),
-                        isDevelopment && /*#__PURE__*/ _jsx("button", {
-                            onClick: ()=>setShowDetails(!showDetails),
-                            style: {
-                                border: '1px solid #cfd7df',
-                                background: '#fff',
-                                borderRadius: 6,
-                                padding: '8px 12px',
-                                cursor: 'pointer'
-                            },
-                            children: showDetails ? '收起详情' : '展开详情'
-                        })
-                    ]
-                }),
-                isDevelopment && showDetails && /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        background: '#f7fafc',
-                        borderRadius: 8,
-                        padding: 12,
-                        fontSize: 12,
-                        fontFamily: 'monospace'
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsxs("div", {
-                            style: {
-                                marginBottom: 10
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx("strong", {
-                                    children: "错误信息："
-                                }),
-                                errorMessage
-                            ]
-                        }),
-                        errorObject?.stack && /*#__PURE__*/ _jsxs("div", {
-                            style: {
-                                marginBottom: 10,
-                                whiteSpace: 'pre-wrap',
-                                wordBreak: 'break-word'
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx("strong", {
-                                    children: "堆栈："
-                                }),
-                                /*#__PURE__*/ _jsx("br", {}),
-                                errorObject.stack
-                            ]
-                        }),
-                        hasCause && /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("strong", {
-                                    children: "原因："
-                                }),
-                                errorObject?.cause instanceof Error ? errorObject.cause.message : String(errorObject?.cause)
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=RouteErrorBoundary.js.map
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";const isDevelopment=process.env.NODE_ENV==="development";export const RouteErrorBoundary=({error,resetErrorBoundary})=>{const[showDetails,setShowDetails]=useState(false);const errorObject=error!==null&&typeof error==="object"?error:null;const errorMessage=typeof errorObject?.message==="string"&&errorObject.message!==""?errorObject.message:"未知错误";const hasCause=errorObject?.cause!==undefined;const isNotFoundError=errorObject?.status===404||typeof errorObject?.statusText==="string"&&/not\s*found/i.test(errorObject.statusText)||/no routes matched location|not found|404/i.test(errorMessage);const title=isNotFoundError?"页面不存在（404）":"出错了，请稍后再试";const friendlyMessage=isNotFoundError?"访问的路由未注册或不存在，请检查访问地址。":"请稍后再试或联系技术支持";const displayMessage=isDevelopment?errorMessage:friendlyMessage;return _jsx("div",{role:"alert",style:{minHeight:"100vh",display:"flex",justifyContent:"center",alignItems:"center",padding:24},children:_jsxs("div",{style:{maxWidth:760,width:"100%",border:"1px solid #dde5ec",borderRadius:10,padding:20},children:[_jsx("h2",{style:{marginTop:0},children:title}),_jsx("p",{children:displayMessage}),_jsxs("div",{style:{display:"flex",gap:8,marginBottom:12},children:[_jsx("button",{onClick:resetErrorBoundary,style:{border:"none",background:"#2f80ed",color:"#fff",borderRadius:6,padding:"8px 12px",cursor:"pointer"},children:"刷新重试"}),isDevelopment&&_jsx("button",{onClick:()=>setShowDetails(!showDetails),style:{border:"1px solid #cfd7df",background:"#fff",borderRadius:6,padding:"8px 12px",cursor:"pointer"},children:showDetails?"收起详情":"展开详情"})]}),isDevelopment&&showDetails&&_jsxs("div",{style:{background:"#f7fafc",borderRadius:8,padding:12,fontSize:12,fontFamily:"monospace"},children:[_jsxs("div",{style:{marginBottom:10},children:[_jsx("strong",{children:"错误信息："}),errorMessage]}),errorObject?.stack&&_jsxs("div",{style:{marginBottom:10,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:[_jsx("strong",{children:"堆栈："}),_jsx("br",{}),errorObject.stack]}),hasCause&&_jsxs("div",{children:[_jsx("strong",{children:"原因："}),errorObject?.cause instanceof Error?errorObject.cause.message:String(errorObject?.cause)]})]})]})})};

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

@@ -248,5 +248,3 @@ const transformRoutesToReactRoutes = async (routes, transformResult, defaultRout
     }
     return transformRouteToReactRoutes(routes);
 };
-
-//# sourceMappingURL=transform.js.map

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

@@ -1,242 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Navigate } from "react-router-dom";
-import { RouteErrorBoundary } from "./RouteErrorBoundary";
-import { logger } from "@vlian/logger";
-function DefaultRouteHydrateFallback() {
-    return /*#__PURE__*/ _jsx("div", {
-        style: {
-            padding: 16,
-            textAlign: 'center',
-            color: '#5f6c7b'
-        },
-        children: "Loading..."
-    });
-}
-export 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
-            };
-        }
-        // 获取转换配置
-        function convertConfig(m) {
-            if (!m) {
-                return null;
-            }
-            const { action, loader, shouldRevalidate, default: Component } = m;
-            // 如果 Component 不存在，记录警告
-            if (!Component) {
-                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__*/ _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__*/ _jsx(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);
-};
-
-//# sourceMappingURL=transform.js.map
+import{jsx as _jsx}from"react/jsx-runtime";import{Navigate}from"react-router-dom";import{RouteErrorBoundary}from"./RouteErrorBoundary";import{logger}from"@vlian/logger";function DefaultRouteHydrateFallback(){return _jsx("div",{style:{padding:16,textAlign:"center",color:"#5f6c7b"},children:"Loading..."})}export 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}}function convertConfig(m){if(!m){return null}const{action,loader,shouldRevalidate,default:Component}=m;if(!Component){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=_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:_jsx(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)};

package/dist/core/router/utils/transform.cjs

@@ -778,5 +778,3 @@ async function transformRoutes(routes, options = {}) {
         });
     }
 }
-
-//# sourceMappingURL=transform.js.map