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

package/dist/WrapContent.js

@@ -0,0 +1,73 @@
+import { createVNode, defineComponent } from "vue";
+import { ErrorBoundary, getSlot } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+import { LayoutContent } from "antdv-next";
+//#region src/WrapContent.tsx
+const WrapContent = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	return () => {
+		const { prefixCls, hasHeader, hasPageContainer, hashId, cssVarCls } = props;
+		const errorBoundaryRender = getSlot(slots, props, "errorBoundaryRender");
+		const contentClassName = classNames(`${prefixCls}-content`, hashId, cssVarCls, {
+			[`${prefixCls}-has-header`]: hasHeader,
+			[`${prefixCls}-content-has-page-container`]: (hasPageContainer || 0) > 0
+		});
+		return errorBoundaryRender === false ? createVNode(LayoutContent, {
+			"class": contentClassName,
+			"style": attrs.style
+		}, { default: () => [slots.default?.()] }) : createVNode(ErrorBoundary, {
+			"fallback": errorBoundaryRender,
+			"onError": (error) => {
+				console.log(error);
+			}
+		}, { default: () => [createVNode(LayoutContent, {
+			"class": contentClassName,
+			"style": attrs.style
+		}, { default: () => [slots.default?.()] })] });
+	};
+}, {
+	props: {
+		hasPageContainer: {
+			type: Number,
+			required: false
+		},
+		isChildrenLayout: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		location: {
+			type: Object,
+			required: false
+		},
+		contentHeight: {
+			type: [Number, String],
+			required: false
+		},
+		errorBoundaryRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		hasHeader: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		hashId: {
+			type: String,
+			required: false
+		},
+		cssVarCls: {
+			type: String,
+			required: false
+		}
+	},
+	name: "WrapContent",
+	inheritAttrs: false
+});
+//#endregion
+export { WrapContent as default };

package/dist/assert/Logo.d.ts

@@ -0,0 +1,6 @@
+import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
+
+//#region src/assert/Logo.d.ts
+declare function Logo(): _$vue_jsx_runtime0.JSX.Element;
+//#endregion
+export { Logo };

package/dist/assert/Logo.js

