@antdv-vue/pro-layout 0.0.0-stage → 2.0.3

package/dist/ProLayout.js

@@ -0,0 +1,548 @@
+import { useProLayoutRender } from "./utils/useProLayoutRender.js";
+import BasicLayout from "./BasicLayout.js";
+import { Logo } from "./assert/Logo.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { ProConfigProvider } from "@antdv-vue/pro-provider";
+import { ConfigProvider } from "antdv-next";
+//#region src/ProLayout.tsx
+const ProLayout = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const themeProps = computed(() => ({
+		...props.navTheme !== void 0 && { dark: props.navTheme === "realDark" },
+		...props.compact !== void 0 && { compact: props.compact }
+	}));
+	const proLayoutRender = useProLayoutRender(slots, props);
+	expose({});
+	return () => {
+		const { colorPrimary, prefixCls, token, logo } = props;
+		return createVNode(ConfigProvider, { "theme": colorPrimary ? { token: { colorPrimary } } : void 0 }, { default: () => [createVNode(ProConfigProvider, mergeProps(themeProps.value, {
+			"token": token,
+			"prefixCls": prefixCls
+		}), { default: () => [createVNode(BasicLayout, mergeProps(attrs, props, proLayoutRender.value, { "logo": logo || createVNode(Logo, null, null) }), slots)] })] });
+	};
+}, {
+	props: {
+		route: {
+			type: Object,
+			required: false
+		},
+		location: {
+			type: Object,
+			required: false
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		isMobile: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		menuData: {
+			type: Array,
+			required: false
+		},
+		onCollapse: {
+			type: Function,
+			required: false
+		},
+		openKeys: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		mode: {
+			type: void 0,
+			required: false
+		},
+		menuProps: {
+			type: Object,
+			required: false
+		},
+		menuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		subMenuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconPrefixes: {
+			type: String,
+			required: false
+		},
+		formatMessage: {
+			type: Function,
+			required: false
+		},
+		postMenuData: {
+			type: Function,
+			required: false
+		},
+		onSelect: {
+			type: Function,
+			required: false
+		},
+		theme: {
+			type: String,
+			required: false
+		},
+		inlineIndent: {
+			type: Number,
+			required: false
+		},
+		tooltip: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		_internalDisableMenuItemTitleTooltip: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		labelRender: {
+			type: Function,
+			required: false
+		},
+		extraRender: {
+			type: Function,
+			required: false
+		},
+		iconRender: {
+			type: Function,
+			required: false
+		},
+		itemIcon: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledOverflow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		inlineCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpenKeys: {
+			type: Array,
+			required: false
+		},
+		selectable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultSelectedKeys: {
+			type: Array,
+			required: false
+		},
+		selectedKeys: {
+			type: Array,
+			required: false
+		},
+		motion: {
+			type: Object,
+			required: false
+		},
+		defaultMotions: {
+			type: Object,
+			required: false
+		},
+		subMenuOpenDelay: {
+			type: Number,
+			required: false
+		},
+		subMenuCloseDelay: {
+			type: Number,
+			required: false
+		},
+		forceSubMenuRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		triggerSubMenuAction: { required: false },
+		builtinPlacements: { required: false },
+		expandIcon: { required: false },
+		overflowedIndicator: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		overflowedIndicatorPopupClassName: {
+			type: String,
+			required: false
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		_internalRenderMenuItem: {
+			type: Function,
+			required: false
+		},
+		_internalRenderSubMenuItem: {
+			type: Function,
+			required: false
+		},
+		popupRender: { required: false },
+		id: {
+			type: String,
+			required: false
+		},
+		onClick: {
+			type: Function,
+			required: false
+		},
+		onDeselect: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:openKeys": {
+			type: Function,
+			required: false
+		},
+		"onUpdate:selectedKeys": {
+			type: Function,
+			required: false
+		},
+		navTheme: {
+			type: String,
+			required: false
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		contentWidth: {
+			type: String,
+			required: false
+		},
+		compact: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedHeader: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedSiderbar: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		menu: {
+			type: Object,
+			required: false
+		},
+		title: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconfontUrl: {
+			type: String,
+			required: false
+		},
+		colorPrimary: {
+			type: String,
+			required: false
+		},
+		colorWeak: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		splitMenus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		suppressSiderWhenMenuEmpty: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		siderMenuType: {
+			type: String,
+			required: false
+		},
+		fixedMultiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsedWidth: {
+			type: Number,
+			required: false
+		},
+		firstMenuWidth: {
+			type: Number,
+			required: false
+		},
+		logo: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		appList: {
+			type: Array,
+			required: false
+		},
+		appListRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		itemClick: {
+			type: Function,
+			required: false
+		},
+		links: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderWidth: {
+			type: Number,
+			required: false
+		},
+		menuHeaderRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuContentRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuFooterRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		collapsedButtonRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderProps: {
+			type: Object,
+			required: false
+		},
+		breakpoint: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		avatarProps: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		actionsRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuExtraRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		onMenuHeaderClick: {
+			type: Function,
+			required: false
+		},
+		logoStyle: {
+			type: Object,
+			required: false
+		},
+		headerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		headerTitleRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		token: {
+			type: Object,
+			required: false
+		},
+		headerContentRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		stylish: {
+			type: Object,
+			required: false
+		},
+		bgLayoutImgList: {
+			type: Array,
+			required: false
+		},
+		pure: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onPageChange: {
+			type: Function,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiTabProps: {
+			type: Object,
+			required: false
+		},
+		multiTabRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		footerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		breadcrumbRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		pageTitleRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuDataRender: {
+			type: Function,
+			required: false
+		},
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		disableMobile: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		contentStyle: {
+			type: Object,
+			required: false
+		},
+		breadcrumbProps: {
+			type: Object,
+			required: false
+		},
+		waterMarkProps: {
+			type: Object,
+			required: false
+		},
+		errorBoundaryRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		isChildrenLayout: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "ProLayout",
+	inheritAttrs: false
+});
+ProLayout.install = (app) => {
+	app.component(ProLayout.name, ProLayout);
+	return app;
+};
+//#endregion
+export { ProLayout as default };

package/dist/RenderTypings.d.ts

@@ -0,0 +1,116 @@
+import { AppListProps } from "./components/AppsLogoComponents/typing.js";
+import { FooterToolbarProps } from "./components/FooterToolbar/index.js";
+import { MenuDataItem } from "./typing.js";
+import { MultiTabProps } from "./components/MultiTab/index.js";
+import { BaseMenuProps } from "./components/SiderMenu/BaseMenu.js";
+import { PrivateSiderMenuProps, SiderMenuProps } from "./components/SiderMenu/SiderMenu.js";
+import { ProLayoutProps } from "./ProLayout.js";
+import { PageHeaderProps } from "./components/PageHeader/index.js";
+import { PageContainerProps } from "./components/PageContainer/PageContainerBase.js";
+import { RouteContextType } from "./context/RouteContext.js";
+import { HeaderViewProps } from "./components/Header/index.js";
+import { VueNode } from "@antdv-vue/pro-utils";
+
+//#region src/RenderTypings.d.ts
+type MenuHeaderRender = (options: {
+  logo: VueNode;
+  title: VueNode;
+  props?: SiderMenuProps;
+}) => VueNode;
+type HeaderContentRender = (options: {
+  props: HeaderViewProps | (PrivateSiderMenuProps & SiderMenuProps);
+  dom: VueNode;
+}) => VueNode;
+type MenuRender = (options: {
+  props: HeaderViewProps;
+  dom: VueNode;
+}) => VueNode;
+type HeaderRender = (options: {
+  props: HeaderViewProps;
+  dom: VueNode;
+}) => VueNode;
+type HeaderTitleRender = (options: {
+  logo: VueNode;
+  title: VueNode;
+  props: HeaderViewProps;
+}) => VueNode;
+type MenuItemRender = (options: {
+  item: MenuDataItem & {
+    isUrl: boolean;
+    onClick: () => void;
+  };
+  dom: VueNode;
+  props: BaseMenuProps & Partial<PrivateSiderMenuProps>;
+}) => VueNode;
+type MenuContentRender = (options: {
+  props: SiderMenuProps;
+  dom: VueNode;
+}) => VueNode;
+type MenuFooterRender = (options: {
+  props?: SiderMenuProps;
+}) => VueNode;
+type MenuExtraRender = (options: {
+  props: SiderMenuProps;
+}) => VueNode;
+type SubMenuItemRender = (options: {
+  item: MenuDataItem;
+  dom: VueNode;
+  props: BaseMenuProps;
+}) => VueNode;
+type ErrorBoundaryRender = (options: {
+  error: Error;
+  info: string;
+}) => VueNode;
+type AppListRender = (options: {
+  props: AppListProps;
+  dom: VueNode;
+}) => VueNode;
+type ActionsRender = (options: {
+  props: HeaderViewProps | (PrivateSiderMenuProps & SiderMenuProps);
+}) => VueNode;
+type CollapsedButtonRender = (options: {
+  collapsed?: boolean;
+  dom?: VueNode;
+}) => VueNode;
+type MultiTabRender = (options: {
+  props: MultiTabProps;
+  dom: VueNode;
+}) => VueNode;
+type PageHeaderRender = (options: {
+  props: PageContainerProps;
+}) => VueNode;
+type BreadcrumbRender = (props: PageHeaderProps, defaultDom: VueNode) => VueNode;
+type FooterRender = (options: {
+  props: ProLayoutProps & {
+    hasSiderMenu?: boolean;
+  };
+  dom: VueNode;
+}) => VueNode;
+type FooterToolbarContentRender = (options: {
+  props: FooterToolbarProps & RouteContextType & {
+    leftWidth?: string;
+  };
+  dom: VueNode;
+}) => VueNode;
+interface SlotsRenderType {
+  multiTabRender?: MultiTabRender;
+  footerRender?: FooterRender;
+  footerToolbarContentRender?: FooterToolbarContentRender;
+  collapsedButtonRender?: CollapsedButtonRender;
+  actionsRender?: ActionsRender;
+  errorBoundaryRender?: ErrorBoundaryRender;
+  appListRender?: AppListRender;
+  menuHeaderRender?: MenuHeaderRender;
+  headerRender?: HeaderRender;
+  headerTitleRender?: HeaderTitleRender;
+  headerContentRender?: HeaderContentRender;
+  menuRender?: MenuRender;
+  menuItemRender?: MenuItemRender;
+  subMenuItemRender?: SubMenuItemRender;
+  menuContentRender?: MenuContentRender;
+  menuFooterRender?: MenuFooterRender;
+  menuExtraRender?: MenuExtraRender;
+  pageHeaderRender?: PageHeaderRender;
+}
+//#endregion
+export { ActionsRender, AppListRender, BreadcrumbRender, CollapsedButtonRender, ErrorBoundaryRender, FooterRender, FooterToolbarContentRender, HeaderContentRender, HeaderRender, HeaderTitleRender, MenuContentRender, MenuExtraRender, MenuFooterRender, MenuHeaderRender, MenuItemRender, MenuRender, MultiTabRender, PageHeaderRender, SlotsRenderType, SubMenuItemRender };

package/dist/RenderTypings.js

@@ -0,0 +1 @@
+export {};

package/dist/WrapContent.d.ts

@@ -0,0 +1,23 @@
+import { ErrorBoundaryRender, SlotsRenderType } from "./RenderTypings.js";
+import * as _$vue from "vue";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/WrapContent.d.ts
+interface WrapContentProps {
+  hasPageContainer?: number;
+  isChildrenLayout?: boolean;
+  prefixCls?: string;
+  location?: {
+    path?: string;
+  };
+  contentHeight?: number | string;
+  errorBoundaryRender?: ErrorBoundaryRender | false;
+  hasHeader?: boolean;
+  hashId?: string;
+  cssVarCls?: string;
+}
+declare const WrapContent: _$vue.DefineSetupFnComponent<WrapContentProps, {}, CustomSlotsType<Pick<SlotsRenderType, "errorBoundaryRender"> & {
+  default?: () => VueNode[];
+}>, WrapContentProps & {}, _$vue.PublicProps>;
+//#endregion
+export { WrapContentProps, WrapContent as default };