@vlian/framework 1.2.57 → 1.2.60

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

@@ -1,403 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get ErrorBoundary () {
-        return ErrorBoundary;
-    },
-    get useErrorHandler () {
-        return useErrorHandler;
-    },
-    get withErrorBoundary () {
-        return withErrorBoundary;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reacterrorboundary = require("react-error-boundary");
-const _logger = require("@vlian/logger");
-const _utils = require("@vlian/utils");
-const _initialization = require("../initialization");
-const _ErrorHandler = require("./ErrorHandler");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function ErrorBoundary({ children, fallback, onError, showInConsole = true, resetKeys, onReset, onResetKeysChange }) {
-    // 使用 ref 存储重试计数，在多次错误之间保持状态
-    const retryCountRef = (0, _react.useRef)(0);
-    // 优化：使用统一的错误处理器
-    const errorHandler = (0, _react.useMemo)(()=>(0, _ErrorHandler.getDefaultErrorHandler)(), []);
-    // 处理错误，将标准 Error 转换为 FrameworkError
-    const handleError = (0, _react.useCallback)(async (error, errorInfo)=>{
-        const normalizedError = _utils.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.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 = ()=>{
-        // 清除初始化错误状态
-        _initialization.initializationErrorState.clearError();
-        // 调用用户提供的重置回调
-        if (onReset) {
-            onReset();
-        }
-    };
-    // 默认 fallback UI（使用无框架 HTML 组件）
-    // 使用内部组件来管理重试计数状态，使用 React.memo 优化性能
-    const DefaultFallbackComponent = /*#__PURE__*/ _react.default.memo(({ error, resetErrorBoundary })=>{
-        const normalizedError = _utils.errorUtils.normalizeError(error);
-        const [retryCount, setRetryCount] = (0, _react.useState)(retryCountRef.current);
-        const [showDetails, setShowDetails] = (0, _react.useState)(false);
-        // 同步 ref 的值到 state，确保组件重新创建时能读取到最新的重试计数
-        (0, _react.useEffect)(()=>{
-            setRetryCount(retryCountRef.current);
-        }, []);
-        const handleRetry = (0, _react.useCallback)(()=>{
-            // 增加重试计数
-            const newCount = retryCount + 1;
-            retryCountRef.current = newCount;
-            setRetryCount(newCount);
-            // 执行重置
-            handleReset();
-            resetErrorBoundary();
-        }, [
-            retryCount,
-            resetErrorBoundary
-        ]);
-        const handleReload = (0, _react.useCallback)(()=>{
-            // 刷新页面
-            window.location.reload();
-        }, []);
-        // 构建用户友好的错误提示
-        const userFriendlyMessage = (0, _react.useMemo)(()=>{
-            // 根据错误类型提供不同的提示
-            if (normalizedError.code === 'NETWORK_ERROR') {
-                return '网络连接失败，请检查您的网络设置后再尝试';
-            }
-            if (normalizedError.code === 'TIMEOUT_ERROR') {
-                return '请求超时，请稍后再尝试';
-            }
-            if (normalizedError.code === 'VALIDATION_ERROR') {
-                return '数据验证失败，请检查输入内容';
-            }
-            // 默认提示
-            return '应用运行时发生了错误，请稍后再尝试';
-        }, [
-            normalizedError.code
-        ]);
-        // 构建按钮数组
-        const extraButtons = (0, _react.useMemo)(()=>{
-            const buttons = [
-                /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsxs)("div", {
-                    style: {
-                        maxWidth: 580,
-                        width: '100%',
-                        textAlign: 'center',
-                        border: '1px solid #dde5ec',
-                        borderRadius: 10,
-                        padding: 24,
-                        background: '#fff'
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            style: {
-                                fontSize: 40,
-                                lineHeight: '44px'
-                            },
-                            children: "⚠️"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", {
-                            style: {
-                                margin: '8px 0 4px'
-                            },
-                            children: "出错了"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                            style: {
-                                marginTop: 0,
-                                color: '#52606d'
-                            },
-                            children: userFriendlyMessage
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            style: {
-                                display: 'flex',
-                                gap: 8,
-                                justifyContent: 'center',
-                                flexWrap: 'wrap'
-                            },
-                            children: extraButtons
-                        })
-                    ]
-                }),
-                showDetails && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    style: {
-                        marginTop: 24,
-                        padding: 16,
-                        backgroundColor: '#f5f5f5',
-                        borderRadius: 4,
-                        maxWidth: 800,
-                        width: '100%',
-                        maxHeight: 400,
-                        overflow: 'auto'
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            style: {
-                                marginBottom: 8,
-                                fontWeight: 'bold'
-                            },
-                            children: "错误详情："
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            style: {
-                                fontFamily: 'monospace',
-                                fontSize: 12
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                            children: "错误类型："
-                                        }),
-                                        normalizedError.name
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                            children: "错误代码："
-                                        }),
-                                        normalizedError.code
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                            children: "错误信息："
-                                        }),
-                                        normalizedError.message
-                                    ]
-                                }),
-                                normalizedError.stack && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    style: {
-                                        marginTop: 8
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                            children: "堆栈信息："
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
-                                            style: {
-                                                whiteSpace: 'pre-wrap',
-                                                wordBreak: 'break-word'
-                                            },
-                                            children: normalizedError.stack
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        });
-    });
-    DefaultFallbackComponent.displayName = 'DefaultFallbackComponent';
-    const defaultFallback = ({ error, resetErrorBoundary })=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultFallbackComponent, {
-            error: error,
-            resetErrorBoundary: resetErrorBoundary
-        });
-    };
-    // 如果提供了自定义 fallback，使用自定义的
-    const fallbackRender = fallback ? ({ error, resetErrorBoundary })=>{
-        const normalizedError = _utils.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__*/ (0, _jsxruntime.jsx)(_reacterrorboundary.ErrorBoundary, {
-        ...errorBoundaryProps,
-        children: children
-    });
-}
-function withErrorBoundary(Component, errorBoundaryProps) {
-    const WrappedComponent = (props)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(ErrorBoundary, {
-            ...errorBoundaryProps,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
-                ...props
-            })
-        });
-    };
-    WrappedComponent.displayName = `withErrorBoundary(${Component.displayName || Component.name || 'Component'})`;
-    return WrappedComponent;
-}
-function useErrorHandler() {
-    return (error)=>{
-        // 将错误设置到初始化错误状态
-        // InitializationErrorThrower 组件会检测到错误并抛出，让 ErrorBoundary 捕获
-        _initialization.initializationErrorState.setError(error);
-    };
-}
-
-//# sourceMappingURL=ErrorBoundary.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get ErrorBoundary(){return ErrorBoundary},get useErrorHandler(){return useErrorHandler},get withErrorBoundary(){return withErrorBoundary}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _reacterrorboundary=require("react-error-boundary");const _logger=require("@vlian/logger");const _utils=require("@vlian/utils");const _initialization=require("../initialization");const _ErrorHandler=require("./ErrorHandler");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function ErrorBoundary({children,fallback,onError,showInConsole=true,resetKeys,onReset,onResetKeysChange}){const retryCountRef=(0,_react.useRef)(0);const errorHandler=(0,_react.useMemo)(()=>(0,_ErrorHandler.getDefaultErrorHandler)(),[]);const handleError=(0,_react.useCallback)(async(error,errorInfo)=>{const normalizedError=_utils.errorUtils.normalizeError(error);const reactErrorInfo={componentStack:errorInfo.componentStack||""};const handleResult=await errorHandler.handleError(normalizedError,{componentStack:reactErrorInfo.componentStack,source:"ErrorBoundary"});if(!handleResult.handled){_logger.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=()=>{_initialization.initializationErrorState.clearError();if(onReset){onReset()}};const DefaultFallbackComponent=_react.default.memo(({error,resetErrorBoundary})=>{const normalizedError=_utils.errorUtils.normalizeError(error);const[retryCount,setRetryCount]=(0,_react.useState)(retryCountRef.current);const[showDetails,setShowDetails]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{setRetryCount(retryCountRef.current)},[]);const handleRetry=(0,_react.useCallback)(()=>{const newCount=retryCount+1;retryCountRef.current=newCount;setRetryCount(newCount);handleReset();resetErrorBoundary()},[retryCount,resetErrorBoundary]);const handleReload=(0,_react.useCallback)(()=>{window.location.reload()},[]);const userFriendlyMessage=(0,_react.useMemo)(()=>{if(normalizedError.code==="NETWORK_ERROR"){return"网络连接失败，请检查您的网络设置后再尝试"}if(normalizedError.code==="TIMEOUT_ERROR"){return"请求超时，请稍后再尝试"}if(normalizedError.code==="VALIDATION_ERROR"){return"数据验证失败，请检查输入内容"}return"应用运行时发生了错误，请稍后再尝试"},[normalizedError.code]);const extraButtons=(0,_react.useMemo)(()=>{const buttons=[(0,_jsxruntime.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"),(0,_jsxruntime.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((0,_jsxruntime.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(0,_jsxruntime.jsxs)("div",{role:"alert","aria-live":"assertive","aria-atomic":"true",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",padding:"24px"},children:[(0,_jsxruntime.jsxs)("div",{style:{maxWidth:580,width:"100%",textAlign:"center",border:"1px solid #dde5ec",borderRadius:10,padding:24,background:"#fff"},children:[(0,_jsxruntime.jsx)("div",{style:{fontSize:40,lineHeight:"44px"},children:"⚠️"}),(0,_jsxruntime.jsx)("h2",{style:{margin:"8px 0 4px"},children:"出错了"}),(0,_jsxruntime.jsx)("p",{style:{marginTop:0,color:"#52606d"},children:userFriendlyMessage}),(0,_jsxruntime.jsx)("div",{style:{display:"flex",gap:8,justifyContent:"center",flexWrap:"wrap"},children:extraButtons})]}),showDetails&&(0,_jsxruntime.jsxs)("div",{style:{marginTop:24,padding:16,backgroundColor:"#f5f5f5",borderRadius:4,maxWidth:800,width:"100%",maxHeight:400,overflow:"auto"},children:[(0,_jsxruntime.jsx)("div",{style:{marginBottom:8,fontWeight:"bold"},children:"错误详情："}),(0,_jsxruntime.jsxs)("div",{style:{fontFamily:"monospace",fontSize:12},children:[(0,_jsxruntime.jsxs)("div",{children:[(0,_jsxruntime.jsx)("strong",{children:"错误类型："}),normalizedError.name]}),(0,_jsxruntime.jsxs)("div",{children:[(0,_jsxruntime.jsx)("strong",{children:"错误代码："}),normalizedError.code]}),(0,_jsxruntime.jsxs)("div",{children:[(0,_jsxruntime.jsx)("strong",{children:"错误信息："}),normalizedError.message]}),normalizedError.stack&&(0,_jsxruntime.jsxs)("div",{style:{marginTop:8},children:[(0,_jsxruntime.jsx)("strong",{children:"堆栈信息："}),(0,_jsxruntime.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word"},children:normalizedError.stack})]})]})]})]})});DefaultFallbackComponent.displayName="DefaultFallbackComponent";const defaultFallback=({error,resetErrorBoundary})=>{return(0,_jsxruntime.jsx)(DefaultFallbackComponent,{error:error,resetErrorBoundary:resetErrorBoundary})};const fallbackRender=fallback?({error,resetErrorBoundary})=>{const normalizedError=_utils.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(0,_jsxruntime.jsx)(_reacterrorboundary.ErrorBoundary,{...errorBoundaryProps,children:children})}function withErrorBoundary(Component,errorBoundaryProps){const WrappedComponent=props=>{return(0,_jsxruntime.jsx)(ErrorBoundary,{...errorBoundaryProps,children:(0,_jsxruntime.jsx)(Component,{...props})})};WrappedComponent.displayName=`withErrorBoundary(${Component.displayName||Component.name||"Component"})`;return WrappedComponent}function useErrorHandler(){return error=>{_initialization.initializationErrorState.setError(error)}}