@@ -0,0 +1,102 @@
+import { createVNode } from "vue";
+//#region src/assert/Logo.tsx
+function Logo() {
+	return createVNode("svg", {
+		"xmlns": "http://www.w3.org/2000/svg",
+		"xmlnsXlink": "http://www.w3.org/1999/xlink",
+		"fill": "none",
+		"version": "1.1",
+		"width": "1em",
+		"height": "1em",
+		"viewBox": "0 0 100 100"
+	}, [createVNode("defs", null, [createVNode("defs", { "xmlns": "http://www.w3.org/2000/svg" }, [
+		createVNode("clipPath", { "id": "master_svg0_15_16" }, [createVNode("rect", {
+			"x": "0",
+			"y": "0",
+			"width": "100",
+			"height": "100",
+			"rx": "0"
+		}, null)]),
+		createVNode("linearGradient", {
+			"x1": "0.696908175945282",
+			"y1": "-0.12974359095096588",
+			"x2": "0.4750439931090237",
+			"y2": "1.2243471980169296",
+			"id": "master_svg1_15_26"
+		}, [
+			createVNode("stop", {
+				"offset": "0%",
+				"stop-color": "#FA816E",
+				"stop-opacity": "1"
+			}, null),
+			createVNode("stop", {
+				"offset": "41.472604870796204%",
+				"stop-color": "#F74A5C",
+				"stop-opacity": "1"
+			}, null),
+			createVNode("stop", {
+				"offset": "100%",
+				"stop-color": "#F51D2C",
+				"stop-opacity": "1"
+			}, null)
+		]),
+		createVNode("linearGradient", {
+			"x1": "0.552905797958374",
+			"y1": "0.30240023136138916",
+			"x2": "-0.011689962096274294",
+			"y2": "0.67748094524159",
+			"id": "master_svg2_15_23"
+		}, [
+			createVNode("stop", {
+				"offset": "0%",
+				"stop-color": "#29CDFF",
+				"stop-opacity": "1"
+			}, null),
+			createVNode("stop", {
+				"offset": "36.24463677406311%",
+				"stop-color": "#148EFF",
+				"stop-opacity": "1"
+			}, null),
+			createVNode("stop", {
+				"offset": "100%",
+				"stop-color": "#0A60FF",
+				"stop-opacity": "1"
+			}, null)
+		]),
+		createVNode("linearGradient", {
+			"x1": "0.5",
+			"y1": "0",
+			"x2": "0.40112216980036397",
+			"y2": "1.1742942637447706",
+			"id": "master_svg3_15_20"
+		}, [createVNode("stop", {
+			"offset": "0%",
+			"stop-color": "#4285EB",
+			"stop-opacity": "1"
+		}, null), createVNode("stop", {
+			"offset": "100%",
+			"stop-color": "#2EC7FF",
+			"stop-opacity": "1"
+		}, null)])
+	])]), createVNode("g", { "xmlns": "http://www.w3.org/2000/svg" }, [createVNode("g", { "clip-path": "url(#master_svg0_15_16)" }, [createVNode("g", null, [
+		createVNode("g", { "transform": "matrix(0,1,-1,0,128.38507080078125,1.3009490966796875)" }, [createVNode("path", {
+			"d": "M64.69695375205077,90.04532994873047C66.12390785205078,91.47199394873047,68.43745515205079,91.47199394873047,69.86440945205078,90.04532994873047L79.03075785205078,80.88083794873047C80.62410185205079,79.28782094873047,80.62410185205079,76.71482494873047,79.03094385205078,75.12199194873047L69.78469225205077,65.91039584873047C68.35435965205077,64.48542385873047,66.04007265205078,64.48747908873047,64.61227515205078,65.91498784873046C63.18532103205078,67.34165384873047,63.18532103205078,69.65473504873047,64.61227515205078,71.08139894873047L70.85724495205078,77.32510194873046C71.25382805205078,77.72160194873047,71.25382805205078,78.32337194873047,70.85724495205078,78.71987294873047L64.69695375205077,84.87891394873047C63.26999962205078,86.30557994873047,63.26999962205078,88.61865994873047,64.69695375205077,90.04532994873047Z",
+			"fill": "url(#master_svg1_15_26)",
+			"fill-opacity": "1"
+		}, null)]),
+		createVNode("g", null, [createVNode("path", {
+			"d": "M45.071075,20.462244300000002C50.317059,17.4434862,57.016956,19.24900955,60.035713,24.4949932L87.180679,71.667404C88.863739,74.592205,87.871445,78.327076,84.958672,80.030849C84.949287,80.036343,84.939903,80.041798,84.930489,80.047234C82.030266,81.722801,78.320847,80.73002600000001,76.64527100000001,77.829803L52.21682,35.546923C52.036407,35.234653,51.776993,34.975366,51.464634,34.795109C50.481709,34.227886,49.22506,34.56488,48.657841,35.547808L24.197922,77.933762C24.188855,77.949471,24.179718,77.965141,24.170509,77.98077C22.496816600000002,80.820942,18.837607900000002,81.76656,15.9974368,80.09286900000001C13.12257836,78.398735,12.14775169,74.705757,13.81193882,71.81346500000001L41.038097,24.4953909C42.002892,22.8186166,43.394342,21.4271069,45.071075,20.462244300000002Z",
+			"fill-rule": "evenodd",
+			"fill": "url(#master_svg2_15_23)",
+			"fill-opacity": "1"
+		}, null)]),
+		createVNode("g", null, [createVNode("path", {
+			"d": "M56.65453717255859,29.786590576171875C60.05306537255859,29.786590576171875,62.594127372558596,31.106560476171875,64.2777233725586,33.74650027617187L86.61734737255858,72.63262957617187C88.29955337255859,75.56081357617188,87.3005633725586,79.29788257617187,84.3816263725586,80.99607857617187C84.37327937255859,81.00094257617187,84.36491437255859,81.00577557617189,84.3565443725586,81.01059357617189C81.44811637255859,82.68416957617188,77.73366737255859,81.68312457617188,76.0600893725586,78.77469657617188L55.2176894725586,42.553740576171876L51.6441945725586,36.51258137617187C51.45962977255859,36.200564876171875,51.19580437255859,35.942928776171875,50.87949277255859,35.765822876171875C49.889291872558594,35.21139527617188,48.63712227255859,35.564660076171876,48.082697242558595,36.55486197617188L48.056419372558594,36.601793776171874C50.389970572558596,32.05832457617188,53.256010072558595,29.786590576171875,56.65453717255859,29.786590576171875Z",
+			"fill-rule": "evenodd",
+			"fill": "url(#master_svg3_15_20)",
+			"fill-opacity": "1"
+		}, null)])
+	])])])]);
+}
+//#endregion
+export { Logo };

