@gx-design-vue/pro-layout 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/LogoContent/index.js

@@ -1,90 +0,0 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import props_default from "./props.js";
-import { createVNode, defineComponent, ref } from "vue";
-import { useElementBounding } from "@vueuse/core";
-
-//#region src/components/LogoContent/index.tsx
-function defaultRenderLogo(logo, logoStyle) {
-	if (logo === false) return null;
-	if (typeof logo === "string") return createVNode("img", {
-		"src": logo,
-		"alt": "logo",
-		"style": logoStyle
-	}, null);
-	if (typeof logo === "function") return logo();
-	return logo;
-}
-function logoDom(classNames, props) {
-	return createVNode("span", {
-		"key": "logo",
-		"onClick": () => props.onLogoClick?.(),
-		"class": classNames
-	}, [createVNode("a", null, [defaultRenderLogo(props.logo, props.logoStyle)])]);
-}
-function renderLogo(logoRender, logoDom) {
-	if (logoRender === false) return null;
-	if (logoRender) return logoRender({
-		logo: logoDom,
-		title: null
-	});
-	return logoDom;
-}
-function defaultRenderLogoAndTitle(props) {
-	const { logo, logoStyle, title, layout, collapsed, collapsedWidth } = props;
-	const renderFunction = props.logoRender;
-	if (renderFunction === false) return null;
-	const logoDom = defaultRenderLogo(logo, logoStyle);
-	const titleDom = title && createVNode("h1", null, [title]);
-	if (typeof renderFunction === "function") return renderFunction({
-		logo: logoDom,
-		title: props.collapsed ? null : titleDom,
-		props
-	});
-	else if (renderFunction) return renderFunction;
-	return createVNode("a", {
-		"key": "title",
-		"onClick": () => props.onLogoClick?.()
-	}, [(collapsed && collapsedWidth || !collapsed) && (logoDom || null), props.collapsed && (layout === "side" || layout === "simple") ? null : titleDom]);
-}
-const LogoContent = /* @__PURE__ */ defineComponent({
-	name: "LogoContent",
-	props: {
-		...props_default,
-		hashId: String,
-		baseClassName: String
-	},
-	setup(props, { slots, expose }) {
-		const { collapsedEffect, settings, collapsedProps, styles, classNames, isMobile } = useProLayoutContext();
-		const rootEl = ref();
-		const { height } = useElementBounding(rootEl);
-		expose({ getHeight: () => height.value });
-		return () => {
-			return createVNode("div", {
-				"id": "logo",
-				"ref": rootEl,
-				"class": {
-					[`${props.class}`]: props.class,
-					[`${props.hashId}`]: true,
-					[`${props.baseClassName}-logo`]: true,
-					[`${props.baseClassName}-logo-mobile`]: isMobile.value,
-					[`${props.baseClassName}-logo-collapsed`]: !!collapsedEffect.value,
-					[`${classNames.value?.logo}`]: !!classNames.value?.logo
-				},
-				"style": {
-					...props.style || {},
-					...styles.value.logo || {}
-				}
-			}, [defaultRenderLogoAndTitle({
-				...props,
-				title: props.title || settings.value.title,
-				collapsed: collapsedEffect.value,
-				collapsedWidth: collapsedProps.value?.width
-			}) || null, slots.default?.()]);
-		};
-	}
-});
-LogoContent.inheritAttrs = false;
-var LogoContent_default = LogoContent;
-
-//#endregion
-export { LogoContent_default as default, defaultRenderLogo, defaultRenderLogoAndTitle, logoDom, renderLogo };

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

