@gx-design-vue/pro-layout 0.1.0-beta.147 → 0.1.0-beta.149

package/dist/Context.d.ts

@@ -11,7 +11,6 @@ export interface ProLayoutContextProps {
     tabsComRef: Ref<TabsComExpose | undefined>;
     breadcrumb: ComputedRef<BreadcrumbListReturn>;
     layoutStyle: Ref<BasicLayoutProps['layoutStyle']>;
-    dark: Ref<boolean>;
     collapsed: Ref<boolean>;
     collapsedWidth: Ref<number>;
     openKeys: Ref<ProLayoutMenuFunProps['openKeys']>;
@@ -29,7 +28,6 @@ export interface ProLayoutContextProps {
     pageHeaderRender: ComputedRef<PageContainerPropsType['pageHeaderRender']>;
     menuProps: ComputedRef<MenuPropsContext>;
     layoutProps: ComputedRef<LayoutContext>;
-    onDarkChange: BasicLayoutProps['onDarkChange'];
 }
 declare const provideProLayoutContext: (value: ProLayoutContextProps) => void, useProLayoutContext: (injectDefaultValue?: ProLayoutContextProps | undefined) => ProLayoutContextProps;
 export { provideProLayoutContext, useProLayoutContext };

package/dist/ProLayout.d.ts

@@ -1,5 +1,6 @@
 import type { CustomRender } from '@gx-design-vue/pro-utils';
 import type { CSSProperties, SlotsType } from 'vue';
+import type { ThemeValue } from './components/ThemeContext';
 import type { BreadcrumbProps, ProRoute } from './types/Breadcrumb';
 import type { AppRouteModule } from './types/RouteTypings';
 import type { LogoRenderProps } from './types/SlotsTypings';
@@ -197,12 +198,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types/SlotsTypings").MenuHeaderRender>;
         default: () => undefined;
     };