package/dist/components/AppsLogoComponents/AppsLogo.d.ts

@@ -0,0 +1,10 @@
+import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
+
+//#region src/components/AppsLogoComponents/AppsLogo.d.ts
+/**
+ * 默认的应用列表的图标
+ *
+ */
+declare function AppsLogo(): _$vue_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppsLogo };

package/dist/components/AppsLogoComponents/AppsLogo.js

@@ -0,0 +1,17 @@
+import { createVNode } from "vue";
+//#region src/components/AppsLogoComponents/AppsLogo.tsx
+/**
+* 默认的应用列表的图标
+*
+*/
+function AppsLogo() {
+	return createVNode("svg", {
+		"width": "1em",
+		"height": "1em",
+		"viewBox": "0 0 12 12",
+		"fill": "currentColor",
+		"aria-hidden": "true"
+	}, [createVNode("path", { "d": "M0 0h3v3H0V0zm4.5 0h3v3h-3V0zM9 0h3v3H9V0zM0 4.5h3v3H0v-3zm4.503 0h3v3h-3v-3zM9 4.5h3v3H9v-3zM0 9h3v3H0V9zm4.503 0h3v3h-3V9zM9 9h3v3H9V9z" }, null)]);
+}
+//#endregion
+export { AppsLogo };

package/dist/components/AppsLogoComponents/DefaultContent.d.ts

@@ -0,0 +1,22 @@
+import { AppItemProps, AppListProps } from "./typing.js";
+import * as _$vue from "vue";
+import { FunctionalComponent, ShallowRef } from "vue";
+import { VueNode } from "antdv-next/dist/_util/type";
+
+//#region src/components/AppsLogoComponents/DefaultContent.d.ts
+/**
+ * 默认渲染logo的方式，如果是个string，用img。否则直接返回
+ *
+ * @param logo
+ */
+declare function defaultRenderLogo(logo: VueNode): string | number | boolean | void | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}> | _$vue.VNodeArrayChildren | null;
+declare const DefaultContent: FunctionalComponent<{
+  appList?: AppListProps;
+  itemClick?: (item: AppItemProps, popoverRef?: ShallowRef<HTMLSpanElement>) => void;
+  baseClassName?: string;
+  hashId?: string;
+}>;
+//#endregion
+export { DefaultContent as default, defaultRenderLogo };

package/dist/components/AppsLogoComponents/DefaultContent.js

@@ -0,0 +1,42 @@
+import { createVNode } from "vue";
+import { classNames } from "@v-c/util";
+//#region src/components/AppsLogoComponents/DefaultContent.tsx
+/**
+* 默认渲染logo的方式，如果是个string，用img。否则直接返回
+*
+* @param logo
+*/
+function defaultRenderLogo(logo) {
+	if (typeof logo === "string") return createVNode("img", {
+		"width": "auto",
+		"height": 22,
+		"src": logo,
+		"alt": "logo"
+	}, null);
+	if (typeof logo === "function") return logo();
+	return logo;
+}
+const DefaultContent = ({ baseClassName, hashId, itemClick, appList }) => {
+	return createVNode("div", { "class": classNames(`${baseClassName}-content`, hashId) }, [createVNode("ul", { "class": classNames(`${baseClassName}-content-list`, hashId) }, [appList?.map((app, index) => {
+		if (app?.children?.length) return createVNode("div", {
+			"key": index,
+			"class": classNames(`${baseClassName}-content-list-item-group`, hashId)
+		}, [createVNode("div", { "class": classNames(`${baseClassName}-content-list-item-group-title`, hashId) }, [app.title]), createVNode(DefaultContent, {
+			"hashId": hashId,
+			"itemClick": itemClick,
+			"appList": app?.children,
+			"baseClassName": baseClassName
+		}, null)]);
+		return createVNode("li", {
+			"key": index,
+			"class": classNames(`${baseClassName}-content-list-item`, hashId)
+		}, [createVNode("a", {
+			"href": itemClick ? void 0 : app.url,
+			"onClick": () => itemClick?.(app),
+			"target": app.target,
+			"rel": "noreferrer"
+		}, [defaultRenderLogo(app.icon), createVNode("div", null, [createVNode("div", null, [app.title]), app.desc ? createVNode("span", null, [app.desc]) : null])])]);
+	})])]);
+};
+//#endregion
+export { DefaultContent as default, defaultRenderLogo };

