@vlian/framework 1.2.1 → 1.2.18

package/dist/core/app/BasicLayout.cjs

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "BasicLayout", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _antd = require("antd");
 const _AppContext = require("./AppContext");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -53,35 +52,71 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const BasicLayout = /*#__PURE__*/ (0, _react.memo)(({ children, configProps: externalConfigProps })=>{
+const BasicLayout = /*#__PURE__*/ (0, _react.memo)(({ children, configProps: externalConfigProps, globalProvider })=>{
     const { antdConfig, theme } = (0, _AppContext.useAppContext)();
-    // 优先使用上下文中的配置，如果没有则使用外部传入的配置
+    const [isSystemDark, setIsSystemDark] = _react.default.useState(()=>{
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    });
     const finalConfigProps = antdConfig || externalConfigProps;
-    // 合并主题配置到 Ant Design 配置
-    const mergedConfigProps = _react.default.useMemo(()=>{
-        if (!finalConfigProps && !theme.primaryColor) {
-            return undefined;
+    _react.default.useEffect(()=>{
+        if (typeof window === 'undefined') {
+            return;
         }
-        return {
-            ...finalConfigProps,
-            theme: {
-                ...finalConfigProps?.theme,
-                token: {
-                    ...finalConfigProps?.theme?.token,
-                    ...theme.primaryColor ? {
-                        colorPrimary: theme.primaryColor
-                    } : {}
-                },
-                algorithm: finalConfigProps?.theme?.algorithm
-            }
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const updateSystemTheme = (event)=>{
+            setIsSystemDark(event.matches);
         };
+        setIsSystemDark(mediaQuery.matches);
+        if (typeof mediaQuery.addEventListener === 'function') {
+            mediaQuery.addEventListener('change', updateSystemTheme);
+            return ()=>mediaQuery.removeEventListener('change', updateSystemTheme);
+        }
+        mediaQuery.addListener(updateSystemTheme);
+        return ()=>mediaQuery.removeListener(updateSystemTheme);
+    }, []);
+    const resolvedMode = theme.mode === 'system' ? isSystemDark ? 'dark' : 'light' : theme.mode;
+    const cssVars = _react.default.useMemo(()=>{
+        const vars = {};
+        if (theme.primaryColor) {
+            vars['--app-primary-color'] = theme.primaryColor;
+        }
+        if (finalConfigProps && typeof finalConfigProps === 'object') {
+            const cssVariables = finalConfigProps.cssVariables;
+            if (cssVariables && typeof cssVariables === 'object') {
+                Object.entries(cssVariables).forEach(([key, value])=>{
+                    vars[`--${key}`] = String(value);
+                });
+            }
+        }
+        return vars;
     }, [
         finalConfigProps,
         theme.primaryColor
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.ConfigProvider, {
-        ...mergedConfigProps,
-        children: children
+    const GlobalProvider = _react.default.useMemo(()=>globalProvider ? /*#__PURE__*/ _react.default.lazy(globalProvider) : null, [
+        globalProvider
+    ]);
+    const renderedContent = _react.default.useMemo(()=>{
+        if (!GlobalProvider) {
+            return children;
+        }
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.Suspense, {
+            fallback: null,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(GlobalProvider, {
+                children: children
+            })
+        });
+    }, [
+        GlobalProvider,
+        children
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-theme-mode": resolvedMode,
+        style: cssVars,
+        children: renderedContent
     });
 });
 BasicLayout.displayName = 'BasicLayout';

package/dist/core/app/BasicLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/app/BasicLayout.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { ConfigProvider, type ConfigProviderProps } from 'antd';\nimport { useAppContext } from './AppContext';\n\ninterface BasicLayoutProps {\n    /**\n     * 外部传入的 Ant Design 配置（会被上下文中的配置覆盖）\n     * @deprecated 建议通过 AppContext 设置 antd 配置，此参数仅用于向后兼容\n     */\n    configProps?: ConfigProviderProps;\n}\n\nconst BasicLayout: React.FC<PropsWithChildren<BasicLayoutProps>> = memo(({\n    children,\n    configProps: externalConfigProps,\n}) => {\n    const { antdConfig, theme } = useAppContext();\n\n    // 优先使用上下文中的配置，如果没有则使用外部传入的配置\n    const finalConfigProps = antdConfig || externalConfigProps;\n\n    // 合并主题配置到 Ant Design 配置\n    const mergedConfigProps = React.useMemo<ConfigProviderProps | undefined>(() => {\n        if (!finalConfigProps && !theme.primaryColor) {\n            return undefined;\n        }\n\n        return {\n            ...finalConfigProps,\n            theme: {\n                ...finalConfigProps?.theme,\n                token: {\n                    ...finalConfigProps?.theme?.token,\n                    ...(theme.primaryColor ? { colorPrimary: theme.primaryColor } : {}),\n                },\n                algorithm: finalConfigProps?.theme?.algorithm,\n            },\n        };\n    }, [finalConfigProps, theme.primaryColor]);\n\n    return <ConfigProvider {...mergedConfigProps}>{children}</ConfigProvider>;\n});\n\nBasicLayout.displayName = 'BasicLayout';\n\nexport { BasicLayout };"],"names":["BasicLayout","memo","children","configProps","externalConfigProps","antdConfig","theme","useAppContext","finalConfigProps","mergedConfigProps","React","useMemo","primaryColor","undefined","token","colorPrimary","algorithm","ConfigProvider","displayName"],"mappings":";;;;+BA8CSA;;;eAAAA;;;;+DA9CmB;sBAE6B;4BAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU9B,MAAMA,4BAA6DC,IAAAA,WAAI,EAAC,CAAC,EACrEC,QAAQ,EACRC,aAAaC,mBAAmB,EACnC;IACG,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGC,IAAAA,yBAAa;IAE3C,6BAA6B;IAC7B,MAAMC,mBAAmBH,cAAcD;IAEvC,wBAAwB;IACxB,MAAMK,oBAAoBC,cAAK,CAACC,OAAO,CAAkC;QACrE,IAAI,CAACH,oBAAoB,CAACF,MAAMM,YAAY,EAAE;YAC1C,OAAOC;QACX;QAEA,OAAO;YACH,GAAGL,gBAAgB;YACnBF,OAAO;gBACH,GAAGE,kBAAkBF,KAAK;gBAC1BQ,OAAO;oBACH,GAAGN,kBAAkBF,OAAOQ,KAAK;oBACjC,GAAIR,MAAMM,YAAY,GAAG;wBAAEG,cAAcT,MAAMM,YAAY;oBAAC,IAAI,CAAC,CAAC;gBACtE;gBACAI,WAAWR,kBAAkBF,OAAOU;YACxC;QACJ;IACJ,GAAG;QAACR;QAAkBF,MAAMM,YAAY;KAAC;IAEzC,qBAAO,qBAACK,oBAAc;QAAE,GAAGR,iBAAiB;kBAAGP;;AACnD;AAEAF,YAAYkB,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/core/app/BasicLayout.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { useAppContext } from './AppContext';\nimport type { GlobalProviderLoader, UIProviderConfig } from '../types';\n\ninterface BasicLayoutProps {\n  /**\n   * 外部传入 UI provider 配置（向后兼容沿用 configProps 命名）\n   */\n  configProps?: UIProviderConfig;\n  /**\n   * 全局 UI 包裹组件懒加载器\n   */\n  globalProvider?: GlobalProviderLoader;\n}\n\nconst BasicLayout: React.FC<PropsWithChildren<BasicLayoutProps>> = memo(({\n  children,\n  configProps: externalConfigProps,\n  globalProvider,\n}) => {\n  const { antdConfig, theme } = useAppContext();\n  const [isSystemDark, setIsSystemDark] = React.useState<boolean>(() => {\n    if (typeof window === 'undefined') {\n      return false;\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n  });\n\n  const finalConfigProps = antdConfig || externalConfigProps;\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const updateSystemTheme = (event: MediaQueryListEvent) => {\n      setIsSystemDark(event.matches);\n    };\n\n    setIsSystemDark(mediaQuery.matches);\n    if (typeof mediaQuery.addEventListener === 'function') {\n      mediaQuery.addEventListener('change', updateSystemTheme);\n      return () => mediaQuery.removeEventListener('change', updateSystemTheme);\n    }\n\n    mediaQuery.addListener(updateSystemTheme);\n    return () => mediaQuery.removeListener(updateSystemTheme);\n  }, []);\n\n  const resolvedMode = theme.mode === 'system' ? (isSystemDark ? 'dark' : 'light') : theme.mode;\n\n  const cssVars = React.useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {};\n\n    if (theme.primaryColor) {\n      vars['--app-primary-color'] = theme.primaryColor;\n    }\n\n    if (finalConfigProps && typeof finalConfigProps === 'object') {\n      const cssVariables = (finalConfigProps as Record<string, unknown>).cssVariables;\n      if (cssVariables && typeof cssVariables === 'object') {\n        Object.entries(cssVariables as Record<string, unknown>).forEach(([key, value]) => {\n          vars[`--${key}`] = String(value);\n        });\n      }\n    }\n\n    return vars;\n  }, [finalConfigProps, theme.primaryColor]);\n\n  const GlobalProvider = React.useMemo(\n    () => (globalProvider ? React.lazy(globalProvider) : null),\n    [globalProvider]\n  );\n\n  const renderedContent = React.useMemo(() => {\n    if (!GlobalProvider) {\n      return children;\n    }\n\n    return (\n      <React.Suspense fallback={null}>\n        <GlobalProvider>{children}</GlobalProvider>\n      </React.Suspense>\n    );\n  }, [GlobalProvider, children]);\n\n  return (\n    <div\n      data-theme-mode={resolvedMode}\n      style={cssVars as React.CSSProperties}\n    >\n      {renderedContent}\n    </div>\n  );\n});\n\nBasicLayout.displayName = 'BasicLayout';\n\nexport { BasicLayout };\n"],"names":["BasicLayout","memo","children","configProps","externalConfigProps","globalProvider","antdConfig","theme","useAppContext","isSystemDark","setIsSystemDark","React","useState","window","matchMedia","matches","finalConfigProps","useEffect","mediaQuery","updateSystemTheme","event","addEventListener","removeEventListener","addListener","removeListener","resolvedMode","mode","cssVars","useMemo","vars","primaryColor","cssVariables","Object","entries","forEach","key","value","String","GlobalProvider","lazy","renderedContent","Suspense","fallback","div","data-theme-mode","style","displayName"],"mappings":";;;;+BAqGSA;;;eAAAA;;;;+DArGmB;4BAEE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAc9B,MAAMA,4BAA6DC,IAAAA,WAAI,EAAC,CAAC,EACvEC,QAAQ,EACRC,aAAaC,mBAAmB,EAChCC,cAAc,EACf;IACC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGC,IAAAA,yBAAa;IAC3C,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,cAAK,CAACC,QAAQ,CAAU;QAC9D,IAAI,OAAOC,WAAW,aAAa;YACjC,OAAO;QACT;QACA,OAAOA,OAAOC,UAAU,CAAC,gCAAgCC,OAAO;IAClE;IAEA,MAAMC,mBAAmBV,cAAcF;IAEvCO,cAAK,CAACM,SAAS,CAAC;QACd,IAAI,OAAOJ,WAAW,aAAa;YACjC;QACF;QAEA,MAAMK,aAAaL,OAAOC,UAAU,CAAC;QACrC,MAAMK,oBAAoB,CAACC;YACzBV,gBAAgBU,MAAML,OAAO;QAC/B;QAEAL,gBAAgBQ,WAAWH,OAAO;QAClC,IAAI,OAAOG,WAAWG,gBAAgB,KAAK,YAAY;YACrDH,WAAWG,gBAAgB,CAAC,UAAUF;YACtC,OAAO,IAAMD,WAAWI,mBAAmB,CAAC,UAAUH;QACxD;QAEAD,WAAWK,WAAW,CAACJ;QACvB,OAAO,IAAMD,WAAWM,cAAc,CAACL;IACzC,GAAG,EAAE;IAEL,MAAMM,eAAelB,MAAMmB,IAAI,KAAK,WAAYjB,eAAe,SAAS,UAAWF,MAAMmB,IAAI;IAE7F,MAAMC,UAAUhB,cAAK,CAACiB,OAAO,CAAyB;QACpD,MAAMC,OAA+B,CAAC;QAEtC,IAAItB,MAAMuB,YAAY,EAAE;YACtBD,IAAI,CAAC,sBAAsB,GAAGtB,MAAMuB,YAAY;QAClD;QAEA,IAAId,oBAAoB,OAAOA,qBAAqB,UAAU;YAC5D,MAAMe,eAAe,AAACf,iBAA6Ce,YAAY;YAC/E,IAAIA,gBAAgB,OAAOA,iBAAiB,UAAU;gBACpDC,OAAOC,OAAO,CAACF,cAAyCG,OAAO,CAAC,CAAC,CAACC,KAAKC,MAAM;oBAC3EP,IAAI,CAAC,CAAC,EAAE,EAAEM,KAAK,CAAC,GAAGE,OAAOD;gBAC5B;YACF;QACF;QAEA,OAAOP;IACT,GAAG;QAACb;QAAkBT,MAAMuB,YAAY;KAAC;IAEzC,MAAMQ,iBAAiB3B,cAAK,CAACiB,OAAO,CAClC,IAAOvB,+BAAiBM,cAAK,CAAC4B,IAAI,CAAClC,kBAAkB,MACrD;QAACA;KAAe;IAGlB,MAAMmC,kBAAkB7B,cAAK,CAACiB,OAAO,CAAC;QACpC,IAAI,CAACU,gBAAgB;YACnB,OAAOpC;QACT;QAEA,qBACE,qBAACS,cAAK,CAAC8B,QAAQ;YAACC,UAAU;sBACxB,cAAA,qBAACJ;0BAAgBpC;;;IAGvB,GAAG;QAACoC;QAAgBpC;KAAS;IAE7B,qBACE,qBAACyC;QACCC,mBAAiBnB;QACjBoB,OAAOlB;kBAENa;;AAGP;AAEAxC,YAAY8C,WAAW,GAAG"}

package/dist/core/app/BasicLayout.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
 import type { PropsWithChildren } from 'react';
-import { type ConfigProviderProps } from 'antd';
+import type { GlobalProviderLoader, UIProviderConfig } from '../types';
 interface BasicLayoutProps {
     /**
-     * 外部传入的 Ant Design 配置（会被上下文中的配置覆盖）
-     * @deprecated 建议通过 AppContext 设置 antd 配置，此参数仅用于向后兼容
+     * 外部传入 UI provider 配置（向后兼容沿用 configProps 命名）
      */
-    configProps?: ConfigProviderProps;
+    configProps?: UIProviderConfig;
+    /**
+     * 全局 UI 包裹组件懒加载器
+     */
+    globalProvider?: GlobalProviderLoader;
 }
 declare const BasicLayout: React.FC<PropsWithChildren<BasicLayoutProps>>;
 export { BasicLayout };
-//# sourceMappingURL=BasicLayout.d.ts.map

package/dist/core/app/BasicLayout.js

@@ -1,36 +1,71 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo } from "react";
-import { ConfigProvider } from "antd";
 import { useAppContext } from "./AppContext";
-const BasicLayout = /*#__PURE__*/ memo(({ children, configProps: externalConfigProps })=>{
+const BasicLayout = /*#__PURE__*/ memo(({ children, configProps: externalConfigProps, globalProvider })=>{
     const { antdConfig, theme } = useAppContext();
-    // 优先使用上下文中的配置，如果没有则使用外部传入的配置
+    const [isSystemDark, setIsSystemDark] = React.useState(()=>{
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    });
     const finalConfigProps = antdConfig || externalConfigProps;
-    // 合并主题配置到 Ant Design 配置
-    const mergedConfigProps = React.useMemo(()=>{
-        if (!finalConfigProps && !theme.primaryColor) {
-            return undefined;
+    React.useEffect(()=>{
+        if (typeof window === 'undefined') {
+            return;
         }
-        return {
-            ...finalConfigProps,
-            theme: {
-                ...finalConfigProps?.theme,
-                token: {
-                    ...finalConfigProps?.theme?.token,
-                    ...theme.primaryColor ? {
-                        colorPrimary: theme.primaryColor
-                    } : {}
-                },
-                algorithm: finalConfigProps?.theme?.algorithm
-            }
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const updateSystemTheme = (event)=>{
+            setIsSystemDark(event.matches);
         };
+        setIsSystemDark(mediaQuery.matches);
+        if (typeof mediaQuery.addEventListener === 'function') {
+            mediaQuery.addEventListener('change', updateSystemTheme);
+            return ()=>mediaQuery.removeEventListener('change', updateSystemTheme);
+        }
+        mediaQuery.addListener(updateSystemTheme);
+        return ()=>mediaQuery.removeListener(updateSystemTheme);
+    }, []);
+    const resolvedMode = theme.mode === 'system' ? isSystemDark ? 'dark' : 'light' : theme.mode;
+    const cssVars = React.useMemo(()=>{
+        const vars = {};
+        if (theme.primaryColor) {
+            vars['--app-primary-color'] = theme.primaryColor;
+        }
+        if (finalConfigProps && typeof finalConfigProps === 'object') {
+            const cssVariables = finalConfigProps.cssVariables;
+            if (cssVariables && typeof cssVariables === 'object') {
+                Object.entries(cssVariables).forEach(([key, value])=>{
+                    vars[`--${key}`] = String(value);
+                });
+            }
+        }
+        return vars;
     }, [
         finalConfigProps,
         theme.primaryColor
     ]);
-    return /*#__PURE__*/ _jsx(ConfigProvider, {
-        ...mergedConfigProps,
-        children: children
+    const GlobalProvider = React.useMemo(()=>globalProvider ? /*#__PURE__*/ React.lazy(globalProvider) : null, [
+        globalProvider
+    ]);
+    const renderedContent = React.useMemo(()=>{
+        if (!GlobalProvider) {
+            return children;
+        }
+        return /*#__PURE__*/ _jsx(React.Suspense, {
+            fallback: null,
+            children: /*#__PURE__*/ _jsx(GlobalProvider, {
+                children: children
+            })
+        });
+    }, [
+        GlobalProvider,
+        children
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        "data-theme-mode": resolvedMode,
+        style: cssVars,
+        children: renderedContent
     });
 });
 BasicLayout.displayName = 'BasicLayout';

package/dist/core/app/BasicLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/app/BasicLayout.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { ConfigProvider, type ConfigProviderProps } from 'antd';\nimport { useAppContext } from './AppContext';\n\ninterface BasicLayoutProps {\n    /**\n     * 外部传入的 Ant Design 配置（会被上下文中的配置覆盖）\n     * @deprecated 建议通过 AppContext 设置 antd 配置，此参数仅用于向后兼容\n     */\n    configProps?: ConfigProviderProps;\n}\n\nconst BasicLayout: React.FC<PropsWithChildren<BasicLayoutProps>> = memo(({\n    children,\n    configProps: externalConfigProps,\n}) => {\n    const { antdConfig, theme } = useAppContext();\n\n    // 优先使用上下文中的配置，如果没有则使用外部传入的配置\n    const finalConfigProps = antdConfig || externalConfigProps;\n\n    // 合并主题配置到 Ant Design 配置\n    const mergedConfigProps = React.useMemo<ConfigProviderProps | undefined>(() => {\n        if (!finalConfigProps && !theme.primaryColor) {\n            return undefined;\n        }\n\n        return {\n            ...finalConfigProps,\n            theme: {\n                ...finalConfigProps?.theme,\n                token: {\n                    ...finalConfigProps?.theme?.token,\n                    ...(theme.primaryColor ? { colorPrimary: theme.primaryColor } : {}),\n                },\n                algorithm: finalConfigProps?.theme?.algorithm,\n            },\n        };\n    }, [finalConfigProps, theme.primaryColor]);\n\n    return <ConfigProvider {...mergedConfigProps}>{children}</ConfigProvider>;\n});\n\nBasicLayout.displayName = 'BasicLayout';\n\nexport { BasicLayout };"],"names":["React","memo","ConfigProvider","useAppContext","BasicLayout","children","configProps","externalConfigProps","antdConfig","theme","finalConfigProps","mergedConfigProps","useMemo","primaryColor","undefined","token","colorPrimary","algorithm","displayName"],"mappings":";AAAA,OAAOA,SAASC,IAAI,QAAQ,QAAQ;AAEpC,SAASC,cAAc,QAAkC,OAAO;AAChE,SAASC,aAAa,QAAQ,eAAe;AAU7C,MAAMC,4BAA6DH,KAAK,CAAC,EACrEI,QAAQ,EACRC,aAAaC,mBAAmB,EACnC;IACG,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGN;IAE9B,6BAA6B;IAC7B,MAAMO,mBAAmBF,cAAcD;IAEvC,wBAAwB;IACxB,MAAMI,oBAAoBX,MAAMY,OAAO,CAAkC;QACrE,IAAI,CAACF,oBAAoB,CAACD,MAAMI,YAAY,EAAE;YAC1C,OAAOC;QACX;QAEA,OAAO;YACH,GAAGJ,gBAAgB;YACnBD,OAAO;gBACH,GAAGC,kBAAkBD,KAAK;gBAC1BM,OAAO;oBACH,GAAGL,kBAAkBD,OAAOM,KAAK;oBACjC,GAAIN,MAAMI,YAAY,GAAG;wBAAEG,cAAcP,MAAMI,YAAY;oBAAC,IAAI,CAAC,CAAC;gBACtE;gBACAI,WAAWP,kBAAkBD,OAAOQ;YACxC;QACJ;IACJ,GAAG;QAACP;QAAkBD,MAAMI,YAAY;KAAC;IAEzC,qBAAO,KAACX;QAAgB,GAAGS,iBAAiB;kBAAGN;;AACnD;AAEAD,YAAYc,WAAW,GAAG;AAE1B,SAASd,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/core/app/BasicLayout.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { useAppContext } from './AppContext';\nimport type { GlobalProviderLoader, UIProviderConfig } from '../types';\n\ninterface BasicLayoutProps {\n  /**\n   * 外部传入 UI provider 配置（向后兼容沿用 configProps 命名）\n   */\n  configProps?: UIProviderConfig;\n  /**\n   * 全局 UI 包裹组件懒加载器\n   */\n  globalProvider?: GlobalProviderLoader;\n}\n\nconst BasicLayout: React.FC<PropsWithChildren<BasicLayoutProps>> = memo(({\n  children,\n  configProps: externalConfigProps,\n  globalProvider,\n}) => {\n  const { antdConfig, theme } = useAppContext();\n  const [isSystemDark, setIsSystemDark] = React.useState<boolean>(() => {\n    if (typeof window === 'undefined') {\n      return false;\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n  });\n\n  const finalConfigProps = antdConfig || externalConfigProps;\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const updateSystemTheme = (event: MediaQueryListEvent) => {\n      setIsSystemDark(event.matches);\n    };\n\n    setIsSystemDark(mediaQuery.matches);\n    if (typeof mediaQuery.addEventListener === 'function') {\n      mediaQuery.addEventListener('change', updateSystemTheme);\n      return () => mediaQuery.removeEventListener('change', updateSystemTheme);\n    }\n\n    mediaQuery.addListener(updateSystemTheme);\n    return () => mediaQuery.removeListener(updateSystemTheme);\n  }, []);\n\n  const resolvedMode = theme.mode === 'system' ? (isSystemDark ? 'dark' : 'light') : theme.mode;\n\n  const cssVars = React.useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {};\n\n    if (theme.primaryColor) {\n      vars['--app-primary-color'] = theme.primaryColor;\n    }\n\n    if (finalConfigProps && typeof finalConfigProps === 'object') {\n      const cssVariables = (finalConfigProps as Record<string, unknown>).cssVariables;\n      if (cssVariables && typeof cssVariables === 'object') {\n        Object.entries(cssVariables as Record<string, unknown>).forEach(([key, value]) => {\n          vars[`--${key}`] = String(value);\n        });\n      }\n    }\n\n    return vars;\n  }, [finalConfigProps, theme.primaryColor]);\n\n  const GlobalProvider = React.useMemo(\n    () => (globalProvider ? React.lazy(globalProvider) : null),\n    [globalProvider]\n  );\n\n  const renderedContent = React.useMemo(() => {\n    if (!GlobalProvider) {\n      return children;\n    }\n\n    return (\n      <React.Suspense fallback={null}>\n        <GlobalProvider>{children}</GlobalProvider>\n      </React.Suspense>\n    );\n  }, [GlobalProvider, children]);\n\n  return (\n    <div\n      data-theme-mode={resolvedMode}\n      style={cssVars as React.CSSProperties}\n    >\n      {renderedContent}\n    </div>\n  );\n});\n\nBasicLayout.displayName = 'BasicLayout';\n\nexport { BasicLayout };\n"],"names":["React","memo","useAppContext","BasicLayout","children","configProps","externalConfigProps","globalProvider","antdConfig","theme","isSystemDark","setIsSystemDark","useState","window","matchMedia","matches","finalConfigProps","useEffect","mediaQuery","updateSystemTheme","event","addEventListener","removeEventListener","addListener","removeListener","resolvedMode","mode","cssVars","useMemo","vars","primaryColor","cssVariables","Object","entries","forEach","key","value","String","GlobalProvider","lazy","renderedContent","Suspense","fallback","div","data-theme-mode","style","displayName"],"mappings":";AAAA,OAAOA,SAASC,IAAI,QAAQ,QAAQ;AAEpC,SAASC,aAAa,QAAQ,eAAe;AAc7C,MAAMC,4BAA6DF,KAAK,CAAC,EACvEG,QAAQ,EACRC,aAAaC,mBAAmB,EAChCC,cAAc,EACf;IACC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGP;IAC9B,MAAM,CAACQ,cAAcC,gBAAgB,GAAGX,MAAMY,QAAQ,CAAU;QAC9D,IAAI,OAAOC,WAAW,aAAa;YACjC,OAAO;QACT;QACA,OAAOA,OAAOC,UAAU,CAAC,gCAAgCC,OAAO;IAClE;IAEA,MAAMC,mBAAmBR,cAAcF;IAEvCN,MAAMiB,SAAS,CAAC;QACd,IAAI,OAAOJ,WAAW,aAAa;YACjC;QACF;QAEA,MAAMK,aAAaL,OAAOC,UAAU,CAAC;QACrC,MAAMK,oBAAoB,CAACC;YACzBT,gBAAgBS,MAAML,OAAO;QAC/B;QAEAJ,gBAAgBO,WAAWH,OAAO;QAClC,IAAI,OAAOG,WAAWG,gBAAgB,KAAK,YAAY;YACrDH,WAAWG,gBAAgB,CAAC,UAAUF;YACtC,OAAO,IAAMD,WAAWI,mBAAmB,CAAC,UAAUH;QACxD;QAEAD,WAAWK,WAAW,CAACJ;QACvB,OAAO,IAAMD,WAAWM,cAAc,CAACL;IACzC,GAAG,EAAE;IAEL,MAAMM,eAAehB,MAAMiB,IAAI,KAAK,WAAYhB,eAAe,SAAS,UAAWD,MAAMiB,IAAI;IAE7F,MAAMC,UAAU3B,MAAM4B,OAAO,CAAyB;QACpD,MAAMC,OAA+B,CAAC;QAEtC,IAAIpB,MAAMqB,YAAY,EAAE;YACtBD,IAAI,CAAC,sBAAsB,GAAGpB,MAAMqB,YAAY;QAClD;QAEA,IAAId,oBAAoB,OAAOA,qBAAqB,UAAU;YAC5D,MAAMe,eAAe,AAACf,iBAA6Ce,YAAY;YAC/E,IAAIA,gBAAgB,OAAOA,iBAAiB,UAAU;gBACpDC,OAAOC,OAAO,CAACF,cAAyCG,OAAO,CAAC,CAAC,CAACC,KAAKC,MAAM;oBAC3EP,IAAI,CAAC,CAAC,EAAE,EAAEM,KAAK,CAAC,GAAGE,OAAOD;gBAC5B;YACF;QACF;QAEA,OAAOP;IACT,GAAG;QAACb;QAAkBP,MAAMqB,YAAY;KAAC;IAEzC,MAAMQ,iBAAiBtC,MAAM4B,OAAO,CAClC,IAAOrB,+BAAiBP,MAAMuC,IAAI,CAAChC,kBAAkB,MACrD;QAACA;KAAe;IAGlB,MAAMiC,kBAAkBxC,MAAM4B,OAAO,CAAC;QACpC,IAAI,CAACU,gBAAgB;YACnB,OAAOlC;QACT;QAEA,qBACE,KAACJ,MAAMyC,QAAQ;YAACC,UAAU;sBACxB,cAAA,KAACJ;0BAAgBlC;;;IAGvB,GAAG;QAACkC;QAAgBlC;KAAS;IAE7B,qBACE,KAACuC;QACCC,mBAAiBnB;QACjBoB,OAAOlB;kBAENa;;AAGP;AAEArC,YAAY2C,WAAW,GAAG;AAE1B,SAAS3C,WAAW,GAAG"}

package/dist/core/app/DefaultApp.cjs

@@ -13,21 +13,14 @@ Object.defineProperty(exports, "DefaultApp", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
-const _antd = require("antd");
 const _library = require("../../library");
-const { Title, Paragraph, Text } = _antd.Typography;
-/**
- * 默认应用页面组件
- * 
- * 当框架启动时未提供 app 选项时，会显示此默认页面。
- * 页面包含欢迎信息、使用说明和快速开始指南。
- * 
- * @example
- * ```tsx
- * <DefaultApp />
- * ```
- */ const DefaultApp = /*#__PURE__*/ (0, _react.memo)(({ title, description })=>{
-    // 使用国际化翻译，如果没有提供自定义标题和描述
+const cardStyle = {
+    background: 'rgba(255, 255, 255, 0.96)',
+    borderRadius: 10,
+    boxShadow: '0 6px 20px rgba(0, 0, 0, 0.14)',
+    padding: 20
+};
+const DefaultApp = /*#__PURE__*/ (0, _react.memo)(({ title, description })=>{
     const displayTitle = title || (0, _library.$t)('defaultApp.title');
     const displayDescription = description || (0, _library.$t)('defaultApp.description');
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
@@ -36,163 +29,121 @@ const { Title, Paragraph, Text } = _antd.Typography;
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            padding: '24px',
-            background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'
+            padding: 24,
+            background: 'linear-gradient(130deg, #274c77 0%, #2c7da0 42%, #61a5c2 100%)'
         },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             style: {
-                maxWidth: '800px',
+                maxWidth: 860,
                 width: '100%'
             },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Result, {
-                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     style: {
-                        fontSize: '72px',
-                        color: '#fff',
-                        marginBottom: '16px'
-                    },
-                    children: "🚀"
-                }),
-                title: /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
-                    level: 2,
-                    style: {
-                        color: '#fff',
-                        marginBottom: '16px'
-                    },
-                    children: displayTitle
-                }),
-                subTitle: /*#__PURE__*/ (0, _jsxruntime.jsx)(Paragraph, {
-                    style: {
-                        color: 'rgba(255, 255, 255, 0.9)',
-                        fontSize: '16px',
-                        marginBottom: '32px'
-                    },
-                    children: displayDescription
-                }),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                    direction: "vertical",
-                    size: "large",
-                    style: {
-                        width: '100%'
+                        textAlign: 'center',
+                        marginBottom: 28,
+                        color: '#fff'
                     },
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Card, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             style: {
-                                background: 'rgba(255, 255, 255, 0.95)',
-                                borderRadius: '8px',
-                                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
+                                fontSize: 56,
+                                lineHeight: '60px',
+                                marginBottom: 12
                             },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                                direction: "vertical",
-                                size: "middle",
-                                style: {
-                                    width: '100%'
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Title, {
-                                        level: 4,
-                                        children: [
-                                            "💻 ",
-                                            (0, _library.$t)('defaultApp.quickStart.title')
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Paragraph, {
-                                        style: {
-                                            marginBottom: '16px'
-                                        },
-                                        children: (0, _library.$t)('defaultApp.quickStart.description')
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                        style: {
-                                            background: '#f5f5f5',
-                                            padding: '16px',
-                                            borderRadius: '4px',
-                                            fontFamily: 'monospace',
-                                            fontSize: '14px',
-                                            overflowX: 'auto'
-                                        },
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                                            code: true,
-                                            children: (0, _library.$t)('defaultApp.quickStart.code')
-                                        })
-                                    })
-                                ]
-                            })
+                            children: "🚀"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Card, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h1", {
                             style: {
-                                background: 'rgba(255, 255, 255, 0.95)',
-                                borderRadius: '8px',
-                                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
+                                margin: 0,
+                                fontSize: 34
                             },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                                direction: "vertical",
-                                size: "middle",
-                                style: {
-                                    width: '100%'
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(Title, {
-                                        level: 4,
-                                        children: [
-                                            "📚 ",
-                                            (0, _library.$t)('defaultApp.nextSteps.title')
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_antd.Space, {
-                                        direction: "vertical",
-                                        size: "small",
-                                        style: {
-                                            width: '100%'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(Paragraph, {
-                                                style: {
-                                                    marginBottom: '8px'
-                                                },
-                                                children: [
-                                                    "• ",
-                                                    (0, _library.$t)('defaultApp.nextSteps.step1')
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(Paragraph, {
-                                                style: {
-                                                    marginBottom: '8px'
-                                                },
-                                                children: [
-                                                    "• ",
-                                                    (0, _library.$t)('defaultApp.nextSteps.step2')
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(Paragraph, {
-                                                style: {
-                                                    marginBottom: '8px'
-                                                },
-                                                children: [
-                                                    "• ",
-                                                    (0, _library.$t)('defaultApp.nextSteps.step3')
-                                                ]
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
+                            children: displayTitle
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
                             style: {
-                                textAlign: 'center',
-                                marginTop: '24px'
+                                marginTop: 12,
+                                opacity: 0.9
                             },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
-                                style: {
-                                    color: 'rgba(255, 255, 255, 0.8)'
-                                },
-                                children: (0, _library.$t)('defaultApp.footer')
-                            })
+                            children: displayDescription
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    style: {
+                        display: 'grid',
+                        gap: 16
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
+                            style: cardStyle,
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                                    style: {
+                                        marginTop: 0
+                                    },
+                                    children: [
+                                        "💻 ",
+                                        (0, _library.$t)('defaultApp.quickStart.title')
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                    children: (0, _library.$t)('defaultApp.quickStart.description')
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    style: {
+                                        margin: 0,
+                                        background: '#f4f6f8',
+                                        borderRadius: 8,
+                                        padding: 12,
+                                        overflowX: 'auto'
+                                    },
+                                    children: (0, _library.$t)('defaultApp.quickStart.code')
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("section", {
+                            style: cardStyle,
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                                    style: {
+                                        marginTop: 0
+                                    },
+                                    children: [
+                                        "📚 ",
+                                        (0, _library.$t)('defaultApp.nextSteps.title')
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("ul", {
+                                    style: {
+                                        paddingLeft: 20,
+                                        marginBottom: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
+                                            children: (0, _library.$t)('defaultApp.nextSteps.step1')
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
+                                            children: (0, _library.$t)('defaultApp.nextSteps.step2')
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
+                                            children: (0, _library.$t)('defaultApp.nextSteps.step3')
+                                        })
+                                    ]
+                                })
+                            ]
                         })
                     ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    style: {
+                        textAlign: 'center',
+                        color: 'rgba(255,255,255,0.88)',
+                        marginTop: 18
+                    },
+                    children: (0, _library.$t)('defaultApp.footer')
                 })
-            })
+            ]
         })
     });
 });

package/dist/core/app/DefaultApp.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/app/DefaultApp.tsx"],"sourcesContent":["/**\n * 默认应用页面组件\n * 当用户未提供 app 选项时显示的默认页面\n */\n\nimport { memo } from 'react';\nimport { Result, Typography, Space, Card } from 'antd';\nimport { $t } from '../../library';\n\nconst { Title, Paragraph, Text } = Typography;\n\n/**\n * 默认应用页面组件属性\n */\ninterface DefaultAppProps {\n  /**\n   * 自定义标题（可选）\n   */\n  title?: string;\n  \n  /**\n   * 自定义描述（可选）\n   */\n  description?: string;\n}\n\n/**\n * 默认应用页面组件\n * \n * 当框架启动时未提供 app 选项时，会显示此默认页面。\n * 页面包含欢迎信息、使用说明和快速开始指南。\n * \n * @example\n * ```tsx\n * <DefaultApp />\n * ```\n */\nconst DefaultApp = memo<DefaultAppProps>(({ title, description }) => {\n  // 使用国际化翻译，如果没有提供自定义标题和描述\n  const displayTitle = title || $t('defaultApp.title');\n  const displayDescription = description || $t('defaultApp.description');\n\n  return (\n    <div\n      style={{\n        minHeight: '100vh',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: '24px',\n        background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n      }}\n    >\n      <div style={{ maxWidth: '800px', width: '100%' }}>\n        <Result\n          icon={\n            <div style={{ fontSize: '72px', color: '#fff', marginBottom: '16px' }}>\n              🚀\n            </div>\n          }\n          title={\n            <Title level={2} style={{ color: '#fff', marginBottom: '16px' }}>\n              {displayTitle}\n            </Title>\n          }\n          subTitle={\n            <Paragraph style={{ color: 'rgba(255, 255, 255, 0.9)', fontSize: '16px', marginBottom: '32px' }}>\n              {displayDescription}\n            </Paragraph>\n          }\n        >\n          <Space direction=\"vertical\" size=\"large\" style={{ width: '100%' }}>\n            <Card\n              style={{\n                background: 'rgba(255, 255, 255, 0.95)',\n                borderRadius: '8px',\n                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n              }}\n            >\n              <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n                <Title level={4}>\n                  💻 {$t('defaultApp.quickStart.title')}\n                </Title>\n                <Paragraph style={{ marginBottom: '16px' }}>\n                  {$t('defaultApp.quickStart.description')}\n                </Paragraph>\n                <div\n                  style={{\n                    background: '#f5f5f5',\n                    padding: '16px',\n                    borderRadius: '4px',\n                    fontFamily: 'monospace',\n                    fontSize: '14px',\n                    overflowX: 'auto',\n                  }}\n                >\n                  <Text code>{$t('defaultApp.quickStart.code')}</Text>\n                </div>\n              </Space>\n            </Card>\n\n            <Card\n              style={{\n                background: 'rgba(255, 255, 255, 0.95)',\n                borderRadius: '8px',\n                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n              }}\n            >\n              <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n                <Title level={4}>\n                  📚 {$t('defaultApp.nextSteps.title')}\n                </Title>\n                <Space direction=\"vertical\" size=\"small\" style={{ width: '100%' }}>\n                  <Paragraph style={{ marginBottom: '8px' }}>\n                    • {$t('defaultApp.nextSteps.step1')}\n                  </Paragraph>\n                  <Paragraph style={{ marginBottom: '8px' }}>\n                    • {$t('defaultApp.nextSteps.step2')}\n                  </Paragraph>\n                  <Paragraph style={{ marginBottom: '8px' }}>\n                    • {$t('defaultApp.nextSteps.step3')}\n                  </Paragraph>\n                </Space>\n              </Space>\n            </Card>\n\n            <div style={{ textAlign: 'center', marginTop: '24px' }}>\n              <Text style={{ color: 'rgba(255, 255, 255, 0.8)' }}>\n                {$t('defaultApp.footer')}\n              </Text>\n            </div>\n          </Space>\n        </Result>\n      </div>\n    </div>\n  );\n});\n\nDefaultApp.displayName = 'DefaultApp';\n\nexport { DefaultApp };\n"],"names":["DefaultApp","Title","Paragraph","Text","Typography","memo","title","description","displayTitle","$t","displayDescription","div","style","minHeight","display","alignItems","justifyContent","padding","background","maxWidth","width","Result","icon","fontSize","color","marginBottom","level","subTitle","Space","direction","size","Card","borderRadius","boxShadow","fontFamily","overflowX","code","textAlign","marginTop","displayName"],"mappings":"AAAA;;;CAGC;;;;+BAyIQA;;;eAAAA;;;;uBAvIY;sBAC2B;yBAC7B;AAEnB,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGC,gBAAU;AAiB7C;;;;;;;;;;CAUC,GACD,MAAMJ,2BAAaK,IAAAA,WAAI,EAAkB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAAE;IAC9D,yBAAyB;IACzB,MAAMC,eAAeF,SAASG,IAAAA,WAAE,EAAC;IACjC,MAAMC,qBAAqBH,eAAeE,IAAAA,WAAE,EAAC;IAE7C,qBACE,qBAACE;QACCC,OAAO;YACLC,WAAW;YACXC,SAAS;YACTC,YAAY;YACZC,gBAAgB;YAChBC,SAAS;YACTC,YAAY;QACd;kBAEA,cAAA,qBAACP;YAAIC,OAAO;gBAAEO,UAAU;gBAASC,OAAO;YAAO;sBAC7C,cAAA,qBAACC,YAAM;gBACLC,oBACE,qBAACX;oBAAIC,OAAO;wBAAEW,UAAU;wBAAQC,OAAO;wBAAQC,cAAc;oBAAO;8BAAG;;gBAIzEnB,qBACE,qBAACL;oBAAMyB,OAAO;oBAAGd,OAAO;wBAAEY,OAAO;wBAAQC,cAAc;oBAAO;8BAC3DjB;;gBAGLmB,wBACE,qBAACzB;oBAAUU,OAAO;wBAAEY,OAAO;wBAA4BD,UAAU;wBAAQE,cAAc;oBAAO;8BAC3Ff;;0BAIL,cAAA,sBAACkB,WAAK;oBAACC,WAAU;oBAAWC,MAAK;oBAAQlB,OAAO;wBAAEQ,OAAO;oBAAO;;sCAC9D,qBAACW,UAAI;4BACHnB,OAAO;gCACLM,YAAY;gCACZc,cAAc;gCACdC,WAAW;4BACb;sCAEA,cAAA,sBAACL,WAAK;gCAACC,WAAU;gCAAWC,MAAK;gCAASlB,OAAO;oCAAEQ,OAAO;gCAAO;;kDAC/D,sBAACnB;wCAAMyB,OAAO;;4CAAG;4CACXjB,IAAAA,WAAE,EAAC;;;kDAET,qBAACP;wCAAUU,OAAO;4CAAEa,cAAc;wCAAO;kDACtChB,IAAAA,WAAE,EAAC;;kDAEN,qBAACE;wCACCC,OAAO;4CACLM,YAAY;4CACZD,SAAS;4CACTe,cAAc;4CACdE,YAAY;4CACZX,UAAU;4CACVY,WAAW;wCACb;kDAEA,cAAA,qBAAChC;4CAAKiC,IAAI;sDAAE3B,IAAAA,WAAE,EAAC;;;;;;sCAKrB,qBAACsB,UAAI;4BACHnB,OAAO;gCACLM,YAAY;gCACZc,cAAc;gCACdC,WAAW;4BACb;sCAEA,cAAA,sBAACL,WAAK;gCAACC,WAAU;gCAAWC,MAAK;gCAASlB,OAAO;oCAAEQ,OAAO;gCAAO;;kDAC/D,sBAACnB;wCAAMyB,OAAO;;4CAAG;4CACXjB,IAAAA,WAAE,EAAC;;;kDAET,sBAACmB,WAAK;wCAACC,WAAU;wCAAWC,MAAK;wCAAQlB,OAAO;4CAAEQ,OAAO;wCAAO;;0DAC9D,sBAAClB;gDAAUU,OAAO;oDAAEa,cAAc;gDAAM;;oDAAG;oDACtChB,IAAAA,WAAE,EAAC;;;0DAER,sBAACP;gDAAUU,OAAO;oDAAEa,cAAc;gDAAM;;oDAAG;oDACtChB,IAAAA,WAAE,EAAC;;;0DAER,sBAACP;gDAAUU,OAAO;oDAAEa,cAAc;gDAAM;;oDAAG;oDACtChB,IAAAA,WAAE,EAAC;;;;;;;;sCAMd,qBAACE;4BAAIC,OAAO;gCAAEyB,WAAW;gCAAUC,WAAW;4BAAO;sCACnD,cAAA,qBAACnC;gCAAKS,OAAO;oCAAEY,OAAO;gCAA2B;0CAC9Cf,IAAAA,WAAE,EAAC;;;;;;;;AAQpB;AAEAT,WAAWuC,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/core/app/DefaultApp.tsx"],"sourcesContent":["/**\n * 默认应用页面组件\n * 当用户未提供 app 选项时显示的默认页面\n */\n\nimport { memo } from 'react';\nimport { $t } from '../../library';\n\ninterface DefaultAppProps {\n  title?: string;\n  description?: string;\n}\n\nconst cardStyle: React.CSSProperties = {\n  background: 'rgba(255, 255, 255, 0.96)',\n  borderRadius: 10,\n  boxShadow: '0 6px 20px rgba(0, 0, 0, 0.14)',\n  padding: 20,\n};\n\nconst DefaultApp = memo<DefaultAppProps>(({ title, description }) => {\n  const displayTitle = title || $t('defaultApp.title');\n  const displayDescription = description || $t('defaultApp.description');\n\n  return (\n    <div\n      style={{\n        minHeight: '100vh',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 24,\n        background: 'linear-gradient(130deg, #274c77 0%, #2c7da0 42%, #61a5c2 100%)',\n      }}\n    >\n      <div style={{ maxWidth: 860, width: '100%' }}>\n        <div style={{ textAlign: 'center', marginBottom: 28, color: '#fff' }}>\n          <div style={{ fontSize: 56, lineHeight: '60px', marginBottom: 12 }}>🚀</div>\n          <h1 style={{ margin: 0, fontSize: 34 }}>{displayTitle}</h1>\n          <p style={{ marginTop: 12, opacity: 0.9 }}>{displayDescription}</p>\n        </div>\n\n        <div style={{ display: 'grid', gap: 16 }}>\n          <section style={cardStyle}>\n            <h2 style={{ marginTop: 0 }}>💻 {$t('defaultApp.quickStart.title')}</h2>\n            <p>{$t('defaultApp.quickStart.description')}</p>\n            <pre\n              style={{\n                margin: 0,\n                background: '#f4f6f8',\n                borderRadius: 8,\n                padding: 12,\n                overflowX: 'auto',\n              }}\n            >\n              {$t('defaultApp.quickStart.code')}\n            </pre>\n          </section>\n\n          <section style={cardStyle}>\n            <h2 style={{ marginTop: 0 }}>📚 {$t('defaultApp.nextSteps.title')}</h2>\n            <ul style={{ paddingLeft: 20, marginBottom: 0 }}>\n              <li>{$t('defaultApp.nextSteps.step1')}</li>\n              <li>{$t('defaultApp.nextSteps.step2')}</li>\n              <li>{$t('defaultApp.nextSteps.step3')}</li>\n            </ul>\n          </section>\n        </div>\n\n        <p style={{ textAlign: 'center', color: 'rgba(255,255,255,0.88)', marginTop: 18 }}>\n          {$t('defaultApp.footer')}\n        </p>\n      </div>\n    </div>\n  );\n});\n\nDefaultApp.displayName = 'DefaultApp';\n\nexport { DefaultApp };\n"],"names":["DefaultApp","cardStyle","background","borderRadius","boxShadow","padding","memo","title","description","displayTitle","$t","displayDescription","div","style","minHeight","display","alignItems","justifyContent","maxWidth","width","textAlign","marginBottom","color","fontSize","lineHeight","h1","margin","p","marginTop","opacity","gap","section","h2","pre","overflowX","ul","paddingLeft","li","displayName"],"mappings":"AAAA;;;CAGC;;;;+BA4EQA;;;eAAAA;;;;uBA1EY;yBACF;AAOnB,MAAMC,YAAiC;IACrCC,YAAY;IACZC,cAAc;IACdC,WAAW;IACXC,SAAS;AACX;AAEA,MAAML,2BAAaM,IAAAA,WAAI,EAAkB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAAE;IAC9D,MAAMC,eAAeF,SAASG,IAAAA,WAAE,EAAC;IACjC,MAAMC,qBAAqBH,eAAeE,IAAAA,WAAE,EAAC;IAE7C,qBACE,qBAACE;QACCC,OAAO;YACLC,WAAW;YACXC,SAAS;YACTC,YAAY;YACZC,gBAAgB;YAChBZ,SAAS;YACTH,YAAY;QACd;kBAEA,cAAA,sBAACU;YAAIC,OAAO;gBAAEK,UAAU;gBAAKC,OAAO;YAAO;;8BACzC,sBAACP;oBAAIC,OAAO;wBAAEO,WAAW;wBAAUC,cAAc;wBAAIC,OAAO;oBAAO;;sCACjE,qBAACV;4BAAIC,OAAO;gCAAEU,UAAU;gCAAIC,YAAY;gCAAQH,cAAc;4BAAG;sCAAG;;sCACpE,qBAACI;4BAAGZ,OAAO;gCAAEa,QAAQ;gCAAGH,UAAU;4BAAG;sCAAId;;sCACzC,qBAACkB;4BAAEd,OAAO;gCAAEe,WAAW;gCAAIC,SAAS;4BAAI;sCAAIlB;;;;8BAG9C,sBAACC;oBAAIC,OAAO;wBAAEE,SAAS;wBAAQe,KAAK;oBAAG;;sCACrC,sBAACC;4BAAQlB,OAAOZ;;8CACd,sBAAC+B;oCAAGnB,OAAO;wCAAEe,WAAW;oCAAE;;wCAAG;wCAAIlB,IAAAA,WAAE,EAAC;;;8CACpC,qBAACiB;8CAAGjB,IAAAA,WAAE,EAAC;;8CACP,qBAACuB;oCACCpB,OAAO;wCACLa,QAAQ;wCACRxB,YAAY;wCACZC,cAAc;wCACdE,SAAS;wCACT6B,WAAW;oCACb;8CAECxB,IAAAA,WAAE,EAAC;;;;sCAIR,sBAACqB;4BAAQlB,OAAOZ;;8CACd,sBAAC+B;oCAAGnB,OAAO;wCAAEe,WAAW;oCAAE;;wCAAG;wCAAIlB,IAAAA,WAAE,EAAC;;;8CACpC,sBAACyB;oCAAGtB,OAAO;wCAAEuB,aAAa;wCAAIf,cAAc;oCAAE;;sDAC5C,qBAACgB;sDAAI3B,IAAAA,WAAE,EAAC;;sDACR,qBAAC2B;sDAAI3B,IAAAA,WAAE,EAAC;;sDACR,qBAAC2B;sDAAI3B,IAAAA,WAAE,EAAC;;;;;;;;8BAKd,qBAACiB;oBAAEd,OAAO;wBAAEO,WAAW;wBAAUE,OAAO;wBAA0BM,WAAW;oBAAG;8BAC7ElB,IAAAA,WAAE,EAAC;;;;;AAKd;AAEAV,WAAWsC,WAAW,GAAG"}