-    dark: {
-        type: import("vue").PropType<boolean | "system">;
-        default: undefined;
+    theme: {
+        type: import("vue").PropType<ThemeValue>;
     };
-    onDarkChange: import("vue").PropType<(value?: boolean | "system") => void>;
-    'onUpdate:dark': import("vue").PropType<(value?: boolean | "system") => void>;
+    onThemeChange: import("vue").PropType<(value?: ThemeValue) => void>;
+    'onUpdate:theme': import("vue").PropType<(value?: ThemeValue) => void>;
     id: import("vue").PropType<string>;
     class: import("vue").PropType<string>;
     style: {
@@ -220,8 +220,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     logoClick: () => true;
     tabsChange: (tabs: AppRouteModule[]) => boolean;
     'update:tabs': (tabs: AppRouteModule[]) => boolean;
-    darkChange: (_value: BasicLayoutProps["dark"]) => true;
-    'update:dark': (_value: BasicLayoutProps["dark"]) => true;
+    themeChange: (_value: BasicLayoutProps["theme"]) => true;
+    'update:theme': (_value: BasicLayoutProps["theme"]) => true;
     contentFullScreenChange: (_value: boolean) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     settings: {
@@ -416,12 +416,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types/SlotsTypings").MenuHeaderRender>;
         default: () => undefined;
     };
-    dark: {
-        type: import("vue").PropType<boolean | "system">;
-        default: undefined;
+    theme: {
+        type: import("vue").PropType<ThemeValue>;
     };
-    onDarkChange: import("vue").PropType<(value?: boolean | "system") => void>;
-    'onUpdate:dark': import("vue").PropType<(value?: boolean | "system") => void>;
+    onThemeChange: import("vue").PropType<(value?: ThemeValue) => void>;
+    'onUpdate:theme': import("vue").PropType<(value?: ThemeValue) => void>;
     id: import("vue").PropType<string>;
     class: import("vue").PropType<string>;
     style: {
@@ -439,11 +438,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onLogoClick?: (() => any) | undefined;
     onTabsChange?: ((tabs: AppRouteModule[]) => any) | undefined;
     "onUpdate:tabs"?: ((tabs: AppRouteModule[]) => any) | undefined;
-    onDarkChange?: ((_value: boolean | "system" | undefined) => any) | undefined;
-    "onUpdate:dark"?: ((_value: boolean | "system" | undefined) => any) | undefined;
+    onThemeChange?: ((_value: ThemeValue | undefined) => any) | undefined;
+    "onUpdate:theme"?: ((_value: ThemeValue | undefined) => any) | undefined;
     onContentFullScreenChange?: ((_value: boolean) => any) | undefined;
 }>, {
-    dark: boolean | "system";
     logo: CustomRender;
     logoStyle: CSSProperties | undefined;
     logoRender: import("./types/SlotsTypings").LogoRender | undefined;

package/dist/components/BaseMenu/index.d.ts

@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["selectedKeys"]>;
         default: () => never[];
     };
-    theme: {
-        type: import("vue").PropType<import("../../config").ProLayoutConfig["theme"]>;
+    menuTheme: {
+        type: import("vue").PropType<import("../../config").ProLayoutConfig["menuTheme"]>;
         default: import("../../config").BaseMenuTheme;
     };
     iconfontUrl: {
@@ -88,8 +88,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("../../types/MenuTypings").ProLayoutMenuFunProps["selectedKeys"]>;
         default: () => never[];
     };
-    theme: {
-        type: import("vue").PropType<import("../../config").ProLayoutConfig["theme"]>;
+    menuTheme: {
+        type: import("vue").PropType<import("../../config").ProLayoutConfig["menuTheme"]>;
         default: import("../../config").BaseMenuTheme;
     };
     iconfontUrl: {
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string | undefined;
     };
 }>> & Readonly<{}>, {
-    theme: import("../../config").BaseMenuTheme;
+    menuTheme: import("../../config").BaseMenuTheme;
     iconfontUrl: string | undefined;
     openKeys: string[];
     selectedKeys: string[];

package/dist/components/BaseMenu/props.d.ts

@@ -63,8 +63,8 @@ export declare const baseMenuProps: {
         type: PropType<ProLayoutMenuFunProps["selectedKeys"]>;
         default: () => never[];
     };
-    theme: {
-        type: PropType<import("../..").ProLayoutConfig["theme"]>;
+    menuTheme: {
+        type: PropType<import("../..").ProLayoutConfig["menuTheme"]>;
         default: import("../..").BaseMenuTheme;
     };
     iconfontUrl: {

package/dist/components/ThemeContext/index.d.ts

@@ -0,0 +1,47 @@
+import type { ComputedRef, PropType, Ref, SlotsType } from 'vue';
+export type BaseTheme = 'light' | 'dark';
+export type ThemeValue = 'light' | 'dark' | 'system';
+export interface ThemeProviderContext {
+    theme: Ref<ThemeValue>;
+    resolvedTheme: Ref<BaseTheme>;
+    dark: ComputedRef<boolean>;
+    setTheme: (theme: ThemeValue) => void;
+}
+export declare const createThemeContext: (value: ThemeProviderContext) => void, useThemeContext: (injectDefaultValue?: ThemeProviderContext | undefined) => ThemeProviderContext;
+declare const ThemeProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<ThemeValue>;
+    };
+    defaultTheme: {
+        type: PropType<ThemeValue>;
+        default: string;
+    };
+    onChange: {
+        type: PropType<(theme: ThemeValue) => void>;
+    };
+    onChangeBase: {
+        type: PropType<(theme: BaseTheme) => void>;
+    };
+}>, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "changeBase")[], "change" | "changeBase", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<ThemeValue>;
+    };
+    defaultTheme: {
+        type: PropType<ThemeValue>;
+        default: string;
+    };
+    onChange: {
+        type: PropType<(theme: ThemeValue) => void>;
+    };
+    onChangeBase: {
+        type: PropType<(theme: BaseTheme) => void>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onChangeBase?: ((...args: any[]) => any) | undefined;
+}>, {
+    defaultTheme: ThemeValue;
+}, SlotsType<{
+    default(): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default ThemeProvider;

package/dist/components/ThemeContext/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeValue } from './index';
+export declare function toggleAnimateTheme(event: MouseEvent | null, dark: boolean, value: ThemeValue, toggle: (theme: ThemeValue) => void): void;

package/dist/config/index.d.ts

@@ -5,7 +5,7 @@ export type ProLayoutTheme = BaseMenuTheme | 'systemDark';
 export interface ProLayoutConfig {
     primaryColor: string;
     title: string;
-    theme: BaseMenuTheme;
+    menuTheme: BaseMenuTheme;
     layout: ProLayoutType;
     splitMenus: boolean;
     fixedHeader: boolean;

package/dist/index.d.ts

@@ -1,12 +1,13 @@
 import type { MenuMode } from './_utils';
 import type { PageContainerProps } from './components/PageContainer';
+import type { BaseTheme, ThemeValue } from './components/ThemeContext';
 import { LazyIcon } from './components/BaseMenu';
 import PageContainer from './components/PageContainer';
 import SiderMenuWrapper from './components/SiderMenu';
+import ThemeContext, { createThemeContext, useThemeContext } from './components/ThemeContext';
+import { toggleAnimateTheme } from './components/ThemeContext/utils';
 import { useProLayoutMenuContext } from './hooks/menu/context';
-import useDarkTheme, { hasDarkValue, toggleLayoutTheme } from './hooks/theme';
 import GProLayout from './ProLayout';
-import { darkThemeProps } from './props/darkTheme';
 export * from './Context';
 export { default as GBaseMenu } from './components/BaseMenu';
 export { default as GProAppPage } from './components/AppPage';
@@ -20,9 +21,9 @@ export * from './config';
 export * from './config/animate';
 export * from './types/typings';
 export * from './types/RouteTypings';
-export { darkThemeProps, GProLayout, hasDarkValue, LazyIcon, PageContainer, SiderMenuWrapper, toggleLayoutTheme, useDarkTheme, useProLayoutMenuContext };
+export { createThemeContext, GProLayout, LazyIcon, PageContainer, SiderMenuWrapper, ThemeContext, toggleAnimateTheme, useProLayoutMenuContext, useThemeContext };
 export type { ProSettingsProps } from './props/defaultSettings';
 export type { GlobalFooterProps } from './components/GlobalFooter';
 export type { TabsRouteProps } from './components/TabsRoute';
 export type { OpenEventHandler, SelectInfo } from './components/SiderMenu/typings';
-export type { MenuMode, PageContainerProps };
+export type { BaseTheme, MenuMode, PageContainerProps, ThemeValue };