@vlian/framework 1.2.1 → 1.2.16

package/dist/core/dev/DevTools.cjs

@@ -1,6 +1,5 @@
 /**
- * 开发工具模块
- * 提供开发模式下的调试工具
+ * 开发工具模块（无 UI 框架依赖）
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -21,346 +20,201 @@ _export(exports, {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
-const _antd = require("antd");
 const _app = require("../app");
-const { Title, Text, Paragraph } = _antd.Typography;
-const { Panel } = _antd.Collapse;
+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 [activeTab, setActiveTab] = (0, _react.useState)('overview');
     const stateManager = (0, _app.useStateManager)();
     (0, _react.useEffect)(()=>{
         if (!visible) {
             return;
         }
         const tracker = appInstance.getPerformanceTracker();
-        if (tracker) {
-            const metrics = tracker.getMetrics();
-            setPerformanceMetrics({
-                '服务初始化': metrics.serviceInitDuration || 0,
-                '初始化': metrics.initializationDuration || 0,
-                '首次渲染': metrics.firstRenderDuration || 0,
-                '总启动时间': metrics.totalStartupDuration || 0,
-                'FCP': metrics.fcp || 0,
-                'LCP': metrics.lcp || 0,
-                'FID': metrics.fid || 0,
-                'CLS': metrics.cls || 0
-            });
+        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 routerManager = getRouterManager();
-    // const isRouterEnabled = routerManager.isRouterEnabled();
-    // 获取状态管理器信息
-    const stateManagerInfo = (0, _react.useMemo)(()=>{
-        if (!stateManager) {
-            return null;
-        }
-        try {
-            // 尝试获取所有状态（如果支持）
-            const allStates = stateManager.getAllStates?.() || [];
-            return {
-                stateCount: allStates.length,
-                states: allStates.slice(0, 10)
-            };
-        } catch  {
-            return {
-                stateCount: 0,
-                states: []
-            };
-        }
-    }, [
-        stateManager
-    ]);
-    // 获取路由信息
-    // const routerInfo = useMemo(() => {
-    //   if (!isRouterEnabled) {
-    //     return null;
-    //   }
-    //   try {
-    //     const routes = (routerManager as any).getRoutes?.() || [];
-    //     return {
-    //       routeCount: routes.length,
-    //       mode: (routerManager as any).getRouterMode?.() || 'unknown',
-    //       routes: routes.slice(0, 10), // 只显示前10个
-    //     };
-    //   } catch {
-    //     return {
-    //       routeCount: 0,
-    //       mode: 'unknown',
-    //       routes: [],
-    //     };
-    //   }
-    // }, [routerManager, isRouterEnabled]);
-    const tabItems = [
-        {
-            key: 'overview',
-            label: '概览',
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                direction: "vertical",
+    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: {
-                    width: '100%'
+                    marginTop: 12
                 },
-                size: "large",
                 children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                        children: "实例"
+                    }),
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                                level: 5,
-                                children: "应用实例"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                                direction: "vertical",
-                                size: "small",
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            "实例ID: ",
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                                children: appInstance.id
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            "状态: ",
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                                color: appInstance.isInitialized() ? 'green' : 'orange',
-                                                children: appInstance.isInitialized() ? '已初始化' : '未初始化'
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
+                            "id: ",
+                            appInstance.id
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Divider, {}),
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                                level: 5,
-                                children: "服务状态"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                                direction: "vertical",
-                                size: "small",
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            "监控服务: ",
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                                color: "green",
-                                                children: "已启用"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            "性能监控: ",
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                                color: "green",
-                                                children: "已启用"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            "状态管理器: ",
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                                color: "green",
-                                                children: "已启用"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
+                            "initialized: ",
+                            String(appInstance.isInitialized())
                         ]
                     })
                 ]
-            })
-        },
-        {
-            key: 'performance',
-            label: '性能',
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
+                style: {
+                    marginTop: 12
+                },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                        level: 5,
-                        children: "性能指标"
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                        children: "性能"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Space, {
-                        direction: "vertical",
-                        size: "small",
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
                         style: {
-                            width: '100%'
+                            background: '#f7fafc',
+                            padding: 10,
+                            borderRadius: 8
                         },
-                        children: Object.entries(performanceMetrics).map(([key, value])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                style: {
-                                    display: 'flex',
-                                    justifyContent: 'space-between'
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                        children: [
-                                            key,
-                                            ":"
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                                        strong: true,
-                                        children: value > 0 ? `${value.toFixed(2)}ms` : '-'
-                                    })
-                                ]
-                            }, key))
-                    })
-                ]
-            })
-        },
-        {
-            key: 'state',
-            label: /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                children: [
-                    "状态管理",
-                    stateManagerInfo && stateManagerInfo.stateCount > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Badge, {
-                        count: stateManagerInfo.stateCount,
-                        style: {
-                            marginLeft: 8
-                        }
+                        children: toPrettyJson(performanceMetrics)
                     })
                 ]
             }),
-            children: stateManagerInfo ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
+                style: {
+                    marginTop: 12
+                },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                        level: 5,
-                        children: "状态管理器"
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                        children: "状态管理"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                        direction: "vertical",
-                        size: "small",
-                        style: {
-                            width: '100%'
-                        },
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(Text, {
-                                children: [
-                                    "状态总数: ",
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tag, {
-                                        children: stateManagerInfo.stateCount
-                                    })
-                                ]
-                            }),
-                            stateManagerInfo.states.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Collapse, {
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Panel, {
-                                    header: "状态列表",
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Space, {
-                                        direction: "vertical",
-                                        size: "small",
-                                        style: {
-                                            width: '100%'
-                                        },
-                                        children: stateManagerInfo.states.map((state, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                                style: {
-                                                    fontSize: '12px'
-                                                },
-                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                                                    code: true,
-                                                    children: state.id || `State ${index + 1}`
-                                                })
-                                            }, index))
-                                    })
-                                }, "states")
-                            })
+                            "stateCount: ",
+                            allStates.length
                         ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                        style: {
+                            background: '#f7fafc',
+                            padding: 10,
+                            borderRadius: 8
+                        },
+                        children: toPrettyJson(allStates.slice(0, 10))
                     })
                 ]
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                type: "secondary",
-                children: "状态管理器未初始化"
-            })
-        },
-        {
-            key: 'config',
-            label: '配置',
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
+                style: {
+                    marginTop: 12
+                },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                        level: 5,
-                        children: "配置信息"
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                        children: "配置"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Paragraph, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                            code: true,
-                            style: {
-                                fontSize: '12px',
-                                whiteSpace: 'pre-wrap'
-                            },
-                            children: JSON.stringify(options, null, 2)
-                        })
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                        style: {
+                            background: '#f7fafc',
+                            padding: 10,
+                            borderRadius: 8,
+                            whiteSpace: 'pre-wrap'
+                        },
+                        children: toPrettyJson(options)
                     })
                 ]
             })
-        }
-    ];
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Drawer, {
-        title: /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Space, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                children: "🐛 开发工具"
-            })
-        }),
-        placement: "right",
-        width: 500,
-        open: visible,
-        onClose: onClose,
-        extra: /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, {
-            type: "text",
-            onClick: onClose,
-            children: "✕"
-        }),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Tabs, {
-            activeKey: activeTab,
-            onChange: setActiveTab,
-            items: tabItems
-        })
+        ]
     });
 }
-function DevToolsTrigger({ appInstance, position = 'bottom-right' }) {
-    const [visible, setVisible] = (0, _react.useState)(false);
-    const positionStyle = {
+function resolvePosition(position) {
+    const style = {
         position: 'fixed',
-        zIndex: 9999,
-        ...position === 'bottom-right' && {
-            bottom: 20,
-            right: 20
-        },
-        ...position === 'bottom-left' && {
-            bottom: 20,
-            left: 20
-        },
-        ...position === 'top-right' && {
-            top: 20,
-            right: 20
-        },
-        ...position === 'top-left' && {
-            top: 20,
-            left: 20
-        }
+        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)(_antd.Button, {
-                type: "primary",
-                shape: "circle",
-                style: positionStyle,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                 onClick: ()=>setVisible(true),
-                children: "🐛"
+                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,

package/dist/core/dev/DevTools.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/dev/DevTools.tsx"],"sourcesContent":["/**\n * 开发工具模块\n * 提供开发模式下的调试工具\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { Button, Drawer, Space, Typography, Divider, Tag, Tabs, Collapse, Badge } from 'antd';\nimport type { AppInstance } from '../startup/AppInstance';\n// import { getRouterManager } from '../router/RouterManager';\nimport { useStateManager } from '../app';\n\nconst { Title, Text, Paragraph } = Typography;\nconst { Panel } = Collapse;\n\n/**\n * 开发工具组件属性\n */\nexport interface DevToolsProps {\n  /**\n   * 应用实例\n   */\n  appInstance: AppInstance;\n\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n\n  /**\n   * 关闭回调\n   */\n  onClose?: () => void;\n}\n\n/**\n * 开发工具组件\n * \n * 优化：增强功能，添加状态管理器调试面板、路由调试面板等\n */\nexport function DevTools({ appInstance, visible, onClose }: DevToolsProps): ReactNode {\n  const [performanceMetrics, setPerformanceMetrics] = useState<Record<string, number>>({});\n  const [activeTab, setActiveTab] = useState<string>('overview');\n  const stateManager = useStateManager();\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const tracker = appInstance.getPerformanceTracker();\n    if (tracker) {\n      const metrics = tracker.getMetrics();\n      setPerformanceMetrics({\n        '服务初始化': metrics.serviceInitDuration || 0,\n        '初始化': metrics.initializationDuration || 0,\n        '首次渲染': metrics.firstRenderDuration || 0,\n        '总启动时间': metrics.totalStartupDuration || 0,\n        'FCP': metrics.fcp || 0,\n        'LCP': metrics.lcp || 0,\n        'FID': metrics.fid || 0,\n        'CLS': metrics.cls || 0,\n      });\n    }\n  }, [visible, appInstance]);\n\n  const options = appInstance.getOptions();\n  // const routerManager = getRouterManager();\n  // const isRouterEnabled = routerManager.isRouterEnabled();\n\n  // 获取状态管理器信息\n  const stateManagerInfo = useMemo(() => {\n    if (!stateManager) {\n      return null;\n    }\n\n    try {\n      // 尝试获取所有状态（如果支持）\n      const allStates = (stateManager as any).getAllStates?.() || [];\n      return {\n        stateCount: allStates.length,\n        states: allStates.slice(0, 10), // 只显示前10个\n      };\n    } catch {\n      return {\n        stateCount: 0,\n        states: [],\n      };\n    }\n  }, [stateManager]);\n\n  // 获取路由信息\n  // const routerInfo = useMemo(() => {\n  //   if (!isRouterEnabled) {\n  //     return null;\n  //   }\n\n  //   try {\n  //     const routes = (routerManager as any).getRoutes?.() || [];\n  //     return {\n  //       routeCount: routes.length,\n  //       mode: (routerManager as any).getRouterMode?.() || 'unknown',\n  //       routes: routes.slice(0, 10), // 只显示前10个\n  //     };\n  //   } catch {\n  //     return {\n  //       routeCount: 0,\n  //       mode: 'unknown',\n  //       routes: [],\n  //     };\n  //   }\n  // }, [routerManager, isRouterEnabled]);\n\n  const tabItems = [\n    {\n      key: 'overview',\n      label: '概览',\n      children: (\n        <Space direction=\"vertical\" style={{ width: '100%' }} size=\"large\">\n          <div>\n            <Title level={5}>应用实例</Title>\n            <Space direction=\"vertical\" size=\"small\">\n              <Text>实例ID: <Tag>{appInstance.id}</Tag></Text>\n              <Text>状态: <Tag color={appInstance.isInitialized() ? 'green' : 'orange'}>\n                {appInstance.isInitialized() ? '已初始化' : '未初始化'}\n              </Tag></Text>\n            </Space>\n          </div>\n\n          <Divider />\n\n          <div>\n            <Title level={5}>服务状态</Title>\n            <Space direction=\"vertical\" size=\"small\">\n              <Text>监控服务: <Tag color=\"green\">已启用</Tag></Text>\n              <Text>性能监控: <Tag color=\"green\">已启用</Tag></Text>\n              <Text>状态管理器: <Tag color=\"green\">已启用</Tag></Text>\n              {/* <Text>路由系统: <Tag color={isRouterEnabled ? 'green' : 'gray'}>\n                {isRouterEnabled ? '已启用' : '未启用'}\n              </Tag></Text> */}\n            </Space>\n          </div>\n        </Space>\n      ),\n    },\n    {\n      key: 'performance',\n      label: '性能',\n      children: (\n        <div>\n          <Title level={5}>性能指标</Title>\n          <Space direction=\"vertical\" size=\"small\" style={{ width: '100%' }}>\n            {Object.entries(performanceMetrics).map(([key, value]) => (\n              <div key={key} style={{ display: 'flex', justifyContent: 'space-between' }}>\n                <Text>{key}:</Text>\n                <Text strong>{value > 0 ? `${value.toFixed(2)}ms` : '-'}</Text>\n              </div>\n            ))}\n          </Space>\n        </div>\n      ),\n    },\n    {\n      key: 'state',\n      label: (\n        <span>\n          状态管理\n          {stateManagerInfo && stateManagerInfo.stateCount > 0 && (\n            <Badge count={stateManagerInfo.stateCount} style={{ marginLeft: 8 }} />\n          )}\n        </span>\n      ),\n      children: stateManagerInfo ? (\n        <div>\n          <Title level={5}>状态管理器</Title>\n          <Space direction=\"vertical\" size=\"small\" style={{ width: '100%' }}>\n            <Text>状态总数: <Tag>{stateManagerInfo.stateCount}</Tag></Text>\n            {stateManagerInfo.states.length > 0 && (\n              <Collapse>\n                <Panel header=\"状态列表\" key=\"states\">\n                  <Space direction=\"vertical\" size=\"small\" style={{ width: '100%' }}>\n                    {stateManagerInfo.states.map((state: any, index: number) => (\n                      <div key={index} style={{ fontSize: '12px' }}>\n                        <Text code>\n                          {state.id || `State ${index + 1}`}\n                        </Text>\n                      </div>\n                    ))}\n                  </Space>\n                </Panel>\n              </Collapse>\n            )}\n          </Space>\n        </div>\n      ) : (\n        <Text type=\"secondary\">状态管理器未初始化</Text>\n      ),\n    },\n    \n    {\n      key: 'config',\n      label: '配置',\n      children: (\n        <div>\n          <Title level={5}>配置信息</Title>\n          <Paragraph>\n            <Text code style={{ fontSize: '12px', whiteSpace: 'pre-wrap' }}>\n              {JSON.stringify(options, null, 2)}\n            </Text>\n          </Paragraph>\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <Drawer\n      title={\n        <Space>\n          <span>🐛 开发工具</span>\n        </Space>\n      }\n      placement=\"right\"\n      width={500}\n      open={visible}\n      onClose={onClose}\n      extra={\n        <Button\n          type=\"text\"\n          onClick={onClose}\n        >\n          ✕\n        </Button>\n      }\n    >\n      <Tabs\n        activeKey={activeTab}\n        onChange={setActiveTab}\n        items={tabItems}\n      />\n    </Drawer>\n  );\n}\n\n/**\n * 开发工具触发器组件\n */\nexport interface DevToolsTriggerProps {\n  /**\n   * 应用实例\n   */\n  appInstance: AppInstance;\n\n  /**\n   * 触发按钮位置\n   */\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n}\n\n/**\n * 开发工具触发器\n */\nexport function DevToolsTrigger({ appInstance, position = 'bottom-right' }: DevToolsTriggerProps): ReactNode {\n  const [visible, setVisible] = useState(false);\n\n  const positionStyle: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 9999,\n    ...(position === 'bottom-right' && { bottom: 20, right: 20 }),\n    ...(position === 'bottom-left' && { bottom: 20, left: 20 }),\n    ...(position === 'top-right' && { top: 20, right: 20 }),\n    ...(position === 'top-left' && { top: 20, left: 20 }),\n  };\n\n  // 只在开发环境显示\n  if (process.env.NODE_ENV !== 'development') {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        type=\"primary\"\n        shape=\"circle\"\n        style={positionStyle}\n        onClick={() => setVisible(true)}\n      >\n        🐛\n      </Button>\n      <DevTools\n        appInstance={appInstance}\n        visible={visible}\n        onClose={() => setVisible(false)}\n      />\n    </>\n  );\n}\n"],"names":["DevTools","DevToolsTrigger","Title","Text","Paragraph","Typography","Panel","Collapse","appInstance","visible","onClose","performanceMetrics","setPerformanceMetrics","useState","activeTab","setActiveTab","stateManager","useStateManager","useEffect","tracker","getPerformanceTracker","metrics","getMetrics","serviceInitDuration","initializationDuration","firstRenderDuration","totalStartupDuration","fcp","lcp","fid","cls","options","getOptions","stateManagerInfo","useMemo","allStates","getAllStates","stateCount","length","states","slice","tabItems","key","label","children","Space","direction","style","width","size","div","level","Tag","id","color","isInitialized","Divider","Object","entries","map","value","display","justifyContent","strong","toFixed","span","Badge","count","marginLeft","header","state","index","fontSize","code","type","whiteSpace","JSON","stringify","Drawer","title","placement","open","extra","Button","onClick","Tabs","activeKey","onChange","items","position","setVisible","positionStyle","zIndex","bottom","right","left","top","process","env","NODE_ENV","shape"],"mappings":"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"}
+{"version":3,"sources":["../../../src/core/dev/DevTools.tsx"],"sourcesContent":["/**\n * 开发工具模块（无 UI 框架依赖）\n */\n\nimport { useState, useEffect } from 'react';\nimport type { ReactNode } from 'react';\nimport type { AppInstance } from '../startup/AppInstance';\nimport { useStateManager } from '../app';\n\nexport interface DevToolsProps {\n  appInstance: AppInstance;\n  visible?: boolean;\n  onClose?: () => void;\n}\n\nfunction toPrettyJson(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nexport function DevTools({ appInstance, visible, onClose }: DevToolsProps): ReactNode {\n  const [performanceMetrics, setPerformanceMetrics] = useState<Record<string, number>>({});\n  const stateManager = useStateManager();\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n    const tracker = appInstance.getPerformanceTracker();\n    if (!tracker) {\n      return;\n    }\n    const metrics = tracker.getMetrics();\n    setPerformanceMetrics({\n      serviceInitDuration: metrics.serviceInitDuration || 0,\n      initializationDuration: metrics.initializationDuration || 0,\n      firstRenderDuration: metrics.firstRenderDuration || 0,\n      totalStartupDuration: metrics.totalStartupDuration || 0,\n      fcp: metrics.fcp || 0,\n      lcp: metrics.lcp || 0,\n      fid: metrics.fid || 0,\n      cls: metrics.cls || 0,\n    });\n  }, [visible, appInstance]);\n\n  if (!visible) {\n    return null;\n  }\n\n  const options = appInstance.getOptions();\n  const allStates = (stateManager as any)?.getAllStates?.() || [];\n\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        top: 0,\n        right: 0,\n        width: 'min(680px, 95vw)',\n        height: '100vh',\n        zIndex: 9999,\n        background: '#fff',\n        borderLeft: '1px solid #d9e2ec',\n        padding: 16,\n        overflowY: 'auto',\n        boxShadow: '-8px 0 20px rgba(0, 0, 0, 0.08)',\n      }}\n    >\n      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n        <h3 style={{ margin: 0 }}>DevTools</h3>\n        <button onClick={onClose} style={{ border: 'none', background: 'transparent', cursor: 'pointer' }}>\n          关闭\n        </button>\n      </div>\n\n      <section style={{ marginTop: 12 }}>\n        <h4>实例</h4>\n        <div>id: {appInstance.id}</div>\n        <div>initialized: {String(appInstance.isInitialized())}</div>\n      </section>\n\n      <section style={{ marginTop: 12 }}>\n        <h4>性能</h4>\n        <pre style={{ background: '#f7fafc', padding: 10, borderRadius: 8 }}>{toPrettyJson(performanceMetrics)}</pre>\n      </section>\n\n      <section style={{ marginTop: 12 }}>\n        <h4>状态管理</h4>\n        <div>stateCount: {allStates.length}</div>\n        <pre style={{ background: '#f7fafc', padding: 10, borderRadius: 8 }}>{toPrettyJson(allStates.slice(0, 10))}</pre>\n      </section>\n\n      <section style={{ marginTop: 12 }}>\n        <h4>配置</h4>\n        <pre style={{ background: '#f7fafc', padding: 10, borderRadius: 8, whiteSpace: 'pre-wrap' }}>{toPrettyJson(options)}</pre>\n      </section>\n    </div>\n  );\n}\n\nexport interface DevToolsTriggerProps {\n  appInstance: AppInstance;\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n}\n\nfunction resolvePosition(position: DevToolsTriggerProps['position']): React.CSSProperties {\n  const style: React.CSSProperties = { position: 'fixed', zIndex: 9998 };\n  const pos = position || 'bottom-right';\n\n  if (pos.includes('bottom')) style.bottom = 16;\n  if (pos.includes('top')) style.top = 16;\n  if (pos.includes('right')) style.right = 16;\n  if (pos.includes('left')) style.left = 16;\n\n  return style;\n}\n\nexport function DevToolsTrigger({ appInstance, position = 'bottom-right' }: DevToolsTriggerProps): ReactNode {\n  const [visible, setVisible] = useState(false);\n\n  if (process.env.NODE_ENV !== 'development') {\n    return null;\n  }\n\n  return (\n    <>\n      <button\n        onClick={() => setVisible(true)}\n        style={{\n          ...resolvePosition(position),\n          border: 'none',\n          background: '#2f80ed',\n          color: '#fff',\n          borderRadius: 999,\n          padding: '8px 14px',\n          cursor: 'pointer',\n        }}\n      >\n        DevTools\n      </button>\n      <DevTools appInstance={appInstance} visible={visible} onClose={() => setVisible(false)} />\n    </>\n  );\n}\n"],"names":["DevTools","DevToolsTrigger","toPrettyJson","value","JSON","stringify","String","appInstance","visible","onClose","performanceMetrics","setPerformanceMetrics","useState","stateManager","useStateManager","useEffect","tracker","getPerformanceTracker","metrics","getMetrics","serviceInitDuration","initializationDuration","firstRenderDuration","totalStartupDuration","fcp","lcp","fid","cls","options","getOptions","allStates","getAllStates","div","style","position","top","right","width","height","zIndex","background","borderLeft","padding","overflowY","boxShadow","display","justifyContent","alignItems","h3","margin","button","onClick","border","cursor","section","marginTop","h4","id","isInitialized","pre","borderRadius","length","slice","whiteSpace","resolvePosition","pos","includes","bottom","left","setVisible","process","env","NODE_ENV","color"],"mappings":"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"}

