@gx-design-vue/pro-layout 0.1.0-alpha.7 → 0.1.0-alpha.8

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

@@ -3,6 +3,8 @@ import * as _$vue from "vue";
 import { CSSProperties, PropType, SlotsType } from "vue";
 import { CustomRender } from "@gx-design-vue/pro-utils";
 import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
+import { ConfigOptions } from "antdv-next/dist/message/interface";
+import { NotificationConfig } from "antdv-next/dist/notification/interface";
 
 //#region src/components/AppPage/index.d.ts
 /**
@@ -23,6 +25,8 @@ declare const ProAppPage: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: PropType<CustomRender>;
     default: any;
   };
+  message: PropType<ConfigOptions>;
+  notification: PropType<NotificationConfig>;
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   class: PropType<string>;
   style: PropType<CSSProperties>;
@@ -35,9 +39,11 @@ declare const ProAppPage: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: PropType<CustomRender>;
     default: any;
   };
+  message: PropType<ConfigOptions>;
+  notification: PropType<NotificationConfig>;
 }>> & Readonly<{}>, {
-  indicator: CustomRender;
   spinning: AppPageSpinning;
+  indicator: CustomRender;
 }, SlotsType<{
   default: () => any;
   indicator: () => any;

package/dist/components/AppPage/index.js

@@ -3,6 +3,7 @@ import style_default from "./style.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { useProConfigContext } from "@gx-design-vue/pro-provider";
 import { classNames, getSlotVNode } from "@gx-design-vue/pro-utils";
+import { App } from "antdv-next";
 import { useBaseConfig } from "antdv-next/config-provider/context";
 import useCSSVarCls from "antdv-next/config-provider/hooks/useCSSVarCls";
 import { GIcon } from "@gx-design-vue/icon";
@@ -43,7 +44,9 @@ const ProAppPage = /* @__PURE__ */ defineComponent({
 				String
 			],
 			default: void 0
-		}
+		},
+		message: Object,
+		notification: Object
 	},
 	slots: Object,
 	setup(props, { slots }) {
@@ -72,16 +75,18 @@ const ProAppPage = /* @__PURE__ */ defineComponent({
 			backgroundColor: props.spinning?.blur ? void 0 : "unset",
 			...props.spinning?.style || {}
 		}));
-		return () => createVNode("div", {
+		return () => createVNode(App, {
 			"class": rootClassNames.value,
-			"style": props.style
-		}, [createVNode(GScrollbar, {
+			"style": props.style,
+			"message": props.message,
+			"notification": props.notification
+		}, { default: () => [createVNode(GScrollbar, {
 			"barStyle": SCROLLBAR_BAR_STYLE,
 			"viewStyle": SCROLLBAR_VIEW_STYLE
 		}, { default: () => [slots.default?.()] }), loading.value && createVNode("div", {
 			"class": classNames(`${prefixCls.value}-blur`, hashId.value),
 			"style": maskStyle.value
-		}, [createVNode("div", { "class": `${prefixCls.value}-spin` }, [resolvedIndicator.value])])]);
+		}, [createVNode("div", { "class": `${prefixCls.value}-spin` }, [resolvedIndicator.value])])] });
 	}
 });
 //#endregion

package/dist/components/PageContainer/index.js

@@ -122,6 +122,7 @@ const ProPageContainer = /* @__PURE__ */ defineComponent((props, { slots, emit }
 		const cardClass = regionClass("card");
 		const cardNode = cardEnabled.value ? createVNode(Card, {
 			"class": cardClass,
+			"classes": { body: regionClass("card-body") },
 			"variant": cardConfig.value.variant ?? "borderless",
 			"styles": cardConfig.value.bodyStyle ? { body: cardConfig.value.bodyStyle } : void 0,
 			"style": props.proStyles?.card

package/dist/components/PageContainer/style.js

@@ -71,7 +71,11 @@ const genPageContentStyle = (token) => {
 			flex: 1,
 			minHeight: 0,
 			height: "100%",
-			overflow: "hidden"
+			overflow: "hidden",
+			[`${componentCls}-card`]: {
+				display: "flex",
+				flexDirection: "column"
+			}
 		},
 		"&-content": {
 			position: "relative",
@@ -93,7 +97,8 @@ const genPageContentStyle = (token) => {
 		},
 		"&-card": {
 			flex: "1 1 auto",
-			minHeight: 0
+			minHeight: 0,
+			overflow: "hidden"
 		},
 		"&-footer": {
 			flexShrink: 0,

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

@@ -49,8 +49,8 @@ declare const GPageTransition: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: string;
   };
 }>> & Readonly<{}>, {
-  reverse: boolean;
   direction: string;
+  reverse: boolean;
   name: string;
   disabled: boolean;
 }, SlotsType<GPageTransitionSlots>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/dist/hooks/useLayoutBase.d.ts

@@ -40,33 +40,33 @@ declare function useLayoutBase(props?: {
   openKeys: _$vue.ComputedRef<string[]>;
   proClasses: _$vue.ComputedRef<{
     content?: string;
-    siderHeader?: string;
-    siderFooter?: string;
-    footer?: string;
-    header?: string;
-    breadcrumb?: string;
     root?: string;
+    header?: string;
     sider?: string;
     siderChildren?: string;
+    siderHeader?: string;
+    siderFooter?: string;
     logo?: string;
     logoImage?: string;
+    footer?: string;
     menu?: string;
     tabs?: string;
+    breadcrumb?: string;
   }>;
   proStyles: _$vue.ComputedRef<{
     content?: _$vue.CSSProperties;
-    siderHeader?: _$vue.CSSProperties;
-    siderFooter?: _$vue.CSSProperties;
-    footer?: _$vue.CSSProperties;
-    header?: _$vue.CSSProperties;
-    breadcrumb?: _$vue.CSSProperties;
     root?: _$vue.CSSProperties;
+    header?: _$vue.CSSProperties;
     sider?: _$vue.CSSProperties;
     siderChildren?: _$vue.CSSProperties;
+    siderHeader?: _$vue.CSSProperties;
+    siderFooter?: _$vue.CSSProperties;
     logo?: _$vue.CSSProperties;
     logoImage?: _$vue.CSSProperties;
+    footer?: _$vue.CSSProperties;
     menu?: _$vue.CSSProperties;
     tabs?: _$vue.CSSProperties;
+    breadcrumb?: _$vue.CSSProperties;
   }>;
   breadcrumbRender: _$vue.Ref<(props: LayoutBreadcrumbSlotProps) => any, (props: LayoutBreadcrumbSlotProps) => any>;
   breadcrumbConfig: _$vue.ComputedRef<LayoutBreadcrumbConfig>;