package/dist/components/AppsLogoComponents/SimpleContent.d.ts

@@ -0,0 +1,12 @@
+import { AppItemProps, AppListProps } from "./typing.js";
+import { FunctionalComponent, ShallowRef } from "vue";
+
+//#region src/components/AppsLogoComponents/SimpleContent.d.ts
+declare const SimpleContent: FunctionalComponent<{
+  appList?: AppListProps;
+  itemClick?: (item: AppItemProps, popoverRef?: ShallowRef<HTMLSpanElement>) => void;
+  baseClassName?: string;
+  hashId?: string;
+}>;
+//#endregion
+export { SimpleContent as default };

package/dist/components/AppsLogoComponents/SimpleContent.js

@@ -0,0 +1,44 @@
+import { createVNode } from "vue";
+import { isUrl } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+//#region src/components/AppsLogoComponents/SimpleContent.tsx
+/**
+* simple 模式渲染logo的方式
+*
+* @param logo
+* @param title
+*/
+function renderLogo(logo, title) {
+	if (logo && typeof logo === "string" && isUrl(logo)) return createVNode("img", {
+		"src": logo,
+		"alt": "logo"
+	}, null);
+	if (typeof logo === "function") return logo();
+	if (logo && typeof logo === "string") return createVNode("div", { "id": "avatarLogo" }, [logo]);
+	if (!logo && title && typeof title === "string") return createVNode("div", { "id": "avatarLogo" }, [title.substring(0, 1)]);
+	return logo;
+}
+const SimpleContent = ({ baseClassName, hashId, itemClick, appList }) => {
+	return createVNode("div", { "class": classNames(`${baseClassName}-content`, hashId) }, [createVNode("ul", { "class": classNames(`${baseClassName}-content-list`, hashId) }, [appList?.map((app, index) => {
+		if (app?.children?.length) return createVNode("div", {
+			"key": index,
+			"class": classNames(`${baseClassName}-content-list-item-group`, hashId)
+		}, [createVNode("div", { "class": classNames(`${baseClassName}-content-list-item-group-title`, hashId) }, [app.title]), createVNode(SimpleContent, {
+			"hashId": hashId,
+			"itemClick": itemClick,
+			"appList": app?.children,
+			"baseClassName": baseClassName
+		}, null)]);
+		return createVNode("li", {
+			"key": index,
+			"class": classNames(`${baseClassName}-content-list-item`, hashId)
+		}, [createVNode("a", {
+			"href": itemClick ? "javascript:void(0);" : app.url,
+			"onClick": () => itemClick?.(app),
+			"target": app.target,
+			"rel": "noreferrer"
+		}, [renderLogo(app.icon, app.title), createVNode("div", null, [createVNode("div", null, [app.title])])])]);
+	})])]);
+};
+//#endregion
+export { SimpleContent as default };

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

@@ -0,0 +1,22 @@
+import { AppItemProps, AppListProps } from "./typing.js";
+import { AppListRender, SlotsRenderType } from "../../RenderTypings.js";
+import { defaultRenderLogo } from "./DefaultContent.js";
+import * as _$vue from "vue";
+import { ShallowRef } from "vue";
+import { VueNode } from "@antdv-vue/pro-utils";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/AppsLogoComponents/index.d.ts
+interface AppsLogoComponentsProps {
+  prefixCls?: string;
+  /** 相关品牌的列表 */
+  appList?: AppListProps;
+  appListRender?: AppListRender | false;
+  /** 相关品牌的列表项 点击事件，当事件存在时，appList 内配置的 url 不在自动跳转 */
+  onItemClick?: (item: AppItemProps, popoverRef: ShallowRef<HTMLSpanElement | null>) => void;
+}
+declare const AppsLogoComponents: _$vue.DefineSetupFnComponent<AppsLogoComponentsProps, {}, CustomSlotsType<Pick<SlotsRenderType, "appListRender"> & {
+  default?: () => VueNode[];
+}>, AppsLogoComponentsProps & {}, _$vue.PublicProps>;
+//#endregion
+export { AppsLogoComponentsProps, AppsLogoComponents as default, defaultRenderLogo };

package/dist/components/AppsLogoComponents/index.js

