@vlian/framework 1.2.57 → 1.2.59

package/dist/core/dev/DevTools.js

@@ -1,210 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 开发工具模块（无 UI 框架依赖）
- */ import { useState, useEffect } from "react";
-import { useStateManager } from "../app";
-function toPrettyJson(value) {
-    try {
-        return JSON.stringify(value, null, 2);
-    } catch  {
-        return String(value);
-    }
-}
-export function DevTools({ appInstance, visible, onClose }) {
-    const [performanceMetrics, setPerformanceMetrics] = useState({});
-    const stateManager = useStateManager();
-    useEffect(()=>{
-        if (!visible) {
-            return;
-        }
-        const tracker = appInstance.getPerformanceTracker();
-        if (!tracker) {
-            return;
-        }
-        const metrics = tracker.getMetrics();
-        setPerformanceMetrics({
-            serviceInitDuration: metrics.serviceInitDuration || 0,
-            initializationDuration: metrics.initializationDuration || 0,
-            firstRenderDuration: metrics.firstRenderDuration || 0,
-            totalStartupDuration: metrics.totalStartupDuration || 0,
-            fcp: metrics.fcp || 0,
-            lcp: metrics.lcp || 0,
-            fid: metrics.fid || 0,
-            cls: metrics.cls || 0
-        });
-    }, [
-        visible,
-        appInstance
-    ]);
-    if (!visible) {
-        return null;
-    }
-    const options = appInstance.getOptions();
-    const allStates = stateManager?.getAllStates?.() || [];
-    return /*#__PURE__*/ _jsxs("div", {
-        style: {
-            position: 'fixed',
-            top: 0,
-            right: 0,
-            width: 'min(680px, 95vw)',
-            height: '100vh',
-            zIndex: 9999,
-            background: '#fff',
-            borderLeft: '1px solid #d9e2ec',
-            padding: 16,
-            overflowY: 'auto',
-            boxShadow: '-8px 0 20px rgba(0, 0, 0, 0.08)'
-        },
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                style: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center'
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        style: {
-                            margin: 0
-                        },
-                        children: "DevTools"
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
-                        onClick: onClose,
-                        style: {
-                            border: 'none',
-                            background: 'transparent',
-                            cursor: 'pointer'
-                        },
-                        children: "关闭"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h4", {
-                        children: "实例"
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            "id: ",
-                            appInstance.id
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            "initialized: ",
-                            String(appInstance.isInitialized())
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h4", {
-                        children: "性能"
-                    }),
-                    /*#__PURE__*/ _jsx("pre", {
-                        style: {
-                            background: '#f7fafc',
-                            padding: 10,
-                            borderRadius: 8
-                        },
-                        children: toPrettyJson(performanceMetrics)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h4", {
-                        children: "状态管理"
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            "stateCount: ",
-                            allStates.length
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("pre", {
-                        style: {
-                            background: '#f7fafc',
-                            padding: 10,
-                            borderRadius: 8
-                        },
-                        children: toPrettyJson(allStates.slice(0, 10))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h4", {
-                        children: "配置"
-                    }),
-                    /*#__PURE__*/ _jsx("pre", {
-                        style: {
-                            background: '#f7fafc',
-                            padding: 10,
-                            borderRadius: 8,
-                            whiteSpace: 'pre-wrap'
-                        },
-                        children: toPrettyJson(options)
-                    })
-                ]
-            })
-        ]
-    });
-}
-function resolvePosition(position) {
-    const style = {
-        position: 'fixed',
-        zIndex: 9998
-    };
-    const pos = position || 'bottom-right';
-    if (pos.includes('bottom')) style.bottom = 16;
-    if (pos.includes('top')) style.top = 16;
-    if (pos.includes('right')) style.right = 16;
-    if (pos.includes('left')) style.left = 16;
-    return style;
-}
-export function DevToolsTrigger({ appInstance, position = 'bottom-right' }) {
-    const [visible, setVisible] = useState(false);
-    if (process.env.NODE_ENV !== 'development') {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("button", {
-                onClick: ()=>setVisible(true),
-                style: {
-                    ...resolvePosition(position),
-                    border: 'none',
-                    background: '#2f80ed',
-                    color: '#fff',
-                    borderRadius: 999,
-                    padding: '8px 14px',
-                    cursor: 'pointer'
-                },
-                children: "DevTools"
-            }),
-            /*#__PURE__*/ _jsx(DevTools, {
-                appInstance: appInstance,
-                visible: visible,
-                onClose: ()=>setVisible(false)
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=DevTools.js.map
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useState,useEffect}from"react";import{useStateManager}from"../app";function toPrettyJson(value){try{return JSON.stringify(value,null,2)}catch{return String(value)}}export function DevTools({appInstance,visible,onClose}){const[performanceMetrics,setPerformanceMetrics]=useState({});const stateManager=useStateManager();useEffect(()=>{if(!visible){return}const tracker=appInstance.getPerformanceTracker();if(!tracker){return}const metrics=tracker.getMetrics();setPerformanceMetrics({serviceInitDuration:metrics.serviceInitDuration||0,initializationDuration:metrics.initializationDuration||0,firstRenderDuration:metrics.firstRenderDuration||0,totalStartupDuration:metrics.totalStartupDuration||0,fcp:metrics.fcp||0,lcp:metrics.lcp||0,fid:metrics.fid||0,cls:metrics.cls||0})},[visible,appInstance]);if(!visible){return null}const options=appInstance.getOptions();const allStates=stateManager?.getAllStates?.()||[];return _jsxs("div",{style:{position:"fixed",top:0,right:0,width:"min(680px, 95vw)",height:"100vh",zIndex:9999,background:"#fff",borderLeft:"1px solid #d9e2ec",padding:16,overflowY:"auto",boxShadow:"-8px 0 20px rgba(0, 0, 0, 0.08)"},children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[_jsx("h3",{style:{margin:0},children:"DevTools"}),_jsx("button",{onClick:onClose,style:{border:"none",background:"transparent",cursor:"pointer"},children:"关闭"})]}),_jsxs("section",{style:{marginTop:12},children:[_jsx("h4",{children:"实例"}),_jsxs("div",{children:["id: ",appInstance.id]}),_jsxs("div",{children:["initialized: ",String(appInstance.isInitialized())]})]}),_jsxs("section",{style:{marginTop:12},children:[_jsx("h4",{children:"性能"}),_jsx("pre",{style:{background:"#f7fafc",padding:10,borderRadius:8},children:toPrettyJson(performanceMetrics)})]}),_jsxs("section",{style:{marginTop:12},children:[_jsx("h4",{children:"状态管理"}),_jsxs("div",{children:["stateCount: ",allStates.length]}),_jsx("pre",{style:{background:"#f7fafc",padding:10,borderRadius:8},children:toPrettyJson(allStates.slice(0,10))})]}),_jsxs("section",{style:{marginTop:12},children:[_jsx("h4",{children:"配置"}),_jsx("pre",{style:{background:"#f7fafc",padding:10,borderRadius:8,whiteSpace:"pre-wrap"},children:toPrettyJson(options)})]})]})}function resolvePosition(position){const style={position:"fixed",zIndex:9998};const pos=position||"bottom-right";if(pos.includes("bottom"))style.bottom=16;if(pos.includes("top"))style.top=16;if(pos.includes("right"))style.right=16;if(pos.includes("left"))style.left=16;return style}export function DevToolsTrigger({appInstance,position="bottom-right"}){const[visible,setVisible]=useState(false);if(process.env.NODE_ENV!=="development"){return null}return _jsxs(_Fragment,{children:[_jsx("button",{onClick:()=>setVisible(true),style:{...resolvePosition(position),border:"none",background:"#2f80ed",color:"#fff",borderRadius:999,padding:"8px 14px",cursor:"pointer"},children:"DevTools"}),_jsx(DevTools,{appInstance:appInstance,visible:visible,onClose:()=>setVisible(false)})]})}

