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

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

@@ -0,0 +1,72 @@
+import { PureSettings } from "../../defaultSettings.js";
+import { AppItemProps, AppListProps } from "../AppsLogoComponents/typing.js";
+import { MenuDataItem, MessageDescriptor, RouterTypes } from "../../typing.js";
+import { AvatarPropsType } from "../GlobalHeader/ActionsContent.js";
+import { PrivateSiderMenuProps, SiderMenuProps } from "./SiderMenu.js";
+import { ActionsRender, AppListRender, CollapsedButtonRender, HeaderRender, MenuContentRender, MenuExtraRender, MenuFooterRender, MenuHeaderRender, MenuItemRender, SubMenuItemRender } from "../../RenderTypings.js";
+import * as _$vue from "vue";
+import { CSSProperties } from "vue";
+import { ProTokenType } from "@antdv-vue/pro-provider";
+import * as _$_antdv_vue_pro_utils0 from "@antdv-vue/pro-utils";
+import * as _$_v_c_util0 from "@v-c/util";
+import * as _$antdv_next0 from "antdv-next";
+import * as _$antdv_next_dist__util_type0 from "antdv-next/dist/_util/type";
+import * as _$antdv_next_dist_menu_index0 from "antdv-next/dist/menu/index";
+import * as _$antdv_next_dist__util_responsiveObserver0 from "antdv-next/dist/_util/responsiveObserver";
+import * as _$antdv_next_dist_layout_Sider0 from "antdv-next/dist/layout/Sider";
+
+//#region src/components/SiderMenu/index.d.ts
+type SiderMenuWrapperProps = {
+  token?: ProTokenType['layout'];
+  getContainer?: string | HTMLElement;
+  hide?: boolean;
+} & SiderMenuProps & PrivateSiderMenuProps;
+declare const SiderMenuWrapper: _$vue.DefineSetupFnComponent<SiderMenuWrapperProps, {}, {}, {
+  token?: ProTokenType["layout"];
+  getContainer?: string | HTMLElement;
+  hide?: boolean;
+} & {
+  defaultCollapsed?: boolean;
+  collapsed?: boolean;
+  isMobile?: boolean;
+  onOpenChange?: (openKeys?: _$_antdv_vue_pro_utils0.Key[] | false) => void;
+  menuData?: MenuDataItem[];
+  onCollapse?: (collapsed: boolean) => void;
+  openKeys?: string[] | false;
+  mode?: _$antdv_next0.MenuProps["mode"];
+  menuProps?: _$antdv_next0.MenuProps;
+  menuItemRender?: MenuItemRender | false;
+  subMenuItemRender?: SubMenuItemRender | false;
+  iconPrefixes?: string;
+  formatMessage?: (message: MessageDescriptor) => string | undefined;
+  postMenuData?: (menusData?: MenuDataItem[]) => MenuDataItem[];
+  onSelect?: (selectedKeys: _$_antdv_vue_pro_utils0.Key[]) => void;
+} & Partial<RouterTypes> & Omit<_$antdv_next_dist_menu_index0.InternalMenuProps, "openKeys" | "onOpenChange" | "title"> & Partial<PureSettings> & {
+  collapsedWidth?: number;
+  firstMenuWidth?: number;
+  theme?: _$antdv_next_dist_layout_Sider0.SiderProps["theme"];
+  logo?: _$antdv_next_dist__util_type0.VueNode;
+  appList?: AppListProps;
+  appListRender?: AppListRender | false;
+  itemClick?: (item: AppItemProps, popoverRef: _$vue.ShallowRef<HTMLSpanElement | null>) => void;
+  links?: ({
+    icon?: _$vue.VNode;
+    title?: string;
+    label?: _$vue.VNode;
+  }[] | _$_v_c_util0.VueNode[]) | false;
+  siderWidth?: number;
+  menuHeaderRender?: MenuHeaderRender | false;
+  menuContentRender?: MenuContentRender | false;
+  menuFooterRender?: MenuFooterRender | false;
+  collapsedButtonRender?: CollapsedButtonRender | false;
+  siderProps?: _$antdv_next_dist_layout_Sider0.SiderProps;
+  breakpoint?: _$antdv_next_dist__util_responsiveObserver0.Breakpoint | false;
+  avatarProps?: AvatarPropsType;
+  actionsRender?: ActionsRender | false;
+  menuExtraRender?: MenuExtraRender | false;
+  onMenuHeaderClick?: (e: _$vue.Events["onClick"]) => void;
+  logoStyle?: CSSProperties;
+  headerRender?: HeaderRender | false;
+} & PrivateSiderMenuProps & {}, _$vue.PublicProps>;
+//#endregion
+export { SiderMenuWrapperProps, SiderMenuWrapper as default };

package/dist/components/SiderMenu/index.js

@@ -0,0 +1,507 @@
+import SiderMenu from "./SiderMenu.js";
+import { useStyle as useStyle$1 } from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { useProConfig } from "@antdv-vue/pro-provider";
+import { useEffect } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+import { Drawer } from "antdv-next";
+import { useConfig } from "antdv-next/config-provider/context";
+//#region src/components/SiderMenu/index.tsx
+const SiderMenuWrapper = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const proProvide = useProConfig();
+	const config = useConfig();
+	const baseClassName = computed(() => `${props.prefixCls}-sider`);
+	useEffect(() => {
+		if (props.isMobile === true) props.onCollapse?.(true);
+	}, [() => props.isMobile]);
+	const [hashId, cssVarCls] = useStyle$1(baseClassName, { proLayoutCollapsedWidth: 64 });
+	const drawerMenuBackground = computed(() => {
+		if (props.navTheme === "realDark" && props.layout !== "mix" || props.navTheme === "dark" && props.layout !== "mix" || props.layout === "mix" && props.isMobile && props.navTheme === "realDark" || props.layout === "mix" && props.isMobile && props.navTheme === "dark") return props.token?.sider?.colorMenuBackground || "#001529";
+		return proProvide.value.token.layout?.sider?.colorMenuBackground || "transparent";
+	});
+	return () => {
+		const { prefixCls, collapsed, siderWidth, isMobile, onCollapse, getContainer } = props;
+		const { direction } = config.value;
+		if (props.hide) return null;
+		return props.isMobile ? createVNode(Drawer, {
+			"placement": direction === "rtl" ? "right" : "left",
+			"class": classNames(`${prefixCls}-drawer-sider`, attrs.class, hashId?.value, cssVarCls?.value),
+			"open": !collapsed,
+			"style": {
+				padding: 0,
+				height: "100vh",
+				...attrs.style
+			},
+			"onClose": () => onCollapse?.(true),
+			"closable": false,
+			"getContainer": getContainer,
+			"mask": { closable: true },
+			"size": siderWidth,
+			"styles": { body: {
+				height: "100vh",
+				padding: 0,
+				display: "flex",
+				flexDirection: "row",
+				backgroundColor: drawerMenuBackground.value
+			} }
+		}, { default: () => [createVNode(SiderMenu, mergeProps(props, {
+			"isMobile": true,
+			"class": classNames(baseClassName.value, attrs.class),
+			"collapsed": isMobile ? false : collapsed,
+			"splitMenus": false,
+			"originCollapsed": collapsed
+		}), null)] }) : createVNode(SiderMenu, mergeProps(props, {
+			"class": classNames(baseClassName.value, attrs.class),
+			"originCollapsed": collapsed
+		}), null);
+	};
+}, {
+	props: {
+		token: {
+			type: Object,
+			required: false
+		},
+		getContainer: { required: false },
+		hide: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsed: {
+			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
+		},
+		route: {
+			type: Object,
+			required: false
+		},
+		location: {
+			type: Object,
+			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
+		},
+		matchMenuKeys: {
+			type: Array,
+			required: false
+		},
+		originCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		menuRenderType: {
+			type: String,
+			required: false
+		},
+		stylish: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "SiderMenuWrapper",
+	inheritAttrs: false
+});
+//#endregion
+export { SiderMenuWrapper as default };

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

@@ -0,0 +1,20 @@
+import * as _$vue from "vue";
+import { ComputedRef } from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+import { Keyframes } from "@antdv-next/cssinjs";
+
+//#region src/components/SiderMenu/style/index.d.ts
+interface SiderMenuToken extends ProAliasCssVarToken {
+  proLayoutCollapsedWidth: number;
+  proLayoutFirstMenuWidth?: number;
+}
+declare const proLayoutTitleHide: Keyframes;
+declare function useStyle(prefixCls: ComputedRef<string>, {
+  proLayoutCollapsedWidth,
+  proLayoutFirstMenuWidth
+}: {
+  proLayoutCollapsedWidth: number;
+  proLayoutFirstMenuWidth?: number;
+}): readonly [_$vue.Ref<string, string>, ComputedRef<string | undefined>];
+//#endregion
+export { SiderMenuToken, proLayoutTitleHide, useStyle };