@admin-layout/tailwind-design-pro 10.0.6-alpha.9 → 10.0.9-alpha.13

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -0,0 +1,281 @@
+import {jsxs,jsx}from'react/jsx-runtime';const navigationModes = [{
+  key: 'sidebar',
+  title: 'Sidebar',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "4",
+      y: "0",
+      width: "16",
+      height: "50",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "6",
+      y: "8",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "6",
+      y: "16",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "6",
+      y: "24",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}, {
+  key: 'topbar',
+  title: 'Top Bar',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "8",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "24",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "40",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}, {
+  key: 'mixed',
+  title: 'Mixed',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "24",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "40",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "4",
+      y: "14",
+      width: "16",
+      height: "36",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "6",
+      y: "20",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "6",
+      y: "28",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}];
+const menuTypes = [{
+  key: 'classic',
+  title: 'Classic',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "18",
+      height: "50",
+      fill: "#001529"
+    }), jsx("rect", {
+      x: "4",
+      y: "15",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    }), jsx("rect", {
+      x: "4",
+      y: "25",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    })]
+  })
+}, {
+  key: 'grouping',
+  title: 'Grouping',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#001529"
+    }), jsx("rect", {
+      x: "8",
+      y: "6",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    }), jsx("rect", {
+      x: "24",
+      y: "6",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    })]
+  })
+}];
+function NavigationModes({
+  changeSetting,
+  settings
+}) {
+  return jsxs("div", {
+    className: "space-y-8",
+    children: [jsxs("section", {
+      children: [jsx("h3", {
+        className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
+        children: "Navigation Mode"
+      }), jsx("div", {
+        className: "flex flex-row gap-4",
+        children: navigationModes.map((mode, index) => jsx("div", {
+          className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
+          onClick: () => changeSetting('layout', {
+            ...settings.layout,
+            navigationMode: mode.key
+          }),
+          children: jsxs("div", {
+            className: "relative",
+            children: [mode.svg, settings?.layout?.navigationMode === mode.key && jsx("svg", {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: jsx("path", {
+                d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+              })
+            })]
+          })
+        }, `navMode_${index}`))
+      })]
+    }), jsxs("section", {
+      children: [jsx("h3", {
+        className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
+        children: "Menu Type"
+      }), jsx("div", {
+        className: "flex flex-row gap-4",
+        children: menuTypes.map((type, index) => jsx("div", {
+          className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
+          onClick: () => changeSetting('layout', {
+            ...settings.layout,
+            sideMenuType: type.key
+          }),
+          children: jsxs("div", {
+            className: "relative",
+            children: [type.svg, settings?.layout?.sideMenuType === type.key && jsx("svg", {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: jsx("path", {
+                d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+              })
+            })]
+          })
+        }, `menuType_${index}`))
+      })]
+    })]
+  });
+}export{NavigationModes as default};//# sourceMappingURL=NavigationsModes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,WAAkB;AACpB,MAAA,MACI,EAAK,GAAA;;;AAaoB,MAAA,OAAA,EAAA;;;;AAqDjC,MAAC,KAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4DrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAiDrE"}

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;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgNtD,CAAC"}