package/dist/core/error/ErrorBoundary.cjs

@@ -399,5 +399,3 @@ function useErrorHandler() {
         _initialization.initializationErrorState.setError(error);
     };
 }
-
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/core/error/ErrorBoundary.js

@@ -1,399 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
-import { logger } from "@vlian/logger";
-import { errorUtils } from "@vlian/utils";
-import { initializationErrorState } from "../initialization";
-import { getDefaultErrorHandler } from "./ErrorHandler";
-/**
- * 错误边界组件
- * 
- * 基于 react-error-boundary 实现，集成了框架的错误处理系统
- * 用于捕获 React 组件树中的错误，防止整个应用崩溃
- * 
- * 默认使用框架内置错误 UI，居中显示。
- * 可以通过 fallback 属性自定义错误 UI。
- * 
- * @example
- * ```tsx
- * // 使用默认错误 UI（推荐）
- * <ErrorBoundary>
- *   <App />
- * </ErrorBoundary>
- * 
- * // 自定义错误 UI
- * <ErrorBoundary
- *   fallback={(error, reset) => (
- *     <div>
- *       <h1>出错了</h1>
- *       <p>{error.message}</p>
- *       <button onClick={reset}>重试</button>
- *     </div>
- *   )}
- * >
- *   <App />
- * </ErrorBoundary>
- * ```
- */ export function ErrorBoundary({ children, fallback, onError, showInConsole = true, resetKeys, onReset, onResetKeysChange }) {
-    // 使用 ref 存储重试计数，在多次错误之间保持状态
-    const retryCountRef = useRef(0);
-    // 优化：使用统一的错误处理器
-    const errorHandler = useMemo(()=>getDefaultErrorHandler(), []);
-    // 处理错误，将标准 Error 转换为 FrameworkError
-    const handleError = useCallback(async (error, errorInfo)=>{
-        const normalizedError = errorUtils.normalizeError(error);
-        // 将 react-error-boundary 的 errorInfo 转换为 React 的 ErrorInfo 格式
-        const reactErrorInfo = {
-            componentStack: errorInfo.componentStack || ''
-        };
-        // 使用统一的错误处理器处理错误
-        const handleResult = await errorHandler.handleError(normalizedError, {
-            componentStack: reactErrorInfo.componentStack,
-            source: 'ErrorBoundary'
-        });
-        // 如果错误处理器没有处理错误，使用默认处理
-        if (!handleResult.handled) {
-            logger.error('错误边界捕获到错误:', {
-                error: normalizedError.toJSON(),
-                errorInfo: {
-                    componentStack: reactErrorInfo.componentStack
-                }
-            });
-        }
-        // 调用错误回调
-        if (onError) {
-            onError(normalizedError, reactErrorInfo);
-        }
-        // 在控制台显示错误（如果配置了）
-        if (showInConsole) {
-            console.error('错误边界捕获到错误:', normalizedError);
-            console.error('错误信息:', reactErrorInfo);
-        }
-    }, [
-        errorHandler,
-        onError,
-        showInConsole
-    ]);
-    // 处理重置
-    const handleReset = ()=>{
-        // 清除初始化错误状态
-        initializationErrorState.clearError();
-        // 调用用户提供的重置回调
-        if (onReset) {
-            onReset();
-        }
-    };
-    // 默认 fallback UI（使用无框架 HTML 组件）
-    // 使用内部组件来管理重试计数状态，使用 React.memo 优化性能
-    const DefaultFallbackComponent = /*#__PURE__*/ React.memo(({ error, resetErrorBoundary })=>{
-        const normalizedError = errorUtils.normalizeError(error);
-        const [retryCount, setRetryCount] = useState(retryCountRef.current);
-        const [showDetails, setShowDetails] = useState(false);
-        // 同步 ref 的值到 state，确保组件重新创建时能读取到最新的重试计数
-        useEffect(()=>{
-            setRetryCount(retryCountRef.current);
-        }, []);
-        const handleRetry = useCallback(()=>{
-            // 增加重试计数
-            const newCount = retryCount + 1;
-            retryCountRef.current = newCount;
-            setRetryCount(newCount);
-            // 执行重置
-            handleReset();
-            resetErrorBoundary();
-        }, [
-            retryCount,
-            resetErrorBoundary
-        ]);
-        const handleReload = useCallback(()=>{
-            // 刷新页面
-            window.location.reload();
-        }, []);
-        // 构建用户友好的错误提示
-        const userFriendlyMessage = useMemo(()=>{
-            // 根据错误类型提供不同的提示
-            if (normalizedError.code === 'NETWORK_ERROR') {
-                return '网络连接失败，请检查您的网络设置后再尝试';
-            }
-            if (normalizedError.code === 'TIMEOUT_ERROR') {
-                return '请求超时，请稍后再尝试';
-            }
-            if (normalizedError.code === 'VALIDATION_ERROR') {
-                return '数据验证失败，请检查输入内容';
-            }
-            // 默认提示
-            return '应用运行时发生了错误，请稍后再尝试';
-        }, [
-            normalizedError.code
-        ]);
-        // 构建按钮数组
-        const extraButtons = useMemo(()=>{
-            const buttons = [
-                /*#__PURE__*/ _jsx("button", {
-                    onClick: handleRetry,
-                    "aria-label": "重试加载应用",
-                    style: {
-                        border: 'none',
-                        background: 'var(--app-primary-color, #2f80ed)',
-                        color: '#fff',
-                        borderRadius: 6,
-                        padding: '8px 14px',
-                        cursor: 'pointer'
-                    },
-                    children: "重试"
-                }, "retry"),
-                /*#__PURE__*/ _jsx("button", {
-                    onClick: ()=>setShowDetails(!showDetails),
-                    "aria-label": showDetails ? '隐藏错误详情' : '显示错误详情',
-                    style: {
-                        border: '1px solid #cfd7df',
-                        background: '#fff',
-                        color: '#1f2933',
-                        borderRadius: 6,
-                        padding: '8px 14px',
-                        cursor: 'pointer'
-                    },
-                    children: showDetails ? '隐藏详情' : '查看详情'
-                }, "details")
-            ];
-            // 如果重试次数 >= 1，添加刷新页面按钮（提前显示）
-            if (retryCount >= 1) {
-                buttons.push(/*#__PURE__*/ _jsx("button", {
-                    onClick: handleReload,
-                    "aria-label": "刷新页面",
-                    style: {
-                        border: '1px solid #cfd7df',
-                        background: '#fff',
-                        color: '#1f2933',
-                        borderRadius: 6,
-                        padding: '8px 14px',
-                        cursor: 'pointer'
-                    },
-                    children: "刷新页面"
-                }, "reload"));
-            }
-            return buttons;
-        }, [
-            retryCount,
-            handleRetry,
-            handleReload,
-            showDetails
-        ]);
-        return /*#__PURE__*/ _jsxs("div", {
-            role: "alert",
-            "aria-live": "assertive",
-            "aria-atomic": "true",
-            style: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                justifyContent: 'center',
-                minHeight: '100vh',
-                padding: '24px'
-            },
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        maxWidth: 580,
-                        width: '100%',
-                        textAlign: 'center',
-                        border: '1px solid #dde5ec',
-                        borderRadius: 10,
-                        padding: 24,
-                        background: '#fff'
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            style: {
-                                fontSize: 40,
-                                lineHeight: '44px'
-                            },
-                            children: "⚠️"
-                        }),
-                        /*#__PURE__*/ _jsx("h2", {
-                            style: {
-                                margin: '8px 0 4px'
-                            },
-                            children: "出错了"
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            style: {
-                                marginTop: 0,
-                                color: '#52606d'
-                            },
-                            children: userFriendlyMessage
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
-                            style: {
-                                display: 'flex',
-                                gap: 8,
-                                justifyContent: 'center',
-                                flexWrap: 'wrap'
-                            },
-                            children: extraButtons
-                        })
-                    ]
-                }),
-                showDetails && /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        marginTop: 24,
-                        padding: 16,
-                        backgroundColor: '#f5f5f5',
-                        borderRadius: 4,
-                        maxWidth: 800,
-                        width: '100%',
-                        maxHeight: 400,
-                        overflow: 'auto'
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            style: {
-                                marginBottom: 8,
-                                fontWeight: 'bold'
-                            },
-                            children: "错误详情："
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            style: {
-                                fontFamily: 'monospace',
-                                fontSize: 12
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ _jsx("strong", {
-                                            children: "错误类型："
-                                        }),
-                                        normalizedError.name
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ _jsx("strong", {
-                                            children: "错误代码："
-                                        }),
-                                        normalizedError.code
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ _jsx("strong", {
-                                            children: "错误信息："
-                                        }),
-                                        normalizedError.message
-                                    ]
-                                }),
-                                normalizedError.stack && /*#__PURE__*/ _jsxs("div", {
-                                    style: {
-                                        marginTop: 8
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ _jsx("strong", {
-                                            children: "堆栈信息："
-                                        }),
-                                        /*#__PURE__*/ _jsx("pre", {
-                                            style: {
-                                                whiteSpace: 'pre-wrap',
-                                                wordBreak: 'break-word'
-                                            },
-                                            children: normalizedError.stack
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        });
-    });
-    DefaultFallbackComponent.displayName = 'DefaultFallbackComponent';
-    const defaultFallback = ({ error, resetErrorBoundary })=>{
-        return /*#__PURE__*/ _jsx(DefaultFallbackComponent, {
-            error: error,
-            resetErrorBoundary: resetErrorBoundary
-        });
-    };
-    // 如果提供了自定义 fallback，使用自定义的
-    const fallbackRender = fallback ? ({ error, resetErrorBoundary })=>{
-        const normalizedError = errorUtils.normalizeError(error);
-        return fallback(normalizedError, ()=>{
-            handleReset();
-            resetErrorBoundary();
-        });
-    } : defaultFallback;
-    // 处理重置时清除重试计数
-    const handleResetWithCount = ()=>{
-        retryCountRef.current = 0;
-        handleReset();
-    };
-    // 处理 resetKeys 变化时清除重试计数
-    const handleResetKeysChange = (prevKeys, nextKeys)=>{
-        retryCountRef.current = 0;
-        if (onResetKeysChange) {
-            onResetKeysChange(prevKeys, nextKeys);
-        }
-    };
-    // 构建 react-error-boundary 的 props
-    const errorBoundaryProps = {
-        fallbackRender,
-        onError: handleError,
-        onReset: handleResetWithCount,
-        resetKeys,
-        onResetKeysChange: handleResetKeysChange
-    };
-    return /*#__PURE__*/ _jsx(ReactErrorBoundary, {
-        ...errorBoundaryProps,
-        children: children
-    });
-}
-/**
- * 带错误边界的 HOC
- */ export function withErrorBoundary(Component, errorBoundaryProps) {
-    const WrappedComponent = (props)=>{
-        return /*#__PURE__*/ _jsx(ErrorBoundary, {
-            ...errorBoundaryProps,
-            children: /*#__PURE__*/ _jsx(Component, {
-                ...props
-            })
-        });
-    };
-    WrappedComponent.displayName = `withErrorBoundary(${Component.displayName || Component.name || 'Component'})`;
-    return WrappedComponent;
-}
-/**
- * 使用错误处理器的 Hook
- * 
- * 用于在函数组件中处理异步错误
- * 
- * 注意：这个 Hook 需要配合 ErrorBoundary 使用。当调用返回的错误处理函数时，
- * 错误会被设置到初始化错误状态，然后通过 InitializationErrorThrower 组件抛出。
- * 
- * @example
- * ```tsx
- * import { useErrorHandler } from '@vlian/framework';
- * 
- * function MyComponent() {
- *   const handleError = useErrorHandler();
- *   
- *   useEffect(() => {
- *     async function fetchData() {
- *       try {
- *         await someAsyncOperation();
- *       } catch (error) {
- *         handleError(error);
- *       }
- *     }
- *     fetchData();
- *   }, [handleError]);
- * }
- * ```
- */ export function useErrorHandler() {
-    return (error)=>{
-        // 将错误设置到初始化错误状态
-        // InitializationErrorThrower 组件会检测到错误并抛出，让 ErrorBoundary 捕获
-        initializationErrorState.setError(error);
-    };
-}
-
-//# sourceMappingURL=ErrorBoundary.js.map
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import{ErrorBoundary as ReactErrorBoundary}from"react-error-boundary";import{logger}from"@vlian/logger";import{errorUtils}from"@vlian/utils";import{initializationErrorState}from"../initialization";import{getDefaultErrorHandler}from"./ErrorHandler";export function ErrorBoundary({children,fallback,onError,showInConsole=true,resetKeys,onReset,onResetKeysChange}){const retryCountRef=useRef(0);const errorHandler=useMemo(()=>getDefaultErrorHandler(),[]);const handleError=useCallback(async(error,errorInfo)=>{const normalizedError=errorUtils.normalizeError(error);const reactErrorInfo={componentStack:errorInfo.componentStack||""};const handleResult=await errorHandler.handleError(normalizedError,{componentStack:reactErrorInfo.componentStack,source:"ErrorBoundary"});if(!handleResult.handled){logger.error("错误边界捕获到错误:",{error:normalizedError.toJSON(),errorInfo:{componentStack:reactErrorInfo.componentStack}})}if(onError){onError(normalizedError,reactErrorInfo)}if(showInConsole){console.error("错误边界捕获到错误:",normalizedError);console.error("错误信息:",reactErrorInfo)}},[errorHandler,onError,showInConsole]);const handleReset=()=>{initializationErrorState.clearError();if(onReset){onReset()}};const DefaultFallbackComponent=React.memo(({error,resetErrorBoundary})=>{const normalizedError=errorUtils.normalizeError(error);const[retryCount,setRetryCount]=useState(retryCountRef.current);const[showDetails,setShowDetails]=useState(false);useEffect(()=>{setRetryCount(retryCountRef.current)},[]);const handleRetry=useCallback(()=>{const newCount=retryCount+1;retryCountRef.current=newCount;setRetryCount(newCount);handleReset();resetErrorBoundary()},[retryCount,resetErrorBoundary]);const handleReload=useCallback(()=>{window.location.reload()},[]);const userFriendlyMessage=useMemo(()=>{if(normalizedError.code==="NETWORK_ERROR"){return"网络连接失败，请检查您的网络设置后再尝试"}if(normalizedError.code==="TIMEOUT_ERROR"){return"请求超时，请稍后再尝试"}if(normalizedError.code==="VALIDATION_ERROR"){return"数据验证失败，请检查输入内容"}return"应用运行时发生了错误，请稍后再尝试"},[normalizedError.code]);const extraButtons=useMemo(()=>{const buttons=[_jsx("button",{onClick:handleRetry,"aria-label":"重试加载应用",style:{border:"none",background:"var(--app-primary-color, #2f80ed)",color:"#fff",borderRadius:6,padding:"8px 14px",cursor:"pointer"},children:"重试"},"retry"),_jsx("button",{onClick:()=>setShowDetails(!showDetails),"aria-label":showDetails?"隐藏错误详情":"显示错误详情",style:{border:"1px solid #cfd7df",background:"#fff",color:"#1f2933",borderRadius:6,padding:"8px 14px",cursor:"pointer"},children:showDetails?"隐藏详情":"查看详情"},"details")];if(retryCount>=1){buttons.push(_jsx("button",{onClick:handleReload,"aria-label":"刷新页面",style:{border:"1px solid #cfd7df",background:"#fff",color:"#1f2933",borderRadius:6,padding:"8px 14px",cursor:"pointer"},children:"刷新页面"},"reload"))}return buttons},[retryCount,handleRetry,handleReload,showDetails]);return _jsxs("div",{role:"alert","aria-live":"assertive","aria-atomic":"true",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",padding:"24px"},children:[_jsxs("div",{style:{maxWidth:580,width:"100%",textAlign:"center",border:"1px solid #dde5ec",borderRadius:10,padding:24,background:"#fff"},children:[_jsx("div",{style:{fontSize:40,lineHeight:"44px"},children:"⚠️"}),_jsx("h2",{style:{margin:"8px 0 4px"},children:"出错了"}),_jsx("p",{style:{marginTop:0,color:"#52606d"},children:userFriendlyMessage}),_jsx("div",{style:{display:"flex",gap:8,justifyContent:"center",flexWrap:"wrap"},children:extraButtons})]}),showDetails&&_jsxs("div",{style:{marginTop:24,padding:16,backgroundColor:"#f5f5f5",borderRadius:4,maxWidth:800,width:"100%",maxHeight:400,overflow:"auto"},children:[_jsx("div",{style:{marginBottom:8,fontWeight:"bold"},children:"错误详情："}),_jsxs("div",{style:{fontFamily:"monospace",fontSize:12},children:[_jsxs("div",{children:[_jsx("strong",{children:"错误类型："}),normalizedError.name]}),_jsxs("div",{children:[_jsx("strong",{children:"错误代码："}),normalizedError.code]}),_jsxs("div",{children:[_jsx("strong",{children:"错误信息："}),normalizedError.message]}),normalizedError.stack&&_jsxs("div",{style:{marginTop:8},children:[_jsx("strong",{children:"堆栈信息："}),_jsx("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word"},children:normalizedError.stack})]})]})]})]})});DefaultFallbackComponent.displayName="DefaultFallbackComponent";const defaultFallback=({error,resetErrorBoundary})=>{return _jsx(DefaultFallbackComponent,{error:error,resetErrorBoundary:resetErrorBoundary})};const fallbackRender=fallback?({error,resetErrorBoundary})=>{const normalizedError=errorUtils.normalizeError(error);return fallback(normalizedError,()=>{handleReset();resetErrorBoundary()})}:defaultFallback;const handleResetWithCount=()=>{retryCountRef.current=0;handleReset()};const handleResetKeysChange=(prevKeys,nextKeys)=>{retryCountRef.current=0;if(onResetKeysChange){onResetKeysChange(prevKeys,nextKeys)}};const errorBoundaryProps={fallbackRender,onError:handleError,onReset:handleResetWithCount,resetKeys,onResetKeysChange:handleResetKeysChange};return _jsx(ReactErrorBoundary,{...errorBoundaryProps,children:children})}export function withErrorBoundary(Component,errorBoundaryProps){const WrappedComponent=props=>{return _jsx(ErrorBoundary,{...errorBoundaryProps,children:_jsx(Component,{...props})})};WrappedComponent.displayName=`withErrorBoundary(${Component.displayName||Component.name||"Component"})`;return WrappedComponent}export function useErrorHandler(){return error=>{initializationErrorState.setError(error)}}

package/dist/core/error/ErrorHandler.cjs

@@ -273,5 +273,3 @@ function getDefaultErrorHandler() {
 function setDefaultErrorHandler(handler) {
     defaultErrorHandler = handler;
 }
-
-//# sourceMappingURL=ErrorHandler.js.map