@vlian/framework 1.2.57 → 1.2.60

package/dist/components/ThemeSwitch.js

@@ -1,102 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { useTheme } from "../core";
-import { readPersistedValue, writePersistedValue } from "./persistence";
-const DEFAULT_THEME_STORAGE_KEY = 'vlian:theme-mode';
-const DEFAULT_MODES = [
-    'light',
-    'dark',
-    'system'
-];
-const DEFAULT_PERSISTENCE = {
-    enabled: true
-};
-const DEFAULT_LABELS = {
-    light: '浅色',
-    dark: '深色',
-    system: '跟随系统'
-};
-function isThemeMode(value) {
-    return value === 'light' || value === 'dark' || value === 'system';
-}
-export const ThemeSwitch = ({ modes = DEFAULT_MODES, labels = DEFAULT_LABELS, persistence, className, style, onChange, render })=>{
-    const { theme, setTheme } = useTheme();
-    const persistenceOptions = persistence || DEFAULT_PERSISTENCE;
-    const hydratedRef = React.useRef(false);
-    const lastWrittenModeRef = React.useRef(undefined);
-    const mergedLabels = React.useMemo(()=>({
-            ...DEFAULT_LABELS,
-            ...labels
-        }), [
-        labels
-    ]);
-    React.useEffect(()=>{
-        if (hydratedRef.current) {
-            return;
-        }
-        hydratedRef.current = true;
-        const persistedMode = readPersistedValue(persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
-        if (!persistedMode || !isThemeMode(persistedMode) || !modes.includes(persistedMode)) {
-            return;
-        }
-        if (persistedMode !== theme.mode) {
-            setTheme((prev)=>({
-                    ...prev,
-                    mode: persistedMode
-                }));
-        }
-    }, [
-        modes,
-        persistenceOptions,
-        setTheme,
-        theme.mode
-    ]);
-    React.useEffect(()=>{
-        const mode = theme.mode;
-        if (!mode || lastWrittenModeRef.current === mode) {
-            return;
-        }
-        writePersistedValue(mode, persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
-        lastWrittenModeRef.current = mode;
-    }, [
-        persistenceOptions,
-        theme.mode
-    ]);
-    const currentMode = theme.mode || 'light';
-    const setMode = React.useCallback((mode)=>{
-        if (mode === currentMode) {
-            return;
-        }
-        setTheme((prev)=>({
-                ...prev,
-                mode
-            }));
-        onChange?.(mode);
-    }, [
-        currentMode,
-        onChange,
-        setTheme
-    ]);
-    if (render) {
-        return render({
-            mode: currentMode,
-            setMode,
-            modes,
-            labels: mergedLabels
-        });
-    }
-    return /*#__PURE__*/ _jsx("div", {
-        className: className,
-        style: style,
-        role: "group",
-        "aria-label": "Theme Switch",
-        children: modes.map((mode)=>/*#__PURE__*/ _jsx("button", {
-                type: "button",
-                onClick: ()=>setMode(mode),
-                "aria-pressed": currentMode === mode,
-                children: mergedLabels[mode]
-            }, mode))
-    });
-};
-
-//# sourceMappingURL=ThemeSwitch.js.map
+import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import{useTheme}from"../core";import{readPersistedValue,writePersistedValue}from"./persistence";const DEFAULT_THEME_STORAGE_KEY="vlian:theme-mode";const DEFAULT_MODES=["light","dark","system"];const DEFAULT_PERSISTENCE={enabled:true};const DEFAULT_LABELS={light:"浅色",dark:"深色",system:"跟随系统"};function isThemeMode(value){return value==="light"||value==="dark"||value==="system"}export const ThemeSwitch=({modes=DEFAULT_MODES,labels=DEFAULT_LABELS,persistence,className,style,onChange,render})=>{const{theme,setTheme}=useTheme();const persistenceOptions=persistence||DEFAULT_PERSISTENCE;const hydratedRef=React.useRef(false);const lastWrittenModeRef=React.useRef(undefined);const mergedLabels=React.useMemo(()=>({...DEFAULT_LABELS,...labels}),[labels]);React.useEffect(()=>{if(hydratedRef.current){return}hydratedRef.current=true;const persistedMode=readPersistedValue(persistenceOptions,DEFAULT_THEME_STORAGE_KEY);if(!persistedMode||!isThemeMode(persistedMode)||!modes.includes(persistedMode)){return}if(persistedMode!==theme.mode){setTheme(prev=>({...prev,mode:persistedMode}))}},[modes,persistenceOptions,setTheme,theme.mode]);React.useEffect(()=>{const mode=theme.mode;if(!mode||lastWrittenModeRef.current===mode){return}writePersistedValue(mode,persistenceOptions,DEFAULT_THEME_STORAGE_KEY);lastWrittenModeRef.current=mode},[persistenceOptions,theme.mode]);const currentMode=theme.mode||"light";const setMode=React.useCallback(mode=>{if(mode===currentMode){return}setTheme(prev=>({...prev,mode}));onChange?.(mode)},[currentMode,onChange,setTheme]);if(render){return render({mode:currentMode,setMode,modes,labels:mergedLabels})}return _jsx("div",{className:className,style:style,role:"group","aria-label":"Theme Switch",children:modes.map(mode=>_jsx("button",{type:"button",onClick:()=>setMode(mode),"aria-pressed":currentMode===mode,children:mergedLabels[mode]},mode))})};

package/dist/components/index.cjs

@@ -1,22 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get LocaleSwitch () {
-        return _LocaleSwitch.LocaleSwitch;
-    },
-    get ThemeSwitch () {
-        return _ThemeSwitch.ThemeSwitch;
-    }
-});
-const _ThemeSwitch = require("./ThemeSwitch");
-const _LocaleSwitch = require("./LocaleSwitch");
-
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get LocaleSwitch(){return _LocaleSwitch.LocaleSwitch},get ThemeSwitch(){return _ThemeSwitch.ThemeSwitch}});const _ThemeSwitch=require("./ThemeSwitch");const _LocaleSwitch=require("./LocaleSwitch");

