@pubinfo/core 2.1.10 → 2.1.11

package/dist/built-in/layout-component/composables/useContext.d.ts

@@ -10,6 +10,7 @@ interface LayoutContext {
     favoritesStore: ReturnType<typeof useFavoritesStore>;
     appTitle: string;
     isDev: boolean;
+    indentSize: number;
     generateTitle: (titile?: string | (() => any)) => string;
 }
 export declare function createContext(options: LayoutContext): void;

package/dist/index.js

@@ -330,6 +330,10 @@ const Provider = defineComponent({
 		isDev: {
 			type: Boolean,
 			default: !1
+		},
+		indentSize: {
+			type: Number,
+			default: 32
 		}
 	},
 	setup(e, { slots: M }) {
@@ -345,6 +349,7 @@ const Provider = defineComponent({
 			favoritesStore: Ke,
 			appTitle: e.appTitle,
 			isDev: e.isDev,
+			indentSize: e.indentSize,
 			generateTitle: $e
 		}), () => h(PubinfoProvider_default, {}, () => M?.default?.({
 			allMenus: ve.allMenus,
@@ -2990,26 +2995,26 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 		}
 	},
 	setup(e, { expose: M }) {
-		let ne = e, ve = inject(rootMenuInjectionKey), { generateTitle: Ee } = useContext(), De = ref(), ke = computed(() => ne.subMenu ? ve.subMenus[ne.uniqueKey[ne.uniqueKey.length - 1]]?.active : ve.activeIndex === ne.uniqueKey[ne.uniqueKey.length - 1]), je = computed(() => ke.value && (!ne.subMenu || ve.isMenuPopup)), We = computed(() => {
+		let ne = e, ve = inject(rootMenuInjectionKey), { generateTitle: Ee, indentSize: De } = useContext(), ke = ref(), je = computed(() => ne.subMenu ? ve.subMenus[ne.uniqueKey[ne.uniqueKey.length - 1]]?.active : ve.activeIndex === ne.uniqueKey[ne.uniqueKey.length - 1]), We = computed(() => je.value && (!ne.subMenu || ve.isMenuPopup)), Ke = computed(() => {
 			let e;
-			return ne.item.meta?.icon && (e = ne.item.meta.icon), ke.value && (ne.item.meta?.activeIcon === "system-point" ? e = "system-point" : ne.item.meta?.activeIcon && (e = ne.item.meta.activeIcon)), e;
-		}), Ke = computed(() => ne.item.meta?.iconOptions), $e = computed(() => {
-			let e = Ke.value?.boxType;
+			return ne.item.meta?.icon && (e = ne.item.meta.icon), je.value && (ne.item.meta?.activeIcon === "system-point" ? e = "system-point" : ne.item.meta?.activeIcon && (e = ne.item.meta.activeIcon)), e;
+		}), $e = computed(() => ne.item.meta?.iconOptions), at = computed(() => {
+			let e = $e.value?.boxType;
 			return e && e !== "null" ? e : void 0;
-		}), at = computed(() => Ke.value?.iconColor || void 0), ft = computed(() => ve.isMenuPopup ? "" : `padding-left: ${32 * (ne.level ?? 0)}px`);
-		return M({ ref: De }), (M, ne) => {
-			let ke = HBadge_default;
+		}), ft = computed(() => $e.value?.iconColor || void 0), Et = computed(() => ve.isMenuPopup ? "" : `padding-left: ${De * (ne.level ?? 0)}px`);
+		return M({ ref: ke }), (M, ne) => {
+			let De = HBadge_default;
 			return openBlock(), createElementBlock("div", {
 				ref_key: "itemRef",
-				ref: De,
+				ref: ke,
 				class: normalizeClass(["menu-item relative transition-all", {
-					active: unref(je),
+					active: unref(We),
 					"px-2 py-1": unref(ve).props.rounded,
 					"px-1! py-2!": unref(ve).props.rounded && unref(ve).isMenuPopup && e.level === 0 && unref(ve).props.mode === "horizontal"
 				}])
 			}, [createElementVNode("div", {
 				class: normalizeClass(["group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 px-5 py-14px text-[var(--g-sub-sidebar-menu-color)] transition-all hover:(bg-[var(--g-sub-sidebar-menu-hover-bg)] text-[var(--g-sub-sidebar-menu-hover-color)])", {
-					"text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!": unref(je),
+					"text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!": unref(We),
 					"rounded-2": unref(ve).props.rounded,
 					"px-2!": unref(ve).isMenuPopup && e.level === 0,
 					"py-3!": unref(ve).props.rounded && unref(ve).isMenuPopup && e.level !== 0
@@ -3022,19 +3027,19 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 					"w-full": unref(ve).isMenuPopup && e.level === 0 && unref(ve).props.showCollapseName && unref(ve).props.mode === "vertical",
 					"w-[50px]": unref(ve).isMenuPopup && e.level === 0 && unref(ve).props.showCollapseName && unref(ve).props.mode === "horizontal"
 				}]),
-				style: normalizeStyle(unref(ft))
+				style: normalizeStyle(unref(Et))
 			}, [
-				unref(We) && unref(We) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(Ke) && unref($e) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
+				unref(Ke) && unref(Ke) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref($e) && unref(at) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
 					key: 0,
 					small: "",
-					name: unref(We),
-					box: unref($e),
+					name: unref(Ke),
+					box: unref(at),
 					size: 20,
-					"icon-size": unref(Ke)?.iconSize,
-					angle: unref(Ke)?.angle,
-					background: unref(Ke)?.background,
-					radius: unref(Ke)?.radius,
-					color: (unref(We) || "").startsWith("antd:") ? unref(at) || "#ffffff" : void 0,
+					"icon-size": unref($e)?.iconSize,
+					angle: unref($e)?.angle,
+					background: unref($e)?.background,
+					radius: unref($e)?.radius,
+					color: (unref(Ke) || "").startsWith("antd:") ? unref(ft) || "#ffffff" : void 0,
 					class: "menu-item-container-icon transition-transform group-hover:scale-115"
 				}, null, 8, [
 					"name",
@@ -3046,9 +3051,9 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 					"color"
 				])) : (openBlock(), createBlock(unref(PubinfoIcon_default), {
 					key: 1,
-					name: unref(We),
+					name: unref(Ke),
 					size: 20,
-					color: (unref(We) || "").startsWith("antd:") ? unref(at) : void 0,
+					color: (unref(Ke) || "").startsWith("antd:") ? unref(ft) : void 0,
 					class: "menu-item-container-icon transition-transform group-hover:scale-115"
 				}, null, 8, ["name", "color"]))], 64)) : createCommentVNode("", !0),
 				unref(ve).isMenuPopup && e.level === 0 && !unref(ve).props.showCollapseName ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
@@ -3056,10 +3061,10 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 					class: normalizeClass(["title w-0 flex-1 truncate text-sm transition-height transition-opacity transition-width", {
 						"opacity-0 w-0 h-0": unref(ve).isMenuPopup && e.level === 0 && !unref(ve).props.showCollapseName,
 						"w-full text-center": unref(ve).isMenuPopup && e.level === 0 && unref(ve).props.showCollapseName,
-						"system-point": unref(We) === "system-point" && unref(je)
+						"system-point": unref(Ke) === "system-point" && unref(We)
 					}])
 				}, toDisplayString(unref(Ee)(e.item.meta?.title)), 3)),
-				e.item.meta?.badge ? (openBlock(), createBlock(ke, {
+				e.item.meta?.badge ? (openBlock(), createBlock(De, {
 					key: 2,
 					value: typeof e.item.meta.badge == "function" ? e.item.meta.badge() : e.item.meta.badge,
 					class: normalizeClass(["badge", { "opacity-0": unref(ve).isMenuPopup && e.level === 0 }])
@@ -3074,7 +3079,7 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 			}, null, 2)) : createCommentVNode("", !0)], 10, _hoisted_1$26)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-dd5786b9"]]), sub_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-e299a724"]]), sub_default = /* @__PURE__ */ defineComponent({
 	name: "SubMenu",
 	__name: "sub",
 	props: {
@@ -3177,7 +3182,7 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 				to: "body",
 				disabled: !unref(De).isMenuPopup
 			}, [createVNode(Transition, mergeProps(unref(We), toHandlers(unref(je))), {
-				default: withCtx(() => [unref(ke) ? (openBlock(), createBlock(unref(P$3), {
+				default: withCtx(() => [unref(ke) && unref(De).isMenuPopup ? (openBlock(), createBlock(unref(P$3), {
 					key: 0,
 					ref_key: "subMenuRef",
 					ref: Ee,
@@ -3201,7 +3206,19 @@ var _hoisted_1$26 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export
 						"level"
 					]))], 64))), 128))]),
 					_: 1
-				}, 8, ["class"])) : createCommentVNode("", !0)]),
+				}, 8, ["class"])) : unref(ke) ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["sub-menu", { "rounded-2 py-1": unref(De).props.rounded && !unref(De).isMenuPopup }])
+				}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.menu.children, (M) => (openBlock(), createElementBlock(Fragment, { key: M.path ?? JSON.stringify(M) }, [M.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(at, {
+					key: 0,
+					"unique-key": [...e.uniqueKey, M.path ?? JSON.stringify(M)],
+					menu: M,
+					level: e.level + 1
+				}, null, 8, [
+					"unique-key",
+					"menu",
+					"level"
+				]))], 64))), 128))], 2)) : createCommentVNode("", !0)]),
 				_: 1
 			}, 16)], 8, ["disabled"])) : createCommentVNode("", !0)], 64);
 		};