package/dist/core/dev/DevTools.d.ts

@@ -1,47 +1,16 @@
 /**
- * 开发工具模块
- * 提供开发模式下的调试工具
+ * 开发工具模块（无 UI 框架依赖）
  */
 import type { ReactNode } from 'react';
 import type { AppInstance } from '../startup/AppInstance';
-/**
- * 开发工具组件属性
- */
 export interface DevToolsProps {
-    /**
-     * 应用实例
-     */
     appInstance: AppInstance;
-    /**
-     * 是否显示
-     */
     visible?: boolean;
-    /**
-     * 关闭回调
-     */
     onClose?: () => void;
 }
-/**
- * 开发工具组件
- *
- * 优化：增强功能，添加状态管理器调试面板、路由调试面板等
- */
 export declare function DevTools({ appInstance, visible, onClose }: DevToolsProps): ReactNode;
-/**
- * 开发工具触发器组件
- */
 export interface DevToolsTriggerProps {
-    /**
-     * 应用实例
-     */
     appInstance: AppInstance;
-    /**
-     * 触发按钮位置
-     */
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
-/**
- * 开发工具触发器
- */
 export declare function DevToolsTrigger({ appInstance, position }: DevToolsTriggerProps): ReactNode;
-//# sourceMappingURL=DevTools.d.ts.map