@admin-layout/tailwind-design-pro 10.0.6-alpha.30 → 10.0.6-alpha.31

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -7,88 +7,81 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
     t
   } = useTranslation('settings');
   const {
-    showHeader,
-    showFooter,
-    searchBarRender,
-    showMenu,
-    menuHeaderRender,
+    regions = {},
     navTheme
-  } = settings;
+  } = settings || {};
+  const handleRegionChange = (key, value) => {
+    if (!changeSetting) return;
+    changeSetting('regions', {
+      ...regions,
+      [key]: value
+    });
+  };
   return jsxs("div", {
     children: [jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
         style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
+          color: navTheme === 'dark' ? '#ffff' : 'black'
         },
         children: t('header')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        settings: settings,
-        value: showHeader || showHeader === undefined,
-        changeSetting: changeSetting,
-        settingKey: "showHeader"
+        value: regions.showHeader,
+        onChange: checked => handleRegionChange('showHeader', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
         style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
+          color: navTheme === 'dark' ? '#ffff' : 'black'
         },
         children: t('footer')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        settings: settings,
-        value: showFooter || showFooter === undefined,
-        changeSetting: changeSetting,
-        settingKey: "showFooter"
+        value: regions.showFooter,
+        onChange: checked => handleRegionChange('showFooter', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
         style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
+          color: navTheme === 'dark' ? '#ffff' : 'black'
         },
         children: t('search_bar')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        settings: settings,
-        value: searchBarRender || searchBarRender === undefined,
-        changeSetting: changeSetting,
-        settingKey: "searchBarRender"
+        value: regions.searchBarRender,
+        onChange: checked => handleRegionChange('searchBarRender', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
         style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
+          color: navTheme === 'dark' ? '#ffff' : 'black'
         },
         children: t('menu')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        settings: settings,
-        value: showMenu || showMenu === undefined,
-        changeSetting: changeSetting,
-        settingKey: "showMenu"
+        value: regions.showMenu,
+        onChange: checked => handleRegionChange('showMenu', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
         style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
+          color: navTheme === 'dark' ? '#ffff' : 'black'
         },
         children: t('menu_header')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        settings: settings,
-        value: menuHeaderRender || menuHeaderRender === undefined,
-        changeSetting: changeSetting,
-        settingKey: "menuHeaderRender"
+        value: regions.menuHeaderRender,
+        onChange: checked => handleRegionChange('menuHeaderRender', checked)
       })]
     })]
   });

package/lib/components/SettingDrawer/RegionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAUwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA;MACM,KAAA;AAEN,EAAA,MAAA;AAsDJ,IAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAKwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;AAEA,GAAA,GAAA;AACI,EAAA,MAAA;;oBAEa,CAAA,UAAU,CAAE;AACrB,EAAA,MAAA;cACC,EAAG;AACP,IAAA;AACL,GAAA,GAAE,QAAA,IAAA,EAAA;AAEF,EAAA,MAAA,kBACI,GAAA,CAAA,GAAA,EAAA,KACS,KAAA;AAiCjB,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/SettingDrawer.d.ts

@@ -1,27 +1,4 @@
 import * as React from 'react';
-import { ProSettings } from '../defaultSettings';
-export type MergerSettingsType<T> = Partial<T> & {
-    primaryColor?: string;
-    colorWeak?: boolean;
-};
-interface IShowSettingPanel extends ProSettings {
-    showSettingPanel: boolean;
-}
-export interface SettingDrawerProps {
-    settings?: MergerSettingsType<IShowSettingPanel>;
-    collapse?: boolean;
-    getContainer?: any;
-    publicPath?: string;
-    hideLoading?: boolean;
-    hideColors?: boolean;
-    hideHintAlert?: boolean;
-    prefixCls?: string;
-    hideCopyButton?: boolean;
-    navTheme?: string;
-    primaryColor?: string;
-    onCollapseChange?: (collapse: boolean) => void;
-    onSettingChange?: (settings: MergerSettingsType<ProSettings>) => void;
-}
+import { SettingDrawerProps } from './types';
 export declare const SettingDrawer: React.FC<SettingDrawerProps>;