@@ -0,0 +1,85 @@
+import { AppsLogo } from "./AppsLogo.js";
+import DefaultContent, { defaultRenderLogo } from "./DefaultContent.js";
+import SimpleContent from "./SimpleContent.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, shallowRef } from "vue";
+import { getSlot, useState } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+import { Popover } from "antdv-next";
+//#region src/components/AppsLogoComponents/index.tsx
+const AppsLogoComponents = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const elRef = shallowRef(null);
+	const popoverRef = shallowRef(null);
+	const baseClassName = computed(() => `${props.prefixCls}-layout-apps`);
+	const [hashId] = style_default(baseClassName);
+	const [open, setOpen] = useState(false);
+	const cloneItemClick = (app) => props.onItemClick?.(app, popoverRef);
+	const defaultDomContent = computed(() => {
+		const { appList = [], onItemClick } = props;
+		if (appList.some((app) => !app?.desc)) return createVNode(SimpleContent, {
+			"hashId": hashId?.value,
+			"appList": appList,
+			"itemClick": onItemClick ? cloneItemClick : void 0,
+			"baseClassName": `${baseClassName.value}-simple`
+		}, null);
+		return createVNode(DefaultContent, {
+			"hashId": hashId?.value,
+			"appList": appList,
+			"itemClick": onItemClick ? cloneItemClick : void 0,
+			"baseClassName": `${baseClassName.value}-default`
+		}, null);
+	});
+	const popoverContent = computed(() => {
+		const { appList = [] } = props;
+		const appListRender = getSlot(slots, props, "appListRender");
+		return appListRender ? appListRender({
+			props: appList,
+			dom: defaultDomContent.value
+		}) : defaultDomContent.value;
+	});
+	return () => {
+		const { appList = [] } = props;
+		if (!appList.length) return null;
+		return createVNode("div", {
+			"ref": elRef,
+			"class": classNames(baseClassName.value, hashId?.value),
+			"onClick": (e) => e.stopPropagation()
+		}, [createVNode(Popover, {
+			"placement": "bottomRight",
+			"trigger": ["click"],
+			"open": open.value,
+			"classes": { root: classNames(`${baseClassName.value}-popover`, hashId?.value) },
+			"onOpenChange": (visible) => setOpen(visible),
+			"content": popoverContent.value,
+			"getPopupContainer": () => elRef.value || document.body
+		}, { default: () => [createVNode("div", {
+			"ref": popoverRef,
+			"onClick": (e) => e.stopPropagation(),
+			"class": classNames(`${baseClassName.value}-wrapper`)
+		}, [createVNode("span", { "class": classNames(`${baseClassName.value}-icon`, hashId?.value, { [`${baseClassName.value}-icon-active`]: open.value }) }, [createVNode(AppsLogo, null, null)])])] })]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		appList: {
+			type: Array,
+			required: false
+		},
+		appListRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		onItemClick: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "AppsLogoComponents",
+	inheritAttrs: false
+});
+//#endregion
+export { AppsLogoComponents as default, defaultRenderLogo };

package/dist/components/AppsLogoComponents/style/default.d.ts

@@ -0,0 +1,7 @@
+import { AppsLogoComponentsToken } from "./index.js";
+import { GenerateStyle } from "@antdv-vue/pro-provider";
+
+//#region src/components/AppsLogoComponents/style/default.d.ts
+declare const genAppsLogoComponentsDefaultListStyle: GenerateStyle<AppsLogoComponentsToken>;
+//#endregion
+export { genAppsLogoComponentsDefaultListStyle };

package/dist/components/AppsLogoComponents/style/default.js

