@vlian/framework 1.2.57 → 1.2.60

package/dist/core/config/ConfigValidator.cjs

@@ -1,135 +1,2 @@
-/**
- * 配置验证模块
- * 使用Zod进行配置验证
- */ "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 ConfigValidationError () {
-        return ConfigValidationError;
-    },
-    get ConfigValidator () {
-        return ConfigValidator;
-    }
-});
-const _zod = require("zod");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-let ConfigValidationError = class ConfigValidationError extends Error {
-    constructor(message, errors){
-        super(message), _define_property(this, "errors", void 0), this.errors = errors;
-        this.name = 'ConfigValidationError';
-    }
-};
-let ConfigValidator = class ConfigValidator {
-    /**
-   * 验证配置
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证后的配置
-   * @throws ConfigValidationError 如果配置验证失败
-   */ static validate(config, schema) {
-        const result = schema.safeParse(config);
-        if (!result.success) {
-            throw new ConfigValidationError('配置验证失败', result.error);
-        }
-        return result.data;
-    }
-    /**
-   * 安全验证配置（不抛出异常）
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证结果
-   */ static safeValidate(config, schema) {
-        const result = schema.safeParse(config);
-        if (result.success) {
-            return {
-                success: true,
-                data: result.data
-            };
-        }
-        return {
-            success: false,
-            error: result.error
-        };
-    }
-    /**
-   * 创建StartOptions的部分验证模式
-   * 注意：这是一个基础模式，可以根据需要扩展
-   */ static createStartOptionsSchema() {
-        return _zod.z.object({
-            loggerLevel: _zod.z.enum([
-                'DEBUG',
-                'INFO',
-                'WARN',
-                'ERROR'
-            ]).optional(),
-            showSplashScreen: _zod.z.enum([
-                'auto',
-                'always',
-                'never',
-                'first-time-only'
-            ]).optional(),
-            minSplashScreenTime: _zod.z.number().positive().optional(),
-            security: _zod.z.object({
-                enableXSSProtection: _zod.z.boolean().optional(),
-                validateConfig: _zod.z.boolean().optional(),
-                sanitizeUserInput: _zod.z.boolean().optional(),
-                csp: _zod.z.object({
-                    defaultSrc: _zod.z.array(_zod.z.string()).optional(),
-                    scriptSrc: _zod.z.array(_zod.z.string()).optional(),
-                    styleSrc: _zod.z.array(_zod.z.string()).optional(),
-                    imgSrc: _zod.z.array(_zod.z.string()).optional(),
-                    connectSrc: _zod.z.array(_zod.z.string()).optional(),
-                    fontSrc: _zod.z.array(_zod.z.string()).optional(),
-                    frameSrc: _zod.z.array(_zod.z.string()).optional(),
-                    allowUnsafeInline: _zod.z.boolean().optional(),
-                    allowUnsafeEval: _zod.z.boolean().optional()
-                }).optional()
-            }).optional()
-        }).passthrough(); // passthrough允许其他字段通过
-    }
-    /**
-   * 验证配置并提供友好的错误信息
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证后的配置
-   * @throws ConfigValidationError 如果配置验证失败，包含详细的错误信息
-   */ static validateWithFriendlyErrors(config, schema) {
-        const result = schema.safeParse(config);
-        if (!result.success) {
-            // 构建友好的错误信息
-            // 注意：ZodError 使用 issues 属性，不是 errors
-            const errorMessages = result.error.issues.map((issue)=>{
-                const path = issue.path.length > 0 ? issue.path.join('.') : 'root';
-                return `配置项 "${path}": ${issue.message}`;
-            });
-            const friendlyMessage = `配置验证失败:\n${errorMessages.join('\n')}`;
-            throw new ConfigValidationError(friendlyMessage, result.error);
-        }
-        return result.data;
-    }
-};
-
-//# sourceMappingURL=ConfigValidator.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 ConfigValidationError(){return ConfigValidationError},get ConfigValidator(){return ConfigValidator}});const _zod=require("zod");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}let ConfigValidationError=class ConfigValidationError extends Error{constructor(message,errors){super(message),_define_property(this,"errors",void 0),this.errors=errors;this.name="ConfigValidationError"}};let ConfigValidator=class ConfigValidator{static validate(config,schema){const result=schema.safeParse(config);if(!result.success){throw new ConfigValidationError("配置验证失败",result.error)}return result.data}static safeValidate(config,schema){const result=schema.safeParse(config);if(result.success){return{success:true,data:result.data}}return{success:false,error:result.error}}static createStartOptionsSchema(){return _zod.z.object({loggerLevel:_zod.z.enum(["DEBUG","INFO","WARN","ERROR"]).optional(),showSplashScreen:_zod.z.enum(["auto","always","never","first-time-only"]).optional(),minSplashScreenTime:_zod.z.number().positive().optional(),security:_zod.z.object({enableXSSProtection:_zod.z.boolean().optional(),validateConfig:_zod.z.boolean().optional(),sanitizeUserInput:_zod.z.boolean().optional(),csp:_zod.z.object({defaultSrc:_zod.z.array(_zod.z.string()).optional(),scriptSrc:_zod.z.array(_zod.z.string()).optional(),styleSrc:_zod.z.array(_zod.z.string()).optional(),imgSrc:_zod.z.array(_zod.z.string()).optional(),connectSrc:_zod.z.array(_zod.z.string()).optional(),fontSrc:_zod.z.array(_zod.z.string()).optional(),frameSrc:_zod.z.array(_zod.z.string()).optional(),allowUnsafeInline:_zod.z.boolean().optional(),allowUnsafeEval:_zod.z.boolean().optional()}).optional()}).optional()}).passthrough()}static validateWithFriendlyErrors(config,schema){const result=schema.safeParse(config);if(!result.success){const errorMessages=result.error.issues.map(issue=>{const path=issue.path.length>0?issue.path.join("."):"root";return`配置项 "${path}": ${issue.message}`});const friendlyMessage=`配置验证失败:
+${errorMessages.join("\n")}`;throw new ConfigValidationError(friendlyMessage,result.error)}return result.data}};

package/dist/core/config/ConfigValidator.js

@@ -1,121 +1,2 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-/**
- * 配置验证模块
- * 使用Zod进行配置验证
- */ import { z } from "zod";
-/**
- * 配置验证错误
- */ export class ConfigValidationError extends Error {
-    constructor(message, errors){
-        super(message), _define_property(this, "errors", void 0), this.errors = errors;
-        this.name = 'ConfigValidationError';
-    }
-}
-/**
- * 配置验证器
- */ export class ConfigValidator {
-    /**
-   * 验证配置
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证后的配置
-   * @throws ConfigValidationError 如果配置验证失败
-   */ static validate(config, schema) {
-        const result = schema.safeParse(config);
-        if (!result.success) {
-            throw new ConfigValidationError('配置验证失败', result.error);
-        }
-        return result.data;
-    }
-    /**
-   * 安全验证配置（不抛出异常）
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证结果
-   */ static safeValidate(config, schema) {
-        const result = schema.safeParse(config);
-        if (result.success) {
-            return {
-                success: true,
-                data: result.data
-            };
-        }
-        return {
-            success: false,
-            error: result.error
-        };
-    }
-    /**
-   * 创建StartOptions的部分验证模式
-   * 注意：这是一个基础模式，可以根据需要扩展
-   */ static createStartOptionsSchema() {
-        return z.object({
-            loggerLevel: z.enum([
-                'DEBUG',
-                'INFO',
-                'WARN',
-                'ERROR'
-            ]).optional(),
-            showSplashScreen: z.enum([
-                'auto',
-                'always',
-                'never',
-                'first-time-only'
-            ]).optional(),
-            minSplashScreenTime: z.number().positive().optional(),
-            security: z.object({
-                enableXSSProtection: z.boolean().optional(),
-                validateConfig: z.boolean().optional(),
-                sanitizeUserInput: z.boolean().optional(),
-                csp: z.object({
-                    defaultSrc: z.array(z.string()).optional(),
-                    scriptSrc: z.array(z.string()).optional(),
-                    styleSrc: z.array(z.string()).optional(),
-                    imgSrc: z.array(z.string()).optional(),
-                    connectSrc: z.array(z.string()).optional(),
-                    fontSrc: z.array(z.string()).optional(),
-                    frameSrc: z.array(z.string()).optional(),
-                    allowUnsafeInline: z.boolean().optional(),
-                    allowUnsafeEval: z.boolean().optional()
-                }).optional()
-            }).optional()
-        }).passthrough(); // passthrough允许其他字段通过
-    }
-    /**
-   * 验证配置并提供友好的错误信息
-   * 
-   * @param config - 要验证的配置
-   * @param schema - Zod模式
-   * @returns 验证后的配置
-   * @throws ConfigValidationError 如果配置验证失败，包含详细的错误信息
-   */ static validateWithFriendlyErrors(config, schema) {
-        const result = schema.safeParse(config);
-        if (!result.success) {
-            // 构建友好的错误信息
-            // 注意：ZodError 使用 issues 属性，不是 errors
-            const errorMessages = result.error.issues.map((issue)=>{
-                const path = issue.path.length > 0 ? issue.path.join('.') : 'root';
-                return `配置项 "${path}": ${issue.message}`;
-            });
-            const friendlyMessage = `配置验证失败:\n${errorMessages.join('\n')}`;
-            throw new ConfigValidationError(friendlyMessage, result.error);
-        }
-        return result.data;
-    }
-}
-
-//# sourceMappingURL=ConfigValidator.js.map
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import{z}from"zod";export class ConfigValidationError extends Error{constructor(message,errors){super(message),_define_property(this,"errors",void 0),this.errors=errors;this.name="ConfigValidationError"}}export class ConfigValidator{static validate(config,schema){const result=schema.safeParse(config);if(!result.success){throw new ConfigValidationError("配置验证失败",result.error)}return result.data}static safeValidate(config,schema){const result=schema.safeParse(config);if(result.success){return{success:true,data:result.data}}return{success:false,error:result.error}}static createStartOptionsSchema(){return z.object({loggerLevel:z.enum(["DEBUG","INFO","WARN","ERROR"]).optional(),showSplashScreen:z.enum(["auto","always","never","first-time-only"]).optional(),minSplashScreenTime:z.number().positive().optional(),security:z.object({enableXSSProtection:z.boolean().optional(),validateConfig:z.boolean().optional(),sanitizeUserInput:z.boolean().optional(),csp:z.object({defaultSrc:z.array(z.string()).optional(),scriptSrc:z.array(z.string()).optional(),styleSrc:z.array(z.string()).optional(),imgSrc:z.array(z.string()).optional(),connectSrc:z.array(z.string()).optional(),fontSrc:z.array(z.string()).optional(),frameSrc:z.array(z.string()).optional(),allowUnsafeInline:z.boolean().optional(),allowUnsafeEval:z.boolean().optional()}).optional()}).optional()}).passthrough()}static validateWithFriendlyErrors(config,schema){const result=schema.safeParse(config);if(!result.success){const errorMessages=result.error.issues.map(issue=>{const path=issue.path.length>0?issue.path.join("."):"root";return`配置项 "${path}": ${issue.message}`});const friendlyMessage=`配置验证失败:
+${errorMessages.join("\n")}`;throw new ConfigValidationError(friendlyMessage,result.error)}return result.data}}

package/dist/core/config/index.cjs

@@ -1,30 +1 @@
-/**
- * 配置模块统一导出
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "appConfig", {
-    enumerable: true,
-    get: function() {
-        return _AppConfig.appConfig;
-    }
-});
-_export_star(require("./ConfigValidator"), exports);
-_export_star(require("./ConfigLoader"), exports);
-const _AppConfig = require("./AppConfig");
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"appConfig",{enumerable:true,get:function(){return _AppConfig.appConfig}});_export_star(require("./ConfigValidator"),exports);_export_star(require("./ConfigLoader"),exports);const _AppConfig=require("./AppConfig");function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}

package/dist/core/config/index.js

@@ -1,7 +1 @@
-/**
- * 配置模块统一导出
- */ export * from "./ConfigValidator";
-export * from "./ConfigLoader";
-export { appConfig } from "./AppConfig";
-
-//# sourceMappingURL=index.js.map
+export*from"./ConfigValidator";export*from"./ConfigLoader";export{appConfig}from"./AppConfig";

package/dist/core/dev/DevTools.cjs

@@ -1,228 +1 @@
-/**
- * 开发工具模块（无 UI 框架依赖）
- */ "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 DevTools () {
-        return DevTools;
-    },
-    get DevToolsTrigger () {
-        return DevToolsTrigger;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _app = require("../app");
-function toPrettyJson(value) {
-    try {
-        return JSON.stringify(value, null, 2);
-    } catch  {
-        return String(value);
-    }
-}
-function DevTools({ appInstance, visible, onClose }) {
-    const [performanceMetrics, setPerformanceMetrics] = (0, _react.useState)({});
-    const stateManager = (0, _app.useStateManager)();
-    (0, _react.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__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsxs)("div", {
-                style: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center'
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", {
-                        style: {
-                            margin: 0
-                        },
-                        children: "DevTools"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                        onClick: onClose,
-                        style: {
-                            border: 'none',
-                            background: 'transparent',
-                            cursor: 'pointer'
-                        },
-                        children: "关闭"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                        children: "实例"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        children: [
-                            "id: ",
-                            appInstance.id
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        children: [
-                            "initialized: ",
-                            String(appInstance.isInitialized())
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                        children: "性能"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
-                        style: {
-                            background: '#f7fafc',
-                            padding: 10,
-                            borderRadius: 8
-                        },
-                        children: toPrettyJson(performanceMetrics)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                        children: "状态管理"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        children: [
-                            "stateCount: ",
-                            allStates.length
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
-                        style: {
-                            background: '#f7fafc',
-                            padding: 10,
-                            borderRadius: 8
-                        },
-                        children: toPrettyJson(allStates.slice(0, 10))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
-                style: {
-                    marginTop: 12
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                        children: "配置"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.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;
-}
-function DevToolsTrigger({ appInstance, position = 'bottom-right' }) {
-    const [visible, setVisible] = (0, _react.useState)(false);
-    if (process.env.NODE_ENV !== 'development') {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                onClick: ()=>setVisible(true),
-                style: {
-                    ...resolvePosition(position),
-                    border: 'none',
-                    background: '#2f80ed',
-                    color: '#fff',
-                    borderRadius: 999,
-                    padding: '8px 14px',
-                    cursor: 'pointer'
-                },
-                children: "DevTools"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(DevTools, {
-                appInstance: appInstance,
-                visible: visible,
-                onClose: ()=>setVisible(false)
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=DevTools.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 DevTools(){return DevTools},get DevToolsTrigger(){return DevToolsTrigger}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _app=require("../app");function toPrettyJson(value){try{return JSON.stringify(value,null,2)}catch{return String(value)}}function DevTools({appInstance,visible,onClose}){const[performanceMetrics,setPerformanceMetrics]=(0,_react.useState)({});const stateManager=(0,_app.useStateManager)();(0,_react.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(0,_jsxruntime.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:[(0,_jsxruntime.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,_jsxruntime.jsx)("h3",{style:{margin:0},children:"DevTools"}),(0,_jsxruntime.jsx)("button",{onClick:onClose,style:{border:"none",background:"transparent",cursor:"pointer"},children:"关闭"})]}),(0,_jsxruntime.jsxs)("section",{style:{marginTop:12},children:[(0,_jsxruntime.jsx)("h4",{children:"实例"}),(0,_jsxruntime.jsxs)("div",{children:["id: ",appInstance.id]}),(0,_jsxruntime.jsxs)("div",{children:["initialized: ",String(appInstance.isInitialized())]})]}),(0,_jsxruntime.jsxs)("section",{style:{marginTop:12},children:[(0,_jsxruntime.jsx)("h4",{children:"性能"}),(0,_jsxruntime.jsx)("pre",{style:{background:"#f7fafc",padding:10,borderRadius:8},children:toPrettyJson(performanceMetrics)})]}),(0,_jsxruntime.jsxs)("section",{style:{marginTop:12},children:[(0,_jsxruntime.jsx)("h4",{children:"状态管理"}),(0,_jsxruntime.jsxs)("div",{children:["stateCount: ",allStates.length]}),(0,_jsxruntime.jsx)("pre",{style:{background:"#f7fafc",padding:10,borderRadius:8},children:toPrettyJson(allStates.slice(0,10))})]}),(0,_jsxruntime.jsxs)("section",{style:{marginTop:12},children:[(0,_jsxruntime.jsx)("h4",{children:"配置"}),(0,_jsxruntime.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}function DevToolsTrigger({appInstance,position="bottom-right"}){const[visible,setVisible]=(0,_react.useState)(false);if(process.env.NODE_ENV!=="development"){return null}return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsx)("button",{onClick:()=>setVisible(true),style:{...resolvePosition(position),border:"none",background:"#2f80ed",color:"#fff",borderRadius:999,padding:"8px 14px",cursor:"pointer"},children:"DevTools"}),(0,_jsxruntime.jsx)(DevTools,{appInstance:appInstance,visible:visible,onClose:()=>setVisible(false)})]})}