@vlian/framework 1.2.57 → 1.2.60

package/dist/core/app/AppContext.js

@@ -1,339 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useState, useCallback, useMemo, useEffect } from "react";
-import { setLang } from "../../library";
-import { appConfig } from "../config/AppConfig";
-/**
- * 主题上下文
- */ const ThemeContext = /*#__PURE__*/ createContext(undefined);
-/**
- * 国际化上下文
- */ const LocaleContext = /*#__PURE__*/ createContext(undefined);
-/**
- * 配置上下文
- */ const ConfigContext = /*#__PURE__*/ createContext(undefined);
-/**
- * 状态管理器上下文
- */ const StateManagerContext = /*#__PURE__*/ createContext(undefined);
-/**
- * 主题 Provider 组件
- */ const ThemeProvider = /*#__PURE__*/ React.memo(({ children, initialTheme })=>{
-    const [theme, setThemeState] = useState(initialTheme || appConfig.getTheme());
-    const applyDocumentThemeClass = useCallback((mode)=>{
-        if (typeof window === 'undefined') {
-            return;
-        }
-        const html = document.documentElement;
-        html.classList.remove('light', 'dark');
-        const resolvedMode = mode === 'system' ? window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' : mode || 'light';
-        html.classList.add(resolvedMode);
-    }, []);
-    // 同步到单例
-    useEffect(()=>{
-        appConfig.setTheme(theme);
-    }, [
-        theme
-    ]);
-    // 同步到文档 class，确保首屏与刷新时也能正确反映主题
-    useEffect(()=>{
-        if (typeof window === 'undefined') {
-            return;
-        }
-        applyDocumentThemeClass(theme.mode);
-        if (theme.mode !== 'system') {
-            return;
-        }
-        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-        const onSystemThemeChange = ()=>applyDocumentThemeClass('system');
-        if (typeof mediaQuery.addEventListener === 'function') {
-            mediaQuery.addEventListener('change', onSystemThemeChange);
-            return ()=>mediaQuery.removeEventListener('change', onSystemThemeChange);
-        }
-        mediaQuery.addListener(onSystemThemeChange);
-        return ()=>mediaQuery.removeListener(onSystemThemeChange);
-    }, [
-        applyDocumentThemeClass,
-        theme.mode
-    ]);
-    // 更新主题
-    const setTheme = useCallback((newTheme)=>{
-        setThemeState((prev)=>{
-            return typeof newTheme === 'function' ? newTheme(prev) : newTheme;
-        });
-    }, []);
-    const value = useMemo(()=>({
-            theme,
-            setTheme
-        }), [
-        theme,
-        setTheme
-    ]);
-    return /*#__PURE__*/ _jsx(ThemeContext.Provider, {
-        value: value,
-        children: children
-    });
-});
-ThemeProvider.displayName = 'ThemeProvider';
-/**
- * 国际化 Provider 组件
- */ const LocaleProvider = /*#__PURE__*/ React.memo(({ children, initialLocale })=>{
-    const [locale, setLocaleState] = useState(initialLocale || appConfig.getLocale());
-    const [isChanging, setIsChanging] = useState(false);
-    // 同步到单例
-    useEffect(()=>{
-        appConfig.setLocale(locale);
-    }, [
-        locale
-    ]);
-    // 更新语言，添加加载状态
-    const setLocale = useCallback((newLocale)=>{
-        if (newLocale === locale) {
-            return;
-        }
-        setIsChanging(true);
-        setLocaleState(newLocale);
-        setLang(newLocale);
-        // 使用 requestAnimationFrame 确保状态更新在下一帧
-        requestAnimationFrame(()=>{
-            setIsChanging(false);
-        });
-    }, [
-        locale
-    ]);
-    const value = useMemo(()=>({
-            locale,
-            setLocale,
-            isChanging
-        }), [
-        locale,
-        setLocale,
-        isChanging
-    ]);
-    return /*#__PURE__*/ _jsx(LocaleContext.Provider, {
-        value: value,
-        children: children
-    });
-});
-LocaleProvider.displayName = 'LocaleProvider';
-/**
- * 配置 Provider 组件
- */ const AppConfigProvider = /*#__PURE__*/ React.memo(({ children, initialAntdConfig, initialInitializationContext })=>{
-    const [antdConfig, setAntdConfigState] = useState(initialAntdConfig || appConfig.getAntdConfig());
-    const [initializationContext, setInitializationContextState] = useState(initialInitializationContext || appConfig.getInitializationContext());
-    // 同步到单例
-    useEffect(()=>{
-        appConfig.setAntdConfig(antdConfig);
-    }, [
-        antdConfig
-    ]);
-    useEffect(()=>{
-        appConfig.setInitializationContext(initializationContext);
-    }, [
-        initializationContext
-    ]);
-    // 更新 Ant Design 配置
-    const setAntdConfig = useCallback((config)=>{
-        setAntdConfigState(config);
-    }, []);
-    // 更新初始化上下文
-    const setInitializationContext = useCallback((context)=>{
-        setInitializationContextState(context);
-    }, []);
-    const value = useMemo(()=>({
-            antdConfig,
-            initializationContext,
-            setAntdConfig,
-            setInitializationContext
-        }), [
-        antdConfig,
-        initializationContext,
-        setAntdConfig,
-        setInitializationContext
-    ]);
-    return /*#__PURE__*/ _jsx(ConfigContext.Provider, {
-        value: value,
-        children: children
-    });
-});
-AppConfigProvider.displayName = 'AppConfigProvider';
-/**
- * 应用上下文 Provider 组件
- * 
- * 组合所有 Provider，提供统一的全局上下文
- * 
- * @example
- * ```tsx
- * <AppContextProvider
- *   initialTheme={{ mode: 'light', primaryColor: '#1890ff' }}
- *   initialLocale="zh-CN"
- * >
- *   <App />
- * </AppContextProvider>
- * ```
- */ /**
- * 状态管理器 Provider 组件
- */ const StateManagerProvider = /*#__PURE__*/ React.memo(({ children, stateManager })=>{
-    const value = useMemo(()=>({
-            stateManager: stateManager ?? null
-        }), [
-        stateManager
-    ]);
-    return /*#__PURE__*/ _jsx(StateManagerContext.Provider, {
-        value: value,
-        children: children
-    });
-});
-StateManagerProvider.displayName = 'StateManagerProvider';
-export const AppContextProvider = ({ children, initialTheme, initialLocale, initialAntdConfig, initialInitializationContext, stateManager, antdApp: _antdApp, uiApp: _uiApp })=>{
-    // 初始化单例配置（仅执行一次）
-    const initializedRef = React.useRef(false);
-    React.useEffect(()=>{
-        if (!initializedRef.current) {
-            appConfig.initialize({
-                theme: initialTheme,
-                locale: initialLocale,
-                antdConfig: initialAntdConfig,
-                initializationContext: initialInitializationContext
-            });
-            initializedRef.current = true;
-        }
-    }, [
-        initialTheme,
-        initialLocale,
-        initialAntdConfig,
-        initialInitializationContext
-    ]);
-    return /*#__PURE__*/ _jsx(ThemeProvider, {
-        initialTheme: initialTheme,
-        children: /*#__PURE__*/ _jsx(LocaleProvider, {
-            initialLocale: initialLocale,
-            children: /*#__PURE__*/ _jsx(AppConfigProvider, {
-                initialAntdConfig: initialAntdConfig,
-                initialInitializationContext: initialInitializationContext,
-                children: /*#__PURE__*/ _jsx(StateManagerProvider, {
-                    stateManager: stateManager,
-                    children: children
-                })
-            })
-        })
-    });
-};
-/**
- * 使用主题上下文 Hook
- * 
- * @returns 主题上下文值
- * @throws 如果不在 ThemeProvider 内使用会抛出错误
- * 
- * @example
- * ```tsx
- * const { theme, setTheme } = useTheme();
- * 
- * // 切换主题
- * setTheme({ mode: 'dark' });
- * ```
- */ export const useTheme = ()=>{
-    const context = useContext(ThemeContext);
-    if (context === undefined) {
-        throw new Error('useTheme 必须在 AppContextProvider 内使用');
-    }
-    return context;
-};
-/**
- * 使用国际化上下文 Hook
- * 
- * @returns 国际化上下文值
- * @throws 如果不在 LocaleProvider 内使用会抛出错误
- * 
- * @example
- * ```tsx
- * const { locale, setLocale } = useLocale();
- * 
- * // 切换语言
- * setLocale('en-US');
- * ```
- */ export const useLocale = ()=>{
-    const context = useContext(LocaleContext);
-    if (context === undefined) {
-        throw new Error('useLocale 必须在 AppContextProvider 内使用');
-    }
-    return context;
-};
-/**
- * 使用配置上下文 Hook
- * 
- * @returns 配置上下文值
- * @throws 如果不在 ConfigProvider 内使用会抛出错误
- */ export const useConfig = ()=>{
-    const context = useContext(ConfigContext);
-    if (context === undefined) {
-        throw new Error('useConfig 必须在 AppContextProvider 内使用');
-    }
-    return context;
-};
-/**
- * 使用应用上下文 Hook（聚合所有上下文）
- * 
- * @returns 应用上下文值
- * @throws 如果不在 AppContextProvider 内使用会抛出错误
- * 
- * @example
- * ```tsx
- * const { theme, setTheme, locale, setLocale, antdConfig } = useAppContext();
- * 
- * // 切换主题
- * setTheme({ mode: 'dark' });
- * 
- * // 切换语言
- * setLocale('en-US');
- * ```
- */ /**
- * 使用状态管理器 Hook
- * 
- * @returns 状态管理器实例
- * @throws 如果不在 AppContextProvider 内使用会抛出错误
- * 
- * @example
- * ```tsx
- * const stateManager = useStateManager();
- * 
- * // 创建状态实例
- * const countState = stateManager?.createState(0);
- * ```
- */ export const useStateManager = ()=>{
-    const context = useContext(StateManagerContext);
-    if (context === undefined) {
-        throw new Error('useStateManager 必须在 AppContextProvider 内使用');
-    }
-    return context.stateManager;
-};
-export const useAppContext = ()=>{
-    const themeContext = useTheme();
-    const localeContext = useLocale();
-    const configContext = useConfig();
-    const stateManagerContext = useStateManager();
-    // 优化：使用更细粒度的依赖项，避免不必要的重新计算
-    // 只依赖实际变化的值，函数引用是稳定的
-    return useMemo(()=>({
-            theme: themeContext.theme,
-            locale: localeContext.locale,
-            antdConfig: configContext.antdConfig,
-            initializationContext: configContext.initializationContext,
-            stateManager: stateManagerContext,
-            setTheme: themeContext.setTheme,
-            setLocale: localeContext.setLocale,
-            setAntdConfig: configContext.setAntdConfig,
-            setInitializationContext: configContext.setInitializationContext
-        }), [
-        themeContext.theme,
-        localeContext.locale,
-        configContext.antdConfig,
-        configContext.initializationContext,
-        stateManagerContext,
-        // 函数引用是稳定的，不需要作为依赖
-        themeContext.setTheme,
-        localeContext.setLocale,
-        configContext.setAntdConfig,
-        configContext.setInitializationContext
-    ]);
-};
-
-//# sourceMappingURL=AppContext.js.map
+import{jsx as _jsx}from"react/jsx-runtime";import React,{createContext,useContext,useState,useCallback,useMemo,useEffect}from"react";import{setLang}from"../../library";import{appConfig}from"../config/AppConfig";const ThemeContext=createContext(undefined);const LocaleContext=createContext(undefined);const ConfigContext=createContext(undefined);const StateManagerContext=createContext(undefined);const ThemeProvider=React.memo(({children,initialTheme})=>{const[theme,setThemeState]=useState(initialTheme||appConfig.getTheme());const applyDocumentThemeClass=useCallback(mode=>{if(typeof window==="undefined"){return}const html=document.documentElement;html.classList.remove("light","dark");const resolvedMode=mode==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":mode||"light";html.classList.add(resolvedMode)},[]);useEffect(()=>{appConfig.setTheme(theme)},[theme]);useEffect(()=>{if(typeof window==="undefined"){return}applyDocumentThemeClass(theme.mode);if(theme.mode!=="system"){return}const mediaQuery=window.matchMedia("(prefers-color-scheme: dark)");const onSystemThemeChange=()=>applyDocumentThemeClass("system");if(typeof mediaQuery.addEventListener==="function"){mediaQuery.addEventListener("change",onSystemThemeChange);return()=>mediaQuery.removeEventListener("change",onSystemThemeChange)}mediaQuery.addListener(onSystemThemeChange);return()=>mediaQuery.removeListener(onSystemThemeChange)},[applyDocumentThemeClass,theme.mode]);const setTheme=useCallback(newTheme=>{setThemeState(prev=>{return typeof newTheme==="function"?newTheme(prev):newTheme})},[]);const value=useMemo(()=>({theme,setTheme}),[theme,setTheme]);return _jsx(ThemeContext.Provider,{value:value,children:children})});ThemeProvider.displayName="ThemeProvider";const LocaleProvider=React.memo(({children,initialLocale})=>{const[locale,setLocaleState]=useState(initialLocale||appConfig.getLocale());const[isChanging,setIsChanging]=useState(false);useEffect(()=>{appConfig.setLocale(locale)},[locale]);const setLocale=useCallback(newLocale=>{if(newLocale===locale){return}setIsChanging(true);setLocaleState(newLocale);setLang(newLocale);requestAnimationFrame(()=>{setIsChanging(false)})},[locale]);const value=useMemo(()=>({locale,setLocale,isChanging}),[locale,setLocale,isChanging]);return _jsx(LocaleContext.Provider,{value:value,children:children})});LocaleProvider.displayName="LocaleProvider";const AppConfigProvider=React.memo(({children,initialAntdConfig,initialInitializationContext})=>{const[antdConfig,setAntdConfigState]=useState(initialAntdConfig||appConfig.getAntdConfig());const[initializationContext,setInitializationContextState]=useState(initialInitializationContext||appConfig.getInitializationContext());useEffect(()=>{appConfig.setAntdConfig(antdConfig)},[antdConfig]);useEffect(()=>{appConfig.setInitializationContext(initializationContext)},[initializationContext]);const setAntdConfig=useCallback(config=>{setAntdConfigState(config)},[]);const setInitializationContext=useCallback(context=>{setInitializationContextState(context)},[]);const value=useMemo(()=>({antdConfig,initializationContext,setAntdConfig,setInitializationContext}),[antdConfig,initializationContext,setAntdConfig,setInitializationContext]);return _jsx(ConfigContext.Provider,{value:value,children:children})});AppConfigProvider.displayName="AppConfigProvider";const StateManagerProvider=React.memo(({children,stateManager})=>{const value=useMemo(()=>({stateManager:stateManager??null}),[stateManager]);return _jsx(StateManagerContext.Provider,{value:value,children:children})});StateManagerProvider.displayName="StateManagerProvider";export const AppContextProvider=({children,initialTheme,initialLocale,initialAntdConfig,initialInitializationContext,stateManager,antdApp:_antdApp,uiApp:_uiApp})=>{const initializedRef=React.useRef(false);React.useEffect(()=>{if(!initializedRef.current){appConfig.initialize({theme:initialTheme,locale:initialLocale,antdConfig:initialAntdConfig,initializationContext:initialInitializationContext});initializedRef.current=true}},[initialTheme,initialLocale,initialAntdConfig,initialInitializationContext]);return _jsx(ThemeProvider,{initialTheme:initialTheme,children:_jsx(LocaleProvider,{initialLocale:initialLocale,children:_jsx(AppConfigProvider,{initialAntdConfig:initialAntdConfig,initialInitializationContext:initialInitializationContext,children:_jsx(StateManagerProvider,{stateManager:stateManager,children:children})})})})};export const useTheme=()=>{const context=useContext(ThemeContext);if(context===undefined){throw new Error("useTheme 必须在 AppContextProvider 内使用")}return context};export const useLocale=()=>{const context=useContext(LocaleContext);if(context===undefined){throw new Error("useLocale 必须在 AppContextProvider 内使用")}return context};export const useConfig=()=>{const context=useContext(ConfigContext);if(context===undefined){throw new Error("useConfig 必须在 AppContextProvider 内使用")}return context};export const useStateManager=()=>{const context=useContext(StateManagerContext);if(context===undefined){throw new Error("useStateManager 必须在 AppContextProvider 内使用")}return context.stateManager};export const useAppContext=()=>{const themeContext=useTheme();const localeContext=useLocale();const configContext=useConfig();const stateManagerContext=useStateManager();return useMemo(()=>({theme:themeContext.theme,locale:localeContext.locale,antdConfig:configContext.antdConfig,initializationContext:configContext.initializationContext,stateManager:stateManagerContext,setTheme:themeContext.setTheme,setLocale:localeContext.setLocale,setAntdConfig:configContext.setAntdConfig,setInitializationContext:configContext.setInitializationContext}),[themeContext.theme,localeContext.locale,configContext.antdConfig,configContext.initializationContext,stateManagerContext,themeContext.setTheme,localeContext.setLocale,configContext.setAntdConfig,configContext.setInitializationContext])};

package/dist/core/app/AppContext.types.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-//# sourceMappingURL=AppContext.types.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});

package/dist/core/app/AppContext.types.js

@@ -1,5 +1 @@
-/**
- * 应用全局上下文值（聚合所有上下文）
- */ export { };
-
-//# sourceMappingURL=AppContext.types.js.map
+export{};

package/dist/core/app/BasicLayout.cjs

@@ -1,124 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "BasicLayout", {
-    enumerable: true,
-    get: function() {
-        return BasicLayout;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _AppContext = require("./AppContext");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-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;
-    _react.default.useEffect(()=>{
-        if (typeof window === 'undefined') {
-            return;
-        }
-        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
-    ]);
-    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';
-
-//# sourceMappingURL=BasicLayout.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BasicLayout",{enumerable:true,get:function(){return BasicLayout}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _AppContext=require("./AppContext");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}const BasicLayout=(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;_react.default.useEffect(()=>{if(typeof window==="undefined"){return}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]);const GlobalProvider=_react.default.useMemo(()=>globalProvider?_react.default.lazy(globalProvider):null,[globalProvider]);const renderedContent=_react.default.useMemo(()=>{if(!GlobalProvider){return children}return(0,_jsxruntime.jsx)(_react.default.Suspense,{fallback:null,children:(0,_jsxruntime.jsx)(GlobalProvider,{children:children})})},[GlobalProvider,children]);return(0,_jsxruntime.jsx)("div",{"data-theme-mode":resolvedMode,style:cssVars,children:renderedContent})});BasicLayout.displayName="BasicLayout";

package/dist/core/app/BasicLayout.js

@@ -1,74 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { memo } from "react";
-import { useAppContext } from "./AppContext";
-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;
-    React.useEffect(()=>{
-        if (typeof window === 'undefined') {
-            return;
-        }
-        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
-    ]);
-    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';
-export { BasicLayout };
-
-//# sourceMappingURL=BasicLayout.js.map
+import{jsx as _jsx}from"react/jsx-runtime";import React,{memo}from"react";import{useAppContext}from"./AppContext";const BasicLayout=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;React.useEffect(()=>{if(typeof window==="undefined"){return}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]);const GlobalProvider=React.useMemo(()=>globalProvider?React.lazy(globalProvider):null,[globalProvider]);const renderedContent=React.useMemo(()=>{if(!GlobalProvider){return children}return _jsx(React.Suspense,{fallback:null,children:_jsx(GlobalProvider,{children:children})})},[GlobalProvider,children]);return _jsx("div",{"data-theme-mode":resolvedMode,style:cssVars,children:renderedContent})});BasicLayout.displayName="BasicLayout";export{BasicLayout};