@@ -1,57 +0,0 @@
-import { LogoRender } from "../../types/SlotsTypings.js";
-import { ProLayoutConfig, ProLayoutType } from "../../config/index.js";
-import "../../index.js";
-import { CSSProperties, PropType } from "vue";
-import { CustomRender } from "@gx-design-vue/pro-utils";
-
-//#region src/components/LogoContent/props.d.ts
-interface CommonLogoProps {
-  logo?: CustomRender;
-  logoStyle?: CSSProperties;
-  logoRender?: LogoRender;
-  onLogoClick?: () => void;
-}
-declare const commonLogoProps: {
-  class: PropType<string>;
-  style: PropType<CSSProperties>;
-  logo: {
-    type: PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
-};
-declare const _default: {
-  class: PropType<string>;
-  style: PropType<CSSProperties>;
-  logo: {
-    type: PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
-  layout: {
-    type: PropType<ProLayoutConfig["layout"]>;
-    default: ProLayoutType;
-  };
-  title: {
-    type: PropType<ProLayoutConfig["title"]>;
-    default: string;
-  };
-};
-//#endregion
-export { CommonLogoProps, commonLogoProps, _default as default };

package/dist/components/LogoContent/props.js

@@ -1,37 +0,0 @@
-import { defaultSettingProps } from "../../props/defaultSettings.js";
-import { pick } from "es-toolkit";
-
-//#region src/components/LogoContent/props.ts
-const commonLogoProps = {
-	class: String,
-	style: Object,
-	logo: {
-		type: [
-			Object,
-			String,
-			Function
-		],
-		default: () => void 0
-	},
-	logoStyle: {
-		type: Object,
-		default: () => void 0
-	},
-	logoRender: {
-		type: [
-			Object,
-			Function,
-			Array,
-			Boolean
-		],
-		default: () => void 0
-	},
-	onLogoClick: Function
-};
-var props_default = {
-	...pick(defaultSettingProps, ["title", "layout"]),
-	...commonLogoProps
-};
-
-//#endregion
-export { commonLogoProps, props_default as default };

package/dist/components/LogoContent/style.d.ts

@@ -1,6 +0,0 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
-
-//#region src/components/LogoContent/style.d.ts
-declare const genLogoContentStyle: GenerateStyle;
-//#endregion
-export { genLogoContentStyle };

package/dist/components/LogoContent/style.js

@@ -1,63 +0,0 @@
-import { getTokenLayoutTheme } from "../../config/index.js";
-import { proLayoutTitleHide } from "../SiderMenu/style/index.js";
-
-//#region src/components/LogoContent/style.ts
-const genLogoContentStyle = (token) => {
-	const { layout } = getTokenLayoutTheme(token);
-	return { [`${token.componentCls}-logo`]: {
-		position: "relative",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		cursor: "pointer",
-		paddingInline: layout === "side" ? 20 : 0,
-		paddingBlock: layout === "side" ? 16 : 0,
-		color: token.colorText,
-		borderBlockEnd: layout === "side" ? `1px solid ${token.layout?.sider?.colorMenuItemDivider}` : "",
-		[`&${token.componentCls}-logo-mobile`]: {
-			borderBlockEnd: 0,
-			paddingInlineStart: 0
-		},
-		"> a": {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			minHeight: 22,
-			fontSize: 22,
-			"> img": {
-				display: "inline-block",
-				height: 22,
-				verticalAlign: "middle"
-			},
-			"> h1": {
-				display: "inline-block",
-				height: 22,
-				marginBlock: 0,
-				marginInlineEnd: 0,
-				marginInlineStart: 6,
-				color: token.layout?.sider?.colorTextMenuTitle,
-				animationName: proLayoutTitleHide,
-				animationDuration: ".4s",
-				animationTimingFunction: "ease",
-				fontWeight: 600,
-				fontSize: 16,
-				lineHeight: "22px",
-				verticalAlign: "middle"
-			}
-		},
-		"&-collapsed": {
-			flexDirection: "column-reverse",
-			margin: 0,
-			padding: layout === "side" ? 12 : 0,
-			[`${token.proComponentsCls}-layout-app-icon`]: {
-				marginBlockEnd: 8,
-				fontSize: 16,
-				transition: "font-size 0.2s ease-in-out,color 0.2s ease-in-out"
-			}
-		},
-		[`&${token.antCls}-layout-sider-collapsed`]: { [`${token.proComponentsCls}-sider-logo`]: { padding: "16px 8px" } }
-	} };
-};
-
-//#endregion
-export { genLogoContentStyle };

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

@@ -1,138 +0,0 @@
-import { BreadcrumbProps } from "../../types/Breadcrumb.js";
-import { DefaultRender } from "../../types/SlotsTypings.js";
-import { ProLayoutConfig } from "../../config/index.js";
-import { FooterToolbarProps } from "../FooterToolbar/props.js";
-import { CSSProperties, ExtractPropTypes, PropType } from "vue";
-import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
-import { WaterMarkProps } from "@gx-design-vue/pro-watermark";
-
-//#region src/components/PageContainer/props.d.ts
-interface PageContainerLoadingProps {
-  spinning?: boolean;
-  tip?: string;
-  type?: 'blur' | 'default';
-}
-declare const commonPageContainerProps: {
-  usePageCard: {
-    type: PropType<boolean>;
-    default: () => any;
-  };
-  pageCardProps: PropType<{
-    loading?: boolean;
-    class?: string;
-    style?: CSSProperties;
-    bodyStyle: CSSProperties;
-  }>;
-  pageHeaderStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageContentStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageChildrenContentClass: {
-    type: PropType<string | string[]>;
-    default: () => any;
-  };
-  pageChildrenContentStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageHeaderRender: {
-    type: PropType<DefaultRender>;
-    default: () => any;
-  };
-  contentWidth: {
-    type: PropType<ProLayoutConfig["contentWidth"]>;
-    default: () => any;
-  };
-  breadcrumbRender: {
-    type: PropType<WithFalse<(props: BreadcrumbProps) => CustomRender>>;
-    default: () => any;
-  };
-};
-declare const pageContainerProps: {
-  usePageCard: {
-    type: PropType<boolean>;
-    default: () => any;
-  };
-  pageCardProps: PropType<{
-    loading?: boolean;
-    class?: string;
-    style?: CSSProperties;
-    bodyStyle: CSSProperties;
-  }>;
-  pageHeaderStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageContentStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageChildrenContentClass: {
-    type: PropType<string | string[]>;
-    default: () => any;
-  };
-  pageChildrenContentStyle: {
-    type: PropType<CSSProperties>;
-    default: () => any;
-  };
-  pageHeaderRender: {
-    type: PropType<DefaultRender>;
-    default: () => any;
-  };
-  contentWidth: {
-    type: PropType<ProLayoutConfig["contentWidth"]>;
-    default: () => any;
-  };
-  breadcrumbRender: {
-    type: PropType<WithFalse<(props: BreadcrumbProps) => CustomRender>>;
-    default: () => any;
-  };
-  class: PropType<string>;
-  style: {
-    type: PropType<CSSProperties>;
-    default: () => {};
-  };
-  title: PropType<string>;
-  pageChildrenExtraRender: {
-    type: PropType<DefaultRender>;
-    default: () => any;
-  };
-  footer: {
-    type: PropType<DefaultRender>;
-    default: () => any;
-  };
-  pageHeaderContentRender: {
-    type: PropType<DefaultRender>;
-    default: () => any;
-  };
-  fullScreenOnTabsHide: {
-    type: PropType<boolean>;
-    default: () => any;
-  };
-  loading: {
-    type: PropType<boolean | PageContainerLoadingProps>;
-    default: () => boolean;
-  };
-  onContentFullScreenChange: PropType<(value: boolean) => void>;
-  footerToolBarProps: {
-    type: PropType<FooterToolbarProps>;
-  }; /** @name WaterMarkProps 水印的配置 */
-  waterMarkProps: {
-    type: PropType<WaterMarkProps | false>;
-    default: () => any;
-  };
-  height: {
-    type: PropType<"min" | "max" | "fit">;
-    default: () => any;
-  };
-};
-type PageContainerPropsType = Partial<ExtractPropTypes<typeof commonPageContainerProps>>;
-interface LayoutPageContainer extends PageContainerPropsType {
-  loadingProps?: Omit<PageContainerLoadingProps, 'spinning'>;
-}
-//#endregion
-export { LayoutPageContainer, PageContainerLoadingProps, PageContainerPropsType, commonPageContainerProps, pageContainerProps };

package/dist/components/PageContainer/props.js

@@ -1,103 +0,0 @@
-//#region src/components/PageContainer/props.ts
-const commonPageContainerProps = {
-	usePageCard: {
-		type: Boolean,
-		default: () => void 0
-	},
-	pageCardProps: Object,
-	pageHeaderStyle: {
-		type: Object,
-		default: () => void 0
-	},
-	pageContentStyle: {
-		type: Object,
-		default: () => void 0
-	},
-	pageChildrenContentClass: {
-		type: [String, Array],
-		default: () => void 0
-	},
-	pageChildrenContentStyle: {
-		type: Object,
-		default: () => void 0
-	},
-	pageHeaderRender: {
-		type: [
-			Object,
-			Function,
-			Boolean,
-			Array
-		],
-		default: () => void 0
-	},
-	contentWidth: {
-		type: [String, Number],
-		default: () => void 0
-	},
-	breadcrumbRender: {
-		type: [
-			Object,
-			Function,
-			Boolean,
-			Array
-		],
-		default: () => void 0
-	}
-};
-const pageContainerProps = {
-	class: String,
-	style: {
-		type: Object,
-		default: () => ({})
-	},
-	title: String,
-	pageChildrenExtraRender: {
-		type: [
-			Object,
-			Function,
-			Boolean,
-			Array
-		],
-		default: () => void 0
-	},
-	footer: {
-		type: [
-			Object,
-			Function,
-			Boolean,
-			Array
-		],
-		default: () => void 0
-	},
-	pageHeaderContentRender: {
-		type: [
-			Object,
-			Function,
-			Boolean,
-			Array
-		],
-		default: () => void 0
-	},
-	fullScreenOnTabsHide: {
-		type: Boolean,
-		default: () => void 0
-	},
-	loading: {
-		type: [Boolean, Object],
-		default: () => false
-	},
-	onContentFullScreenChange: Function,
-	footerToolBarProps: { type: Object },
-	waterMarkProps: {
-		type: [Object, Boolean],
-		default: () => void 0
-	},
-	height: {
-		type: String,
-		default: () => void 0
-	},
-	...commonPageContainerProps
-};
-
-//#endregion
-export { commonPageContainerProps, pageContainerProps };

package/dist/components/PageContainer/style/index.d.ts

@@ -1,14 +0,0 @@
-import * as vue115 from "vue";
-import { ProAliasToken } from "@gx-design-vue/pro-provider";
-import * as ant_design_vue_es__util_type5 from "ant-design-vue/es/_util/type";
-
-//#region src/components/PageContainer/style/index.d.ts
-type ProPageContainerToken = ProAliasToken & {
-  gridContent: string;
-};
-declare function useStyle(componentCls: string): {
-  wrapSSR: (node: ant_design_vue_es__util_type5.VueNode) => ant_design_vue_es__util_type5.VueNode;
-  hashId: vue115.ComputedRef<string>;
-};
-//#endregion
-export { ProPageContainerToken, useStyle };

package/dist/components/PageContainer/style/index.js

@@ -1,52 +0,0 @@
-import { getTokenLayoutTheme } from "../../../config/index.js";
-import { mergeToken, useStyle as useStyle$1 } from "@gx-design-vue/pro-provider";
-
-//#region src/components/PageContainer/style/index.ts
-const ProLayoutPageContainer = (token) => {
-	const { layout } = getTokenLayoutTheme(token);
-	const pageContainerToken = token.layout?.pageContainer;
-	const borderRadius = pageContainerToken?.borderRadius || token.borderRadiusLG;
-	const pageContent = `${token.proComponentsCls}-basic-layout-content`;
-	return {
-		[`${token.proComponentsCls}-basic-layout`]: {
-			[`&-content${pageContent}-width`]: { marginInline: "auto" },
-			[token.gridContent]: { width: "100%" }
-		},
-		[token.componentCls]: {
-			position: "relative",
-			"&-spinning": {
-				position: "absolute",
-				top: 0,
-				left: 0,
-				width: "100%",
-				height: "100%",
-				zIndex: 10,
-				borderRadius,
-				[`& > ${token.antCls}-spin`]: {
-					position: "absolute",
-					top: "200px",
-					left: "50%",
-					transform: "translateX(-50%)"
-				},
-				"&-content": {
-					"&-blur": { filter: "blur(2px)" },
-					"&-default": { opacity: .5 }
-				}
-			},
-			"&-children-container": {
-				position: "relative",
-				margin: layout === "wide" ? 0 : pageContainerToken?.margin || "",
-				padding: layout === "wide" ? 0 : pageContainerToken?.padding || "",
-				[`&>${token.componentCls}-spinning-content`]: { [`&>${token.antCls}-card`]: { [`${token.antCls}-card-body`]: { padding: token.paddingMD } } }
-			}
-		}
-	};
-};
-function useStyle(componentCls) {
-	return useStyle$1("PageContainer", (token) => {
-		return [ProLayoutPageContainer(mergeToken(token, { gridContent: `${token.proComponentsCls}-grid-content` }))];
-	}, componentCls);
-}
-
-//#endregion
-export { useStyle };

package/dist/components/PageContainer/style/pageHeader.d.ts

@@ -1,6 +0,0 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
-
-//#region src/components/PageContainer/style/pageHeader.d.ts
-declare const ProLayoutPageHeader: GenerateStyle;
-//#endregion
-export { ProLayoutPageHeader };

package/dist/components/PageContainer/style/pageHeader.js

@@ -1,44 +0,0 @@
-//#region src/components/PageContainer/style/pageHeader.ts
-const ProLayoutPageHeader = (token) => {
-	return {
-		[`${token.proComponentsCls}-basic-layout&${token.proComponentsCls}-basic-layout-simple`]: { [`${token.componentCls}`]: { borderBlockEnd: `1px solid ${token.colorSplit}` } },
-		[token.componentCls]: {
-			background: token.colorBgContainer,
-			padding: `${token.paddingLG}px`,
-			paddingBlock: `${token.paddingSM}px`,
-			"&-has-breadcrumb": { [`${token.componentCls}-content`]: { marginBlockStart: 8 } },
-			"&-top": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between"
-			},
-			"&-close": {
-				color: token.colorTextDescription,
-				fontWeight: token.fontWeightStrong,
-				textDecoration: "none",
-				background: "transparent",
-				borderRadius: token.borderRadiusSM,
-				padding: 4,
-				cursor: "pointer",
-				transition: `color ${token.motionDurationMid}, background-color ${token.motionDurationMid}`,
-				"&-x": {
-					display: "block",
-					fontSize: token.fontSizeLG,
-					fontStyle: "normal",
-					textAlign: "center",
-					textTransform: "none",
-					textRendering: "auto"
-				},
-				"&:hover": {
-					color: token.colorIconHover,
-					backgroundColor: token.wireframe ? "transparent" : token.colorFillContent,
-					textDecoration: "none"
-				},
-				"&:active": { backgroundColor: token.wireframe ? "transparent" : token.colorFillContentHover }
-			}
-		}
-	};
-};
-
-//#endregion
-export { ProLayoutPageHeader };

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

@@ -1,40 +0,0 @@
-import * as vue172 from "vue";
-import { PropType } from "vue";
-import * as ant_design_vue_es__util_type12 from "ant-design-vue/es/_util/type";
-
-//#region src/components/PageTranstion/index.d.ts
-declare const _default: vue172.DefineComponent<vue172.ExtractPropTypes<{
-  disabled: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  reverse: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  name: {
-    type: PropType<string>;
-    default: string;
-  };
-  direction: PropType<string>;
-}>, () => ant_design_vue_es__util_type12.VueNode, {}, {}, {}, vue172.ComponentOptionsMixin, vue172.ComponentOptionsMixin, {}, string, vue172.PublicProps, Readonly<vue172.ExtractPropTypes<{
-  disabled: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  reverse: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  name: {
-    type: PropType<string>;
-    default: string;
-  };
-  direction: PropType<string>;
-}>> & Readonly<{}>, {
-  reverse: boolean;
-  name: string;
-  disabled: boolean;
-}, {}, {}, {}, string, vue172.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };