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

package/dist/components/Logo/index.js

@@ -0,0 +1,63 @@
+import { useLayoutBase } from "../../hooks/useLayoutBase.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { classNames } from "@gx-design-vue/pro-utils";
+//#region src/components/Logo/index.tsx
+function defaultRenderLogo(logo) {
+	if (logo === false) return null;
+	if (typeof logo === "string") return createVNode("img", {
+		"src": logo,
+		"alt": "logo"
+	}, null);
+	if (typeof logo === "function") return logo();
+	return logo;
+}
+const LayoutLogo = /* @__PURE__ */ defineComponent((_props, { emit, slots }) => {
+	const { layout, isMobile, prefixCls, collapsed, logoConfig, proClasses, proStyles, collapseConfig } = useLayoutBase();
+	const collapsedWidth = computed(() => collapseConfig?.value?.width);
+	const title = computed(() => {
+		if (!logoConfig?.value) return "";
+		return logoConfig?.value.title;
+	});
+	const logoSource = computed(() => logoConfig?.value.image);
+	const hideTitle = computed(() => collapsed.value && [
+		"side",
+		"mix",
+		"wide",
+		"simple"
+	].includes(layout.value ?? ""));
+	const showLogo = computed(() => !collapsed.value || !!collapsedWidth.value);
+	const logoClassNames = computed(() => classNames(`${prefixCls.value}-logo`, proClasses.value.logo, {
+		[`${prefixCls.value}-logo-mobile`]: isMobile.value,
+		[`${prefixCls.value}-logo-collapsed`]: collapsed.value
+	}));
+	function handleClick() {
+		emit("click");
+	}
+	return () => {
+		const image = slots.image ? slots.image() : defaultRenderLogo(logoSource.value);
+		const titleDom = title.value && !hideTitle.value ? createVNode("h1", null, [title.value]) : null;
+		return createVNode("div", {
+			"class": logoClassNames.value,
+			"style": proStyles.value.logo,
+			"onClick": handleClick
+		}, [createVNode("a", null, [showLogo.value && image && createVNode("span", {
+			"class": proClasses.value.logoImage,
+			"style": {
+				display: "inline-flex",
+				alignItems: "center",
+				fontSize: 22,
+				...proStyles.value.logoImage
+			}
+		}, [image]), titleDom])]);
+	};
+}, {
+	props: { onClick: {
+		type: Function,
+		required: false
+	} },
+	emits: ["click"],
+	name: "LayoutLogo",
+	inheritAttrs: false
+});
+//#endregion
+export { LayoutLogo as default, defaultRenderLogo };

package/dist/components/Logo/interface.d.ts

@@ -0,0 +1,13 @@
+//#region src/components/Logo/interface.d.ts
+interface LayoutLogoEmits {
+  'click': () => void;
+}
+interface LayoutLogoEmitsProps {
+  onClick?: LayoutLogoEmits['click'];
+}
+type LayoutLogoProps = LayoutLogoEmitsProps;
+interface LayoutLogoSlots {
+  image?: () => any;
+}
+//#endregion
+export { LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoProps, LayoutLogoSlots };

package/dist/components/Logo/interface.js

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

package/dist/components/Menu/iconRender.d.ts

@@ -0,0 +1,10 @@
+import { VNode } from "vue";
+
+//#region src/components/Menu/iconRender.d.ts
+/**
+ * 渲染菜单/面包屑图标：兼容 VNode / 组件 / 图片地址 / 图标名。
+ * 被 ProMenu、Breadcrumb 等组件共用。
+ */
+declare function renderMenuIcon(icon: any): VNode | string | null;
+//#endregion
+export { renderMenuIcon };

package/dist/components/Menu/iconRender.js

@@ -0,0 +1,23 @@
+import { createVNode, h, isVNode } from "vue";
+import { isImg, isString, isUrl } from "@gx-design-vue/pro-utils";
+import { GIcon } from "@gx-design-vue/icon";
+//#region src/components/Menu/iconRender.tsx
+/**
+* 渲染菜单/面包屑图标：兼容 VNode / 组件 / 图片地址 / 图标名。
+* 被 ProMenu、Breadcrumb 等组件共用。
+*/
+function renderMenuIcon(icon) {
+	if (!icon) return null;
+	if (isVNode(icon)) return icon;
+	if (isString(icon)) {
+		if (isUrl(icon) || isImg(icon)) return createVNode("img", {
+			"src": icon,
+			"alt": "icon"
+		}, null);
+		return createVNode(GIcon, { "type": icon }, null);
+	}
+	if (typeof icon === "function" || typeof icon === "object") return h(icon);
+	return null;
+}
+//#endregion
+export { renderMenuIcon };

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

@@ -0,0 +1,13 @@
+import { ProMenuEmits, ProMenuProps, ProMenuSlots } from "./interface.js";
+import { SlotsType } from "vue";
+
+//#region src/components/Menu/index.d.ts
+interface InternalProMenuProps extends Omit<ProMenuProps, 'placement'> {
+  prefixCls?: string;
+  placement?: ProMenuProps['placement'];
+  /** 由外部传入，用于获取包裹菜单的滚动容器 DOM 引用（inline 模式专用） */
+  getScrollContainer?: () => HTMLElement | undefined;
+}
+declare const ProMenu: import("vue").DefineSetupFnComponent<InternalProMenuProps, ProMenuEmits, SlotsType<ProMenuSlots>, InternalProMenuProps, import("vue").PublicProps>;
+//#endregion
+export { ProMenu as default };