package/dist/components/index.js

@@ -1,4 +1 @@
-export { ThemeSwitch } from "./ThemeSwitch";
-export { LocaleSwitch } from "./LocaleSwitch";
-
-//# sourceMappingURL=index.js.map
+export{ThemeSwitch}from"./ThemeSwitch";export{LocaleSwitch}from"./LocaleSwitch";

package/dist/components/persistence.cjs

@@ -1,60 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get readPersistedValue () {
-        return readPersistedValue;
-    },
-    get resolveStorage () {
-        return resolveStorage;
-    },
-    get writePersistedValue () {
-        return writePersistedValue;
-    }
-});
-function resolveStorage(storage) {
-    if (storage) {
-        return storage;
-    }
-    if (typeof window === 'undefined' || !window.localStorage) {
-        return null;
-    }
-    return window.localStorage;
-}
-function readPersistedValue(options, defaultKey) {
-    if (options.enabled === false) {
-        return null;
-    }
-    const targetStorage = resolveStorage(options.storage);
-    if (!targetStorage) {
-        return null;
-    }
-    try {
-        return targetStorage.getItem(options.key || defaultKey);
-    } catch  {
-        return null;
-    }
-}
-function writePersistedValue(value, options, defaultKey) {
-    if (options.enabled === false || !value) {
-        return;
-    }
-    const targetStorage = resolveStorage(options.storage);
-    if (!targetStorage) {
-        return;
-    }
-    try {
-        targetStorage.setItem(options.key || defaultKey, value);
-    } catch  {
-    // Ignore storage write failures (private mode / quota / disabled storage).
-    }
-}
-
-//# sourceMappingURL=persistence.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get readPersistedValue(){return readPersistedValue},get resolveStorage(){return resolveStorage},get writePersistedValue(){return writePersistedValue}});function resolveStorage(storage){if(storage){return storage}if(typeof window==="undefined"||!window.localStorage){return null}return window.localStorage}function readPersistedValue(options,defaultKey){if(options.enabled===false){return null}const targetStorage=resolveStorage(options.storage);if(!targetStorage){return null}try{return targetStorage.getItem(options.key||defaultKey)}catch{return null}}function writePersistedValue(value,options,defaultKey){if(options.enabled===false||!value){return}const targetStorage=resolveStorage(options.storage);if(!targetStorage){return}try{targetStorage.setItem(options.key||defaultKey,value)}catch{}}

package/dist/components/persistence.js

@@ -1,39 +1 @@
-export function resolveStorage(storage) {
-    if (storage) {
-        return storage;
-    }
-    if (typeof window === 'undefined' || !window.localStorage) {
-        return null;
-    }
-    return window.localStorage;
-}
-export function readPersistedValue(options, defaultKey) {
-    if (options.enabled === false) {
-        return null;
-    }
-    const targetStorage = resolveStorage(options.storage);
-    if (!targetStorage) {
-        return null;
-    }
-    try {
-        return targetStorage.getItem(options.key || defaultKey);
-    } catch  {
-        return null;
-    }
-}
-export function writePersistedValue(value, options, defaultKey) {
-    if (options.enabled === false || !value) {
-        return;
-    }
-    const targetStorage = resolveStorage(options.storage);
-    if (!targetStorage) {
-        return;
-    }
-    try {
-        targetStorage.setItem(options.key || defaultKey, value);
-    } catch  {
-    // Ignore storage write failures (private mode / quota / disabled storage).
-    }
-}
-
-//# sourceMappingURL=persistence.js.map
+export function resolveStorage(storage){if(storage){return storage}if(typeof window==="undefined"||!window.localStorage){return null}return window.localStorage}export function readPersistedValue(options,defaultKey){if(options.enabled===false){return null}const targetStorage=resolveStorage(options.storage);if(!targetStorage){return null}try{return targetStorage.getItem(options.key||defaultKey)}catch{return null}}export function writePersistedValue(value,options,defaultKey){if(options.enabled===false||!value){return}const targetStorage=resolveStorage(options.storage);if(!targetStorage){return}try{targetStorage.setItem(options.key||defaultKey,value)}catch{}}

package/dist/core/Test.cjs

@@ -1,66 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _logger = require("@vlian/logger");
-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 App = ({ onComplete })=>{
-    (0, _react.useEffect)(()=>{
-        _logger.logger.info('App mounted');
-        onComplete();
-    }, []);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        children: "App"
-    });
-};
-const _default = App;
-
-//# sourceMappingURL=Test.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _logger=require("@vlian/logger");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 App=({onComplete})=>{(0,_react.useEffect)(()=>{_logger.logger.info("App mounted");onComplete()},[]);return(0,_jsxruntime.jsx)("div",{children:"App"})};const _default=App;

package/dist/core/Test.js

@@ -1,15 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect } from "react";
-import { logger } from "@vlian/logger";
-const App = ({ onComplete })=>{
-    useEffect(()=>{
-        logger.info('App mounted');
-        onComplete();
-    }, []);
-    return /*#__PURE__*/ _jsx("div", {
-        children: "App"
-    });
-};
-export default App;
-
-//# sourceMappingURL=Test.js.map
+import{jsx as _jsx}from"react/jsx-runtime";import React,{useEffect}from"react";import{logger}from"@vlian/logger";const App=({onComplete})=>{useEffect(()=>{logger.info("App mounted");onComplete()},[]);return _jsx("div",{children:"App"})};export default App;