-export {};
 //# sourceMappingURL=SettingDrawer.d.ts.map

package/lib/components/SettingDrawer/SettingDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAmB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOlE,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,UAAU,iBAAkB,SAAQ,WAAW;IAC3C,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACzE;AA6QD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiNtD,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0LtD,CAAC"}

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -1,4 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import*as rcUtil from'rc-util';import {parse}from'qs';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import {Switch}from'./Switch/index.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';let oldSetting = {};
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import {IoMdCopy}from'@react-icons/all-files/io/IoMdCopy.js';import {FaCheck}from'@react-icons/all-files/fa/FaCheck.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';let oldSetting = {};
 const updateTheme = (dark, color, publicPath = '/theme') => {
   // ssr
   if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
@@ -78,26 +78,6 @@ const initState = (settings, onSettingChange, publicPath) => {
     updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
   }
 };
-const getParamsFromUrl = settings => {
-  if (!isBrowser()) {
-    return defaultSettings;
-  }
-  // The first time I entered the browser parameters synchronized.
-  let params = {};
-  if (window.location.search) {
-    params = parse(window.location.search.replace('?', ''));
-  }
-  Object.keys(params).forEach(key => {
-    if (params[key] === 'true') {
-      params[key] = true;
-    }
-  });
-  return {
-    ...defaultSettings,
-    ...(settings || {}),
-    ...params
-  };
-};
 const getThemeList = settings => {
   const {
     t
@@ -204,63 +184,61 @@ const getThemeList = settings => {
     themeList
   };
 };
+const themeOptions = [{
+  key: 'default',
+  title: 'Default'
+}, {
+  key: 'github',
+  title: 'Github Theme'
+}, {
+  key: 'slack',
+  title: 'Slack Theme'
+}, {
+  key: 'airbnb',
+  title: 'Airbnb Theme'
+}, {
+  key: 'spotify',
+  title: 'Spotify Theme'
+}];
 const SettingDrawer = props => {
   let {
     navTheme,
     settings,
-    onSettingChange
+    onSettingChange,
+    actor
   } = props;
   const [show, setShow] = useState(false);
+  const [copied, setCopied] = useState(false);
   const {
     t
   } = useTranslation('settings');
+  const state = useSelector(actor, state => state);
   const btnRef = useRef();
-  const [settingState, setSettingState] = rcUtil.useMergedState(() => getParamsFromUrl(settings), {
-    value: settings,
-    onChange: onSettingChange
-  });
+  const settingState = state?.context;
   const themeList = getThemeList(settingState);
+  console.log('--STATE--', settingState);
   /**
    * Modify settings
    * @param key
    * @param value
    */
-  const changeSetting = (key, value) => {
-    const nextState = {
-      ...settingState
-    };
-    nextState[key] = value;
-    if (key === 'navTheme') {
-      updateTheme(value === 'realDark', undefined);
-      nextState.primaryColor = value;
-    }
-    if (key === 'primaryColor') {
-      updateTheme(nextState.navTheme === 'realDark', value === 'daybreak' ? '' : value);
-    }
-    if (key === 'layout') {
-      nextState.contentWidth = value === 'top' ? 'Fixed' : 'Fluid';
-    }
-    if (key === 'layout' && value !== 'mix') {
-      nextState.splitMenus = false;
-    }
-    if (key === 'layout' && value === 'mix') {
-      nextState.navTheme = 'light';
-    }
-    if (key === 'colorWeak' && value === true) {
-      const dom = document.querySelector('body');
-      if (dom) {
-        dom.dataset.prosettingdrawer = dom.style.filter;
-        dom.style.filter = 'invert(80%)';
-      }
-    }
-    if (key === 'colorWeak' && value === false) {
-      const dom = document.querySelector('body');
-      if (dom) {
-        dom.style.filter = dom.dataset.prosettingdrawer || 'none';
-        delete dom.dataset.prosettingdrawer;
+  const handleSettingChange = (key, value) => {
+    actor.send({
+      type: 'UPDATE',
+      value: {
+        [key]: value
       }
+    });
+  };
+  const handleCopySettings = async () => {
+    try {
+      const settings = JSON.stringify(settingState, null, 2);
+      await navigator.clipboard.writeText(settings);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy settings:', err);
     }
-    setSettingState(nextState);
   };
   useEffect(() => {
     // Only update if there's a meaningful difference
@@ -274,16 +252,16 @@ const SettingDrawer = props => {
         if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
           initState(settings, onSettingChange, props.publicPath);
         }
-        const nextState = {
+        ({
           ...settings,
           showSettingPanel: process.env.NODE_ENV !== 'production'
-        };
-        setSettingState(nextState);
+        });
+        // setSettingState(nextState);
       }
     }
   }, [settings]); // Only depend on settings
   return jsx(Fragment, {
-    children: settings?.showSettingPanel ? jsxs(Fragment, {
+    children: settings?.showSettingPanel && jsxs(Fragment, {
       children: [jsx("button", {
         ref: btnRef,
         onClick: () => setShow(!show),
@@ -293,7 +271,7 @@ const SettingDrawer = props => {
           alignItems: 'center',
           justifyContent: 'center'
         },
-        className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 bg-current w-12 h-12 rounded-l-lg hover:bg-current ${show ? 'mr-72' : 'mr-0'}`,
+        className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 w-12 h-12 rounded-l-lg hover:bg-opacity-80 ${show ? 'mr-72' : 'mr-0'}`,
         children: !show ? jsx(RiSettings5Fill, {
           fontSize: '32px',
           className: "text-white"
@@ -302,91 +280,98 @@ const SettingDrawer = props => {
           fontSize: '36px'
         })
       }), jsxs("div", {
-        className: `
-                            fixed right-0 top-0 bg-white w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full
-                            ${show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible'}
-                            ${settings?.navTheme === 'dark' ? 'bg-[#1f1f1f]' : 'bg-white'}
-                        `,
+        className: clsx('fixed right-0 top-0 w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full', 'bg-white dark:bg-[#1f1f1f]', show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible'),
         children: [jsxs("div", {
           className: "flex flex-row items-center",
           children: [jsx("p", {
-            className: `text-2xl mb-0 ${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
+            className: "text-2xl mb-0 text-black dark:text-white",
             children: t('setting')
           }), jsx("div", {
             className: "flex-grow"
           }), jsx("button", {
             onClick: () => setShow(false),
-            className: `bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:${settingState?.navTheme === 'dark' ? 'bg-[#2a2a2a]' : 'bg-gray-200'}`,
+            className: "bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:bg-gray-200 dark:hover:bg-[#2a2a2a]",
             children: jsx(MdClose, {
               fontSize: '36px'
             })
           })]
         }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
+          className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: [jsx("p", {
-            className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
+            className: "text-black dark:text-white",
             children: t('page_style_settings')
           }), jsx("div", {
             children: jsx(CheckBoxTheme, {
               list: themeList.themeList,
-              changeSetting: changeSetting,
+              changeSetting: handleSettingChange,
               settings: settingState
             })
           }), jsxs("div", {
             className: "mt-8",
             children: [jsx("p", {
-              className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
+              className: "text-black dark:text-white",
+              children: t('Select Theme')
+            }), jsx(ThemeSelector, {
+              value: settingState.theme || 'default',
+              onChange: value => handleSettingChange('theme', value),
+              options: themeOptions
+            })]
+          }), jsxs("div", {
+            className: "mt-8",
+            children: [jsx("p", {
+              className: "text-black dark:text-white",
               children: t('theme_color')
             }), jsx(ThemeColor, {
               color: themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
-              changeSetting: changeSetting,
+              changeSetting: handleSettingChange,
               settings: settingState
             })]
           })]
         }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
-          children: [jsx("div", {
-            children: jsx("p", {
-              className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-              children: t('navigation_mode')
-            })
+          className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
+          children: [jsx(NavigationModes, {
+            settings: settingState,
+            changeSetting: handleSettingChange
           }), jsx("div", {
             className: "mt-8",
             children: jsx(LayoutChange, {
               settings: settingState,
-              changeSetting: changeSetting
+              changeSetting: handleSettingChange
             })
           })]
         }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
+          className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: [jsx("p", {
-            className: `mb-2 ${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
+            className: "mb-2 text-black dark:text-white",
             children: t('regional_rettings')
           }), jsx(RegionalSettings, {
             settings: settingState,
-            changeSetting: changeSetting
+            changeSetting: handleSettingChange
           })]
         }), jsxs("div", {
-          className: "mt-8",
+          className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-200 dark:border-yellow-700 rounded-lg p-4 mt-4",
           children: [jsx("p", {
-            className: `${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-            children: t('other_setting')
-          }), jsxs("div", {
-            className: "flex flex-row items-center",
-            children: [jsx("p", {
-              className: `mb-0 ${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-              children: t('weak_mode')
-            }), jsx("div", {
-              className: "flex-grow"
-            }), jsx(Switch, {
-              value: settingState.colorWeak,
-              settingKey: "colorWeak",
-              settings: settingState,
-              changeSetting: changeSetting
-            })]
+            className: "text-sm text-yellow-700 dark:text-yellow-200",
+            children: "Setting panel shows in development environment only, please manually modify"
+          }), jsx("button", {
+            className: clsx('mt-2 inline-flex items-center gap-2 px-3 py-1.5 border rounded-md text-sm transition-colors', copied ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
+            onClick: handleCopySettings,
+            children: copied ? jsxs(Fragment, {
+              children: [jsx(FaCheck, {
+                className: "w-4 h-4"
+              }), jsx("span", {
+                children: "Copied!"
+              })]
+            }) : jsxs(Fragment, {
+              children: [jsx(IoMdCopy, {
+                className: "w-4 h-4"
+              }), jsx("span", {
+                children: "Copy Settings"
+              })]
+            })
           })]
         })]
       })]
-    }) : null
+    })
   });
 };export{SettingDrawer};//# sourceMappingURL=SettingDrawer.js.map

package/lib/components/SettingDrawer/SettingDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/lib/components/SettingDrawer/Switch/index.d.ts

@@ -1,9 +1,3 @@
-type ISwitchProps = {
-    value?: boolean;
-    changeSetting?: (key: string, value: any, hideLoading?: boolean) => void;
-    settingKey?: string;
-    settings: any;
-};
-export declare function Switch({ value, changeSetting, settingKey, settings }: ISwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { SwitchProps } from '../types';
+export declare function Switch({ value, onChange, className }: SwitchProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/SettingDrawer/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA2ClF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,wBAAgB,MAAM,CAAC,EAAE,KAAa,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,WAAW,2CAuB9E"}

package/lib/components/SettingDrawer/Switch/index.js

@@ -1,39 +1,22 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';function Switch({
-  value,
-  changeSetting,
-  settingKey,
-  settings
+import {jsxs,jsx}from'react/jsx-runtime';function Switch({
+  value = false,
+  onChange,
+  className = ''
 }) {
-  const [checked, setChecked] = useState(false);
-  useEffect(() => {
-    setChecked(value);
-  }, [value]);
-  const handleChecked = () => {
-    const regionalSetting = ['header', 'footer', 'searchBar', 'menu', 'menuHeader'];
-    regionalSetting.forEach(key => {
-      if (settingKey === `${key}Render`) {
-        setChecked(!checked);
-        changeSetting(settingKey, settings[`${key}Render`] == undefined ? false : undefined);
-      } else {
-        changeSetting(settingKey, !checked);
-        setChecked(value);
-      }
-    });
+  const handleClick = () => {
+    onChange?.(!value);
   };
-  return jsxs("div", {
-    className: "relative w-24",
-    children: [jsx("button", {
-      type: "button",
-      className: "opacity-0 absolute z-10 rounded-2xl w-10 h-6 cursor-pointer",
-      onClick: handleChecked
-    }), jsx("label", {
-      className: `absolute top-0 left-0 w-10 h-6 rounded-2xl cursor-pointer ${checked ? 'bg-current' : 'bg-gray-400'}`,
-      children: jsx("span", {
-        className: `block rounded-full w-4 h-4 bg-white shadow-md transition-all duration-200 ${checked ? 'ml-5 mt-1' : 'ml-1 mt-1'}`,
-        style: {
-          boxShadow: '1px 3px 3px 1px rgba(0, 0, 0, 0.2)'
-        }
-      })
+  return jsxs("button", {
+    type: "button",
+    role: "switch",
+    "aria-checked": value,
+    className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${value ? 'bg-indigo-600' : 'bg-gray-200'} ${className}`,
+    onClick: handleClick,
+    children: [jsx("span", {
+      className: "sr-only",
+      children: "Toggle switch"
+    }), jsx("span", {
+      className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${value ? 'translate-x-6' : 'translate-x-1'}`
     })]
   });
 }export{Switch};//# sourceMappingURL=index.js.map

package/lib/components/SettingDrawer/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gFAUM,SAAU,MAAM,CAAC;OACb;;YAGQ;AACd,EAAA;;AAGI,EAAA,MAAA,CAAA,OAAqB,EAAA,UAAA,CAAA,GAAG,QAAC,CAAQ,KAAE,CAAA;AACnC,EAAA,SAAA,CAAA,MAAA;AACI,IAAA,UAAA,CAAA;AACI,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;qBACa,GAAA,MAAC;yBACjB,GAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,YAAA,CAAA;mBAAO,CAAA,OAAA,CAAA,GAAA,IAAA;AACJ,MAAA,IAAA,UAAA,KAAA,CAAA,EAAA,GAAwB,CAAA,MAAA,CAAA,EAAA;kBACd,CAAA,CAAA,OAAC,CAAK;qBACnB,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA,IAAA,SAAA,GAAA,KAAA,GAAA,SAAA,CAAA;AACL,OAAA,MAAG;AACP,QAAE,aAAA,CAAA,UAAA,EAAA,CAAA,OAAA,CAAA;QAEK;AAiBa;;AAMxB,GAAC;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAGgB,SAAA,MAAM,CAAC;OACb,GAAA,KAAA;AACF,EAAA,QAAA;AACJ,EAAA,SAAE,GAAA;;AAoBN,EAAC,MAAA,WAAA,GAAA,MAAA;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/ThemeColor.d.ts

@@ -1,8 +1,3 @@
-type IThemeColorProps = {
-    color?: any[];
-    changeSetting?: (key: string, value: string | boolean | any) => void;
-    settings?: any;
-};
+import { IThemeColorProps } from './types';
 export default function ThemeColor(props: IThemeColorProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=ThemeColor.d.ts.map

package/lib/components/SettingDrawer/ThemeColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACpB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAmCzD"}
+{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAmCzD"}

package/lib/components/SettingDrawer/ThemeColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAQwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;AACN,IAAA,KAAA;AAGY,IAAA,aAAA;AAMY,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;AACN,IAAA,KAAA;AAGY,IAAA,aAAA;AAMY,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/ThemeSelector.d.ts

@@ -0,0 +1,3 @@
+import { ThemeSelectorProps } from './types';
+export declare function ThemeSelector({ value, onChange, options }: ThemeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeSelector.d.ts.map

package/lib/components/SettingDrawer/ThemeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAgB7E"}

package/lib/components/SettingDrawer/ThemeSelector.js

@@ -0,0 +1,18 @@
+import {jsx}from'react/jsx-runtime';function ThemeSelector({
+  value,
+  onChange,
+  options
+}) {
+  return jsx("div", {
+    className: "relative",
+    children: jsx("select", {
+      value: value,
+      onChange: e => onChange(e.target.value),
+      className: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200",
+      children: options.map(option => jsx("option", {
+        value: option.key,
+        children: option.title
+      }, option.key))
+    })
+  });
+}export{ThemeSelector};//# sourceMappingURL=ThemeSelector.js.map