@@ -0,0 +1,72 @@
+import { resetComponent } from "@antdv-vue/pro-provider";
+//#region src/components/AppsLogoComponents/style/default.ts
+const genAppsLogoComponentsDefaultListStyle = (token) => {
+	return { "&-content": {
+		maxHeight: token.calc("100vh").sub(48).equal(),
+		overflow: "auto",
+		"&-list": {
+			boxSizing: "content-box",
+			maxWidth: 656,
+			marginBlock: 0,
+			marginInline: 0,
+			paddingBlock: 0,
+			paddingInline: 0,
+			listStyle: "none",
+			"&-item": {
+				position: "relative",
+				display: "inline-block",
+				width: 328,
+				height: 72,
+				paddingInline: 16,
+				paddingBlock: 16,
+				verticalAlign: "top",
+				listStyleType: "none",
+				transition: "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
+				borderRadius: token.borderRadius,
+				boxSizing: "border-box",
+				"&-group": {
+					marginBlockEnd: 16,
+					"&-title": {
+						marginBlockStart: 16,
+						marginInlineEnd: 0,
+						marginBlockEnd: 8,
+						marginInlineStart: 12,
+						fontWeight: 600,
+						color: "rgba(0, 0, 0, 0.88)",
+						fontSize: 16,
+						opacity: .85,
+						lineHeight: 1.5,
+						"&:first-child": { marginBlockStart: 12 }
+					}
+				},
+				"&:hover": { backgroundColor: token.colorBgTextHover },
+				"* div": resetComponent?.(token),
+				a: {
+					display: "flex",
+					height: "100%",
+					fontSize: 12,
+					textDecoration: "none",
+					"& > img": {
+						width: 40,
+						height: 40
+					},
+					"& > div": {
+						marginInlineStart: 14,
+						color: token.colorTextHeading,
+						fontSize: 14,
+						lineHeight: "22px",
+						whiteSpace: "nowrap",
+						textOverflow: "ellipsis"
+					},
+					"& > div > span": {
+						color: token.colorTextSecondary,
+						fontSize: 12,
+						lineHeight: "20px"
+					}
+				}
+			}
+		}
+	} };
+};
+//#endregion
+export { genAppsLogoComponentsDefaultListStyle };

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

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/AppsLogoComponents/style/index.d.ts
+interface AppsLogoComponentsToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { AppsLogoComponentsToken, _default as default };

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

@@ -0,0 +1,69 @@
+import { genAppsLogoComponentsDefaultListStyle } from "./default.js";
+import { genAppsLogoComponentsSimpleListStyle } from "./simple.js";
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
+//#region src/components/AppsLogoComponents/style/index.ts
+const genAppsLogoComponentsStyle = (token) => {
+	return {
+		[`${token.proComponentsCls}-top-nav-header, ${token.proComponentsCls}-global-header`]: { "&-dark": { [token.componentCls]: {
+			"&-icon": {
+				color: "rgba(255, 255, 255, 0.85)",
+				"&:hover": {
+					color: "rgba(255, 255, 255, 1)",
+					backgroundColor: "rgba(255,255,255, 0.05)"
+				},
+				"&-active": {
+					color: "rgba(255, 255, 255, 1)",
+					backgroundColor: "rgba(255,255,255, 0.05)"
+				}
+			},
+			"&-item-title": { color: "rgba(255, 255, 255, 0.88)" }
+		} } },
+		[token.componentCls]: {
+			"&-wrapper": {},
+			"&-icon": {
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				paddingInline: 4,
+				paddingBlock: 0,
+				fontSize: 14,
+				lineHeight: "14px",
+				height: 28,
+				width: 28,
+				cursor: "pointer",
+				color: token.proLayoutColorTextAppListIcon,
+				borderRadius: token.borderRadius,
+				boxSizing: "border-box",
+				"&:hover": {
+					color: token.proLayoutColorTextAppListIconHover,
+					backgroundColor: token.proLayoutColorBgAppListIconHover
+				},
+				"&-active": {
+					color: token.proLayoutColorTextAppListIconHover,
+					backgroundColor: token.proLayoutColorBgAppListIconHover
+				}
+			},
+			"&-item-title": {
+				marginInlineStart: 16,
+				marginInlineEnd: 8,
+				marginBlockStart: 0,
+				marginBlockEnd: 12,
+				fontWeight: 600,
+				color: "rgba(0, 0, 0, 0.88)",
+				fontSize: 16,
+				opacity: .85,
+				lineHeight: 1.5,
+				"&:first-child": { marginBlockStart: 12 }
+			},
+			"&-popover": { [`${token.antCls}-popover-arrow`]: { display: "none" } },
+			"&-simple": genAppsLogoComponentsSimpleListStyle(token),
+			"&-default": genAppsLogoComponentsDefaultListStyle(token)
+		}
+	};
+};
+var style_default = useStyle("AppsLogoComponents", (token) => {
+	return [genAppsLogoComponentsStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/AppsLogoComponents/style/simple.d.ts

@@ -0,0 +1,7 @@
+import { AppsLogoComponentsToken } from "./index.js";
+import { GenerateStyle } from "@antdv-vue/pro-provider";
+
+//#region src/components/AppsLogoComponents/style/simple.d.ts
+declare const genAppsLogoComponentsSimpleListStyle: GenerateStyle<AppsLogoComponentsToken>;
+//#endregion
+export { genAppsLogoComponentsSimpleListStyle };