@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/navigation-DF8R5jFK.js

@@ -0,0 +1,1479 @@
+import "./src-DNBBthjO.js";
+import { s as e, t } from "./foundation-Cawx37mp.js";
+import { t as n } from "./env-BeIzjQx7.js";
+import { t as r } from "./isEnterPress-HTy0eCBp.js";
+import { t as i } from "./Collapsible-DeV0aJ4n.js";
+import { t as a } from "./Tooltip-Bq7HZwnS.js";
+import { i as o, r as s, t as c } from "./dropdown-D0-UWd65.js";
+import { t as l } from "./isNullOrUndefined-Cg6MZ8r3.js";
+import { t as u } from "./config-context-CyynTtDb.js";
+import { n as d, o as f } from "./config-provider-VMfNNSF1.js";
+import { t as p } from "./Button-RCaDTqHh.js";
+import { Comment as m, Fragment as h, Text as g, cloneVNode as _, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, getCurrentInstance as T, h as E, inject as ee, isVNode as D, markRaw as te, mergeProps as O, nextTick as k, normalizeClass as A, normalizeProps as j, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, openBlock as M, provide as N, renderList as ae, renderSlot as P, resolveComponent as F, resolveDynamicComponent as I, shallowReactive as oe, unref as L, useSlots as se, useTemplateRef as ce, watch as le, withCtx as R } from "vue";
+import { IconChevronDown as ue, IconChevronRight as de, IconSidebar as z } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var B = "horizontal", V = "vertical";
+`${n}`;
+var fe = {
+	MODE: [V, B],
+	MODE_VERTICAL: V,
+	MODE_HORIZONTAL: B,
+	ICON_POS_LEFT: "left",
+	ICON_POS_RIGHT: "right",
+	DEFAULT_LOGO_ICON_SIZE: "extra-large",
+	TOGGLE_ICON_LEFT: "left",
+	TOGGLE_ICON_RIGHT: "right"
+}, pe = {
+	DEFAULT_SUBNAV_MAX_HEIGHT: 999,
+	DEFAULT_TOOLTIP_SHOW_DELAY: 0,
+	DEFAULT_TOOLTIP_HIDE_DELAY: 100,
+	DEFAULT_SUBNAV_OPEN_DELAY: 0,
+	DEFAULT_SUBNAV_CLOSE_DELAY: 100
+}, H = {
+	open: "chevron_up",
+	closed: "chevron_down"
+}, me = class e {
+	constructor(t = {}) {
+		(typeof t != "object" || !t) && (t = {
+			text: t,
+			itemKey: t,
+			maxHeight: pe.DEFAULT_SUBNAV_MAX_HEIGHT,
+			link: null,
+			items: null,
+			icon: "",
+			indent: !1
+		});
+		for (let e of Object.keys(t)) this[e] = t[e];
+		t.items && Array.isArray(t.items) && t.items.length ? (this.items = t.items.map((t) => new e(t)), this.toggleIcon = "toggleIcon" in t && e.isValidToggleIcon(t.toggleIcon) ? { ...t.toggleIcon } : { ...H }) : this.items = null;
+	}
+	static isValidToggleIcon(e) {
+		return !!(e && typeof e == "object" && typeof e.open == "string" && e.open.length && typeof e.closed == "string" && e.closed.length);
+	}
+}, he = class n extends t {
+	constructor(e) {
+		super({ ...e });
+	}
+	/* istanbul ignore next */
+	static getZeroParentKeys(e = {}, ...t) {
+		let n = [];
+		if (t.length) {
+			for (let r of t) if (Array.isArray(e[r]) && e[r].length) {
+				let t = e[r][0];
+				l(t) || n.push(t);
+			}
+		}
+		return n;
+	}
+	static buildItemKeysMap(e = [], t = {}, r = [], i = "itemKey") {
+		if (Array.isArray(e) && e.length) for (let a of e) if (Array.isArray(a)) n.buildItemKeysMap(a, t, [...r], i);
+		else {
+			let e;
+			if (a && typeof a == "object" && (e = a[i] || a.props && a.props[i]), e) {
+				t[e] = [...r];
+				let o = a.props?.children;
+				if (Array.isArray(a.items) && a.items.length) n.buildItemKeysMap(a.items, t, [...r, e], i);
+				else if (o) {
+					let a = Array.isArray(o) ? o : [o];
+					n.buildItemKeysMap(a, t, [...r, e], i);
+				}
+			}
+		}
+		return t;
+	}
+	init(e) {
+		let { defaultSelectedKeys: t, selectedKeys: n } = this.getProps(), r = n || t || [], { itemKeysMap: i, willOpenKeys: a, formattedItems: o } = this.getCalcState(), s = this.selectLevelZeroParentKeys(i, r);
+		if (r = r.concat(s), e === "constructor") return {
+			selectedKeys: r,
+			itemKeysMap: i,
+			openKeys: a,
+			items: o
+		};
+		this._adapter.updateSelectedKeys(r, !1), this._adapter.setItemKeysMap(i), this._adapter.updateOpenKeys(a), this._adapter.updateItems(o), this._adapter.setItemsChanged(!0);
+	}
+	getCalcState() {
+		let { itemKeysMap: e, formattedItems: t } = this.getFormattedItems();
+		return {
+			itemKeysMap: e,
+			willOpenKeys: this.getWillOpenKeys(e),
+			formattedItems: t
+		};
+	}
+	getFormattedItems() {
+		let { items: e, children: t } = this.getProps(), r = this.formatItems(e), i = Array.isArray(e) && e.length ? r : t;
+		return {
+			itemKeysMap: n.buildItemKeysMap(i),
+			formattedItems: r
+		};
+	}
+	getWillOpenKeys(e) {
+		let { defaultOpenKeys: t, openKeys: n, defaultSelectedKeys: r, selectedKeys: i, mode: a } = this.getProps(), { openKeys: o = [] } = this.getStates(), s = n || t || [];
+		if (!(Array.isArray(t) || Array.isArray(n)) && a === fe.MODE_VERTICAL && (Array.isArray(r) || Array.isArray(i))) {
+			let t = Array.isArray(i) ? i : r;
+			s = o.concat(this.getShouldOpenKeys(e, t)), s = Array.from(new Set(s));
+		}
+		return [...s];
+	}
+	getShouldOpenKeys(t = {}, n = []) {
+		let r = /* @__PURE__ */ new Set();
+		return Array.isArray(n) && n.length && n.forEach((n) => {
+			if (n) {
+				let i = (0, e.default)(t, n);
+				Array.isArray(i) && i.forEach((e) => r.add(e));
+			}
+		}), [...r];
+	}
+	destroy() {}
+	selectLevelZeroParentKeys(e, t) {
+		let n = l(e) ? this.getState("itemKeysMap") : e, r = [];
+		if (t.length) {
+			for (let e of t) if (Array.isArray(n[e]) && n[e].length) {
+				let t = n[e][0];
+				l(t) || r.push(t);
+			}
+		}
+		return r.length ? r : [];
+	}
+	formatItems(e = []) {
+		let t = [];
+		for (let n of e) t.push(new me(n));
+		return t;
+	}
+	handleSelect(e) {
+		this._adapter.notifySelect(e);
+	}
+	/* istanbul ignore next */
+	judgeIfOpen(e, t) {
+		let n = !1, r = Array.isArray(e) ? e : e && [e];
+		if (r && Array.isArray(t) && t.length) {
+			for (let e of t) if (n = r.includes(e.itemKey) || this.judgeIfOpen(r, e.items), n) break;
+		}
+		return n;
+	}
+	handleCollapseChange() {
+		let e = !this.getState("isCollapsed");
+		this._isControlledComponent("isCollapsed") || this._adapter.setIsCollapsed(e), this._adapter.notifyCollapseChange(e);
+	}
+	handleItemsChange(e) {
+		this._adapter.setItemsChanged(e);
+	}
+}, ge = class extends t {
+	constructor(e) {
+		super({ ...e });
+	}
+	init() {
+		this._timer = null, this._mounted = !0;
+	}
+	destroy() {
+		this._mounted = !1;
+	}
+	isValidKey(e) {
+		return e != null && (typeof e == "string" || typeof e == "number");
+	}
+	handleClick(e) {
+		let { isSubNav: t, itemKey: n, text: r, disabled: i } = this.getProps();
+		if (i) return;
+		!t && this.isValidKey(n) && !this._adapter.getSelectedKeysIsControlled() && !this._adapter.getSelected() && this._adapter.updateSelected(!0);
+		let a = [n];
+		if (!t) {
+			if (!this._adapter.getSelected()) {
+				let t = [this._adapter.cloneDeep(this.getProps())];
+				this._adapter.notifyGlobalOnSelect({
+					itemKey: n,
+					selectedKeys: a,
+					selectedItems: t,
+					domEvent: e
+				});
+			}
+			this._adapter.notifyGlobalOnClick({
+				itemKey: n,
+				text: r,
+				domEvent: e
+			});
+		}
+		this._adapter.notifyClick({
+			itemKey: n,
+			text: r,
+			domEvent: e
+		});
+	}
+	handleKeyPress(t) {
+		if (r(t)) {
+			let { link: n, linkOptions: r } = this.getProps(), i = (0, e.default)(r, "target", "_self");
+			this.handleClick(t), typeof n == "string" && (i === "_blank" ? window.open(n) : window.location.href = n);
+		}
+	}
+}, _e = function(e = [], ...t) {
+	let n = new Set(e);
+	return t.forEach((e) => e && n.add(e)), Array.from(n);
+}, ve = function(e = [], ...t) {
+	let n = new Set(e);
+	return t.forEach((e) => e && n.delete(e)), Array.from(n);
+}, ye = class extends t {
+	constructor(e) {
+		super({ ...e });
+	}
+	init() {
+		this._timer = null;
+	}
+	destroy() {
+		this.clearDelayTimer();
+	}
+	clearDelayTimer() {
+		this._timer &&= (clearTimeout(this._timer), null);
+	}
+	isValidKey(e) {
+		return e != null && (typeof e == "number" || typeof e == "string");
+	}
+	handleDropdownVisibleChange(e) {
+		let t = this.getProp("itemKey"), n = this._adapter.getOpenKeysIsControlled(), r = this._adapter.getCanUpdateOpenKeys(), i = this._adapter.getOpenKeys(), a = e ? _e(i, t) : ve(i, t);
+		this.clearDelayTimer(), n || r && this._adapter.updateOpen(e), this._adapter.notifyGlobalOpenChange({
+			itemKey: t,
+			openKeys: a,
+			isOpen: e
+		});
+	}
+	handleClick(e, t) {
+		let { itemKey: n, disabled: r } = this.getProps();
+		if (r) return;
+		let i = t && t.contains(e.target), a = !!this._adapter.getIsOpen();
+		a = i ? !a : !1;
+		let o = {
+			itemKey: n,
+			openKeys: a ? _e(this._adapter.getOpenKeys(), n) : ve(this._adapter.getOpenKeys(), n),
+			isOpen: a,
+			domEvent: e
+		}, s = this._adapter.getOpenKeysIsControlled(), c = this._adapter.getCanUpdateOpenKeys();
+		!s && c && this._adapter.updateOpen(a), this._adapter.notifyGlobalOpenChange(o), this._adapter.notifyGlobalOnClick(o);
+	}
+	handleKeyPress(e, t) {
+		r(e) && this.handleClick(e, t);
+	}
+};
+//#endregion
+//#region src/navigation/NavigationNodeRenderer.ts
+function be(e) {
+	return typeof e == "function" ? e() : e;
+}
+var U = w({
+	name: "NavigationNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => {
+			let t = be(e.content);
+			return D(t) ? _(t) : t;
+		};
+	}
+}), xe = /* @__PURE__ */ w({
+	name: "NavigationCollapseButton",
+	__name: "CollapseButton",
+	props: {
+		collapseText: {},
+		isCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		locale: { default: () => ({
+			collapseText: "收起侧边栏",
+			expandText: "展开侧边栏"
+		}) },
+		prefixCls: { default: "semi-navigation" }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = v(() => n.collapseText ? () => n.collapseText?.(n.isCollapsed) : n.isCollapsed ? n.locale.expandText : n.locale.collapseText);
+		return (e, t) => (M(), x("div", { class: A(`${n.prefixCls}-collapse-btn`) }, [n.isCollapsed ? (M(), y(a, {
+			key: 0,
+			position: "right"
+		}, {
+			content: R(() => [C(L(U), { content: i.value }, null, 8, ["content"])]),
+			default: R(() => [S("span", { class: A(`${n.prefixCls}-collapse-wrapper`) }, [C(p, {
+				theme: "borderless",
+				type: "tertiary",
+				onClick: t[0] ||= (e) => r("click", !n.isCollapsed)
+			}, {
+				icon: R(() => [C(L(z))]),
+				_: 1
+			})], 2)]),
+			_: 1
+		})) : (M(), y(p, {
+			key: 1,
+			theme: "borderless",
+			type: "tertiary",
+			onClick: t[1] ||= (e) => r("click", !0)
+		}, {
+			icon: R(() => [C(L(z))]),
+			default: R(() => [C(L(U), { content: i.value }, null, 8, ["content"])]),
+			_: 1
+		}))], 2));
+	}
+}), W = Symbol("navigation"), G = /* @__PURE__ */ w({
+	name: "NavFooter",
+	inheritAttrs: !1,
+	__name: "NavFooter",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		collapseButton: { type: [
+			Boolean,
+			Object,
+			String,
+			Number,
+			null,
+			Array,
+			Function
+		] },
+		collapseText: { type: Function },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = se(), a = T(), o = ee(W);
+		if (!o) throw Error("please make sure <NavFooter> inside <Nav>");
+		function s(e) {
+			let t = a?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		function c(e) {
+			return Array.isArray(e) ? e.some(c) : !D(e) || e.type === m || e.type === g ? !1 : e.type !== h || c(e.children);
+		}
+		let l = v(() => i.default?.() ?? []), u = v(() => i.collapseButton?.() ?? n.collapseButton), d = v(() => i.collapseButton ? !0 : s("collapseButton") ? n.collapseButton !== !1 : !1), f = v(() => d.value && !c(l.value) && o.mode.value !== "horizontal" && !D(u.value)), p = v(() => [
+			n.class,
+			n.className,
+			"semi-navigation-footer",
+			o.isCollapsed.value ? "semi-navigation-footer-collapsed" : void 0
+		]), _ = v(() => ({
+			...n.collapseText ? { collapseText: n.collapseText } : {},
+			isCollapsed: o.isCollapsed.value,
+			locale: o.locale.value,
+			prefixCls: o.prefixCls.value
+		}));
+		return (e, t) => (M(), x("div", {
+			class: A(p.value),
+			style: ne(n.style),
+			onClick: t[0] ||= (e) => r("click", e)
+		}, [f.value ? (M(), y(xe, O({ key: 0 }, _.value, { onClick: L(o).toggleCollapsed }), null, 16, ["onClick"])) : d.value && !c(l.value) && L(o).mode.value !== "horizontal" ? (M(), y(L(U), {
+			key: 1,
+			content: u.value
+		}, null, 8, ["content"])) : P(e.$slots, "default", {}, void 0, void 0, 2)], 6));
+	}
+}), Se = ["href"], Ce = {
+	key: 0,
+	class: "semi-navigation-header-logo"
+}, we = {
+	key: 1,
+	class: "semi-navigation-header-text"
+}, Te = {
+	key: 0,
+	class: "semi-navigation-header-logo"
+}, Ee = {
+	key: 1,
+	class: "semi-navigation-header-text"
+}, K = /* @__PURE__ */ w({
+	name: "NavHeader",
+	inheritAttrs: !1,
+	__name: "NavHeader",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		link: {},
+		linkOptions: {},
+		logo: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		prefixCls: { default: "semi-navigation" },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		text: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] }
+	},
+	setup(e) {
+		let t = e, n = ee(W);
+		if (!n) throw Error("please make sure <NavHeader> inside <Nav>");
+		let r = v(() => [
+			t.class,
+			t.className,
+			"semi-navigation-header",
+			n.isCollapsed.value ? "semi-navigation-header-collapsed" : void 0
+		]);
+		return (e, i) => (M(), x("div", {
+			class: A(r.value),
+			style: ne(t.style)
+		}, [typeof t.link == "string" ? (M(), x("a", O({
+			key: 0,
+			class: `${t.prefixCls}-header-link`,
+			href: t.link
+		}, t.linkOptions), [
+			e.$slots.logo || t.logo ? (M(), x("i", Ce, [P(e.$slots, "logo", {}, () => [C(L(U), { content: t.logo }, null, 8, ["content"])])])) : b("", !0),
+			(e.$slots.text || t.text !== null && t.text !== void 0) && !L(n).isCollapsed.value ? (M(), x("span", we, [P(e.$slots, "text", {}, () => [C(L(U), { content: t.text }, null, 8, ["content"])])])) : b("", !0),
+			P(e.$slots, "default")
+		], 16, Se)) : (M(), x(h, { key: 1 }, [
+			e.$slots.logo || t.logo ? (M(), x("i", Te, [P(e.$slots, "logo", {}, () => [C(L(U), { content: t.logo }, null, 8, ["content"])])])) : b("", !0),
+			(e.$slots.text || t.text !== null && t.text !== void 0) && !L(n).isCollapsed.value ? (M(), x("span", Ee, [P(e.$slots, "text", {}, () => [C(L(U), { content: t.text }, null, 8, ["content"])])])) : b("", !0),
+			P(e.$slots, "default")
+		], 64))], 6));
+	}
+});
+//#endregion
+//#region src/navigation/NavigationIconRenderer.ts
+function De(e) {
+	return typeof e == "function" ? e() : e;
+}
+function q(e) {
+	return !D(e) || typeof e.type == "string" ? !1 : e.type.elementType === "Icon";
+}
+var J = w({
+	name: "NavigationIconRenderer",
+	props: {
+		animationClass: {
+			type: String,
+			default: void 0
+		},
+		content: {
+			type: null,
+			default: void 0
+		},
+		force: {
+			type: Boolean,
+			default: !1
+		},
+		size: {
+			type: String,
+			default: "large"
+		}
+	},
+	setup(e) {
+		return () => {
+			let t = De(e.content);
+			return D(t) ? !q(t) && !e.force ? _(t) : _(t, {
+				class: [t.props?.class, e.animationClass],
+				size: t.props?.size || e.size
+			}) : t;
+		};
+	}
+});
+//#endregion
+//#region src/navigation/NavItem.ts
+function Y(e) {
+	if (!e) return;
+	let t = [], n = (e) => {
+		if (Array.isArray(e)) {
+			e.forEach(n);
+			return;
+		}
+		if (!(!D(e) || e.type === m)) {
+			if (e.type === h && Array.isArray(e.children)) {
+				e.children.forEach((e) => n(e));
+				return;
+			}
+			(e.type !== g || String(e.children ?? "").trim() !== "") && t.push(e);
+		}
+	};
+	return e.forEach(n), t;
+}
+function X(e) {
+	return Array.isArray(e) ? e.map(X) : D(e) || !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, X(t)]));
+}
+var Oe = w({
+	name: "NavItem",
+	inheritAttrs: !1,
+	props: {
+		class: {
+			type: null,
+			default: void 0
+		},
+		className: {
+			type: null,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		forwardRef: {
+			type: Function,
+			default: void 0
+		},
+		icon: {
+			type: null,
+			default: void 0
+		},
+		indent: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		isCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		isSubNav: {
+			type: Boolean,
+			default: !1
+		},
+		itemKey: {
+			type: [String, Number],
+			default: void 0
+		},
+		level: {
+			type: Number,
+			default: 0
+		},
+		link: {
+			type: String,
+			default: void 0
+		},
+		linkOptions: {
+			type: Object,
+			default: void 0
+		},
+		style: {
+			type: null,
+			default: void 0
+		},
+		tabIndex: {
+			type: Number,
+			default: 0
+		},
+		text: {
+			type: null,
+			default: void 0
+		},
+		toggleIcon: {
+			type: null,
+			default: void 0
+		},
+		tooltipHideDelay: {
+			type: Number,
+			default: void 0
+		},
+		tooltipShowDelay: {
+			type: Number,
+			default: void 0
+		}
+	},
+	emits: {
+		click: (e) => !!e,
+		mouseenter: (e) => !!e,
+		mouseleave: (e) => !!e
+	},
+	setup(e, { attrs: t, emit: n, slots: r }) {
+		let i = ee(W);
+		if (!i) throw Error("please make sure <NavItem> inside <Nav>");
+		let o = i, c = { tooltipShow: !1 }, l = /* @__PURE__ */ new Map(), u = () => e, d = v(() => o.selectedKeys.value.includes(e.itemKey)), f = v(() => o.openKeys.value.includes(e.itemKey)), p = v(() => e.isCollapsed || o.isCollapsed.value), m = te(new ge({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => u()[e],
+			getProps: u,
+			getState: (e) => c[e],
+			getStates: () => c,
+			setState: (e, t) => {
+				Object.assign(c, e), t?.();
+			},
+			getCache: (e) => l.get(e),
+			getCaches: () => l,
+			setCache: (e, t) => l.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			cloneDeep: X,
+			updateTooltipShow: (e) => {
+				c.tooltipShow = e;
+			},
+			updateSelected: () => {
+				e.itemKey !== void 0 && k(() => o.setSelectedKeys([e.itemKey]));
+			},
+			updateGlobalSelectedKeys: (e) => o.setSelectedKeys([...e]),
+			getSelectedKeys: () => o.selectedKeys.value,
+			getSelectedKeysIsControlled: () => o.selectedKeysControlled.value,
+			notifyGlobalOnSelect: (e) => {
+				o.notifySelect(e);
+			},
+			notifyGlobalOnClick: (e) => o.notifyClick(e),
+			notifyClick: (e) => n("click", e),
+			notifyMouseEnter: (e) => n("mouseenter", e),
+			notifyMouseLeave: (e) => n("mouseleave", e),
+			getIsCollapsed: () => p.value,
+			getSelected: () => d.value,
+			getIsOpen: () => f.value
+		}));
+		ie(() => m.init()), re(() => m.destroy());
+		let h = v(() => o.isInSubNav && (p.value || o.mode.value === "horizontal")), g = v(() => p.value && !o.isInSubNav && !e.isSubNav || p.value && e.isSubNav && e.disabled), _ = v(() => o.mode.value !== "vertical" || o.limitIndent.value || p.value || Y(r.default?.()) ? 0 : Math.max(0, (e.icon && !e.indent ? e.level : e.level - 1) || 0));
+		function y(t, n, r = !1, i) {
+			if (e.isSubNav || !t && o.mode.value === "horizontal") return null;
+			let a = {
+				class: [`${o.prefixCls.value}-item-icon`, r ? `${o.prefixCls.value}-item-icon-toggle-${o.toggleIconPosition.value}` : `${o.prefixCls.value}-item-icon-info`],
+				...i === void 0 ? {} : { key: i }
+			};
+			return E("i", a, t ? [E(J, {
+				content: t,
+				size: n === "right" ? "default" : "large"
+			})] : []);
+		}
+		function b() {
+			let t = Y(r.default?.());
+			if (t) return t;
+			let n = r.icon ? () => r.icon?.() : e.icon, i = r.text ? () => r.text?.() : e.text, a = [];
+			for (let e = 0; e < _.value; e += 1) {
+				let t = y(void 0, "right", !1, e);
+				t && a.push(t);
+			}
+			if (o.toggleIconPosition.value === "left") {
+				let t = y(e.toggleIcon, "right", !0, "toggle-left");
+				t && a.push(t);
+			}
+			if (n || e.indent || o.isInSubNav) {
+				let e = y(n, "left", !1, "information");
+				e && a.push(e);
+			}
+			if (i != null && a.push(E("span", { class: `${o.prefixCls.value}-item-text` }, [E(U, { content: i })])), o.toggleIconPosition.value === "right") {
+				let t = y(e.toggleIcon, "right", !0, "toggle-right");
+				t && a.push(t);
+			}
+			return a;
+		}
+		function x() {
+			let t = b();
+			return typeof e.link == "string" ? [E("a", O({
+				class: `${o.prefixCls.value}-item-link`,
+				href: e.link,
+				tabindex: -1
+			}, e.linkOptions ?? {}), t)] : t;
+		}
+		function S(t) {
+			e.forwardRef?.(t instanceof HTMLLIElement ? t : null);
+		}
+		function C(e) {
+			m.handleClick(e);
+		}
+		function w(e) {
+			m.handleKeyPress(e);
+		}
+		function T() {
+			let r = `${o.prefixCls.value}-item`, i = Object.fromEntries(Object.entries(t).filter(([e]) => e.startsWith("data-")));
+			return h.value ? E(s, {
+				active: d.value,
+				class: [
+					r,
+					e.isSubNav ? `${r}-sub` : void 0,
+					d.value ? `${r}-selected` : void 0,
+					p.value ? `${r}-collapsed` : void 0,
+					e.disabled ? `${r}-disabled` : void 0,
+					e.class,
+					e.className,
+					t.class
+				],
+				disabled: e.disabled,
+				forwardRef: S,
+				onClick: C,
+				onKeydown: w,
+				onMouseenter: (e) => n("mouseenter", e),
+				onMouseleave: (e) => n("mouseleave", e)
+			}, { default: x }) : E("li", {
+				...i,
+				"aria-disabled": e.disabled,
+				...e.isSubNav ? { "aria-expanded": f.value } : {},
+				class: [
+					e.className || `${r}-normal`,
+					r,
+					e.isSubNav ? `${r}-sub` : void 0,
+					d.value && !e.isSubNav ? `${r}-selected` : void 0,
+					p.value ? `${r}-collapsed` : void 0,
+					e.disabled ? `${r}-disabled` : void 0,
+					typeof e.link == "string" ? `${r}-has-link` : void 0,
+					e.class,
+					t.class
+				],
+				onClick: C,
+				onKeypress: w,
+				onMouseenter: (e) => n("mouseenter", e),
+				onMouseleave: (e) => n("mouseleave", e),
+				ref: S,
+				role: e.isSubNav ? void 0 : "menuitem",
+				style: [e.style, t.style],
+				tabindex: e.isSubNav ? -1 : e.tabIndex
+			}, x());
+		}
+		return () => {
+			let t = T();
+			if (g.value) {
+				let n = t;
+				t = E(a, {
+					mouseEnterDelay: e.tooltipShowDelay ?? o.tooltipShowDelay.value,
+					mouseLeaveDelay: e.tooltipHideDelay ?? o.tooltipHideDelay.value,
+					position: "right",
+					trigger: "hover",
+					wrapWhenSpecial: !1
+				}, {
+					content: () => E(U, { content: r.text ? () => r.text?.() : e.text }),
+					default: () => n
+				});
+			}
+			return o.wrapItem({
+				isInSubNav: o.isInSubNav,
+				isSubNav: e.isSubNav,
+				itemElement: t,
+				props: e
+			});
+		};
+	}
+}), ke = w({
+	name: "NavigationContextProvider",
+	props: { value: {
+		type: Object,
+		required: !0
+	} },
+	setup(e, { slots: t }) {
+		return N(W, e.value), () => t.default?.();
+	}
+}), Z = ["tabindex", "aria-expanded"], Q = ["aria-expanded"], Ae = /* @__PURE__ */ w({
+	name: "SubNav",
+	inheritAttrs: !1,
+	__name: "SubNav",
+	props: {
+		dropdownProps: {},
+		dropdownStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		expandIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		isOpen: {
+			type: Boolean,
+			default: !1
+		},
+		maxHeight: { default: 999 },
+		subDropdownProps: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		indent: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		isCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		itemKey: {},
+		level: { default: 0 },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		text: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		toggleIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		tooltipHideDelay: {},
+		tooltipShowDelay: {}
+	},
+	setup(e) {
+		let t = e, n = se(), r = ee(W);
+		if (!r) throw Error("please make sure <SubNav> inside <Nav>");
+		let a = {
+			...r,
+			isInSubNav: !0
+		}, s = ce("title"), l = oe({ isHovered: !1 }), u = /* @__PURE__ */ new Map(), d = v(() => r.openKeys.value.includes(t.itemKey)), f = v(() => t.isCollapsed || r.isCollapsed.value);
+		function p() {
+			return t;
+		}
+		let m = te(new ye({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => p()[e],
+			getProps: p,
+			getState: (e) => l[e],
+			getStates: () => l,
+			setState: (e, t) => {
+				Object.assign(l, e), t?.();
+			},
+			getCache: (e) => u.get(e),
+			getCaches: () => u,
+			setCache: (e, t) => u.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			updateIsHovered: (e) => {
+				l.isHovered = e;
+			},
+			getOpenKeys: () => r.openKeys.value,
+			getOpenKeysIsControlled: () => r.openKeysControlled.value,
+			getCanUpdateOpenKeys: () => !0,
+			updateOpen: (e) => {
+				t.itemKey !== void 0 && (e ? r.addOpenKey(t.itemKey) : r.removeOpenKey(t.itemKey));
+			},
+			notifyGlobalOpenChange: (e) => r.notifyOpenChange(e),
+			notifyGlobalOnSelect: () => void 0,
+			notifyGlobalOnClick: (e) => r.notifyClick(e),
+			getIsSelected: (e) => r.selectedKeys.value.includes(e),
+			getIsOpen: () => d.value
+		}));
+		ie(() => m.init()), re(() => m.destroy());
+		let g = v(() => [
+			`${r.prefixCls.value}-sub-title`,
+			t.itemKey !== void 0 && r.selectedKeys.value.includes(t.itemKey) ? `${r.prefixCls.value}-sub-title-selected` : void 0,
+			t.disabled ? `${r.prefixCls.value}-sub-title-disabled` : void 0
+		]), _ = v(() => [
+			`${r.prefixCls.value}-sub`,
+			d.value ? `${r.prefixCls.value}-sub-open` : void 0,
+			f.value || r.mode.value === "horizontal" ? `${r.prefixCls.value}-sub-popover` : void 0
+		]), w = v(() => !f.value && r.isInSubNav && r.mode.value === "horizontal" || f.value && r.isInSubNav), T = v(() => f.value ? r.isInSubNav ? () => E(de) : void 0 : r.mode.value === "horizontal" && r.isInSubNav ? () => E(de) : n.expandIcon ? () => n.expandIcon?.() : t.expandIcon ?? r.expandIcon.value ?? (() => E(ue))), D = v(() => T.value !== void 0 && T.value !== null), k = v(() => !!(n.expandIcon || t.expandIcon || r.expandIcon.value)), N = v(() => r.isInSubNav && (f.value || r.mode.value === "horizontal") ? de : ue), F = v(() => n.icon ? () => n.icon?.() : t.icon), le = v(() => n.text ? () => n.text?.() : t.text), z = v(() => r.mode.value !== "vertical" || r.limitIndent.value || f.value ? 0 : Math.max(0, (t.icon && !t.indent ? t.level : t.level - 1) || 0)), B = v(() => r.subNavMotion.value ? `${r.prefixCls.value}-icon-rotate-${d.value ? "180" : "0"}` : void 0);
+		function V(e) {
+			m.handleClick(e, s.value);
+		}
+		function fe(e) {
+			m.handleKeyPress(e, s.value);
+		}
+		function pe(e) {
+			m.handleDropdownVisibleChange(e);
+		}
+		let H = v(() => {
+			let e = t.dropdownProps ?? r.subDropdownProps.value ?? {}, n = e.onVisibleChange, i = {
+				...e,
+				class: [f.value ? `${r.prefixCls.value}-popover` : void 0, e.class],
+				getPopupContainer: r.getPopupContainer.value,
+				mouseEnterDelay: r.subNavOpenDelay.value,
+				mouseLeaveDelay: r.subNavCloseDelay.value,
+				onVisibleChange: (e) => {
+					typeof n == "function" ? n(e) : pe(e);
+				},
+				position: r.mode.value === "horizontal" && !r.isInSubNav ? "bottomLeft" : "rightTop",
+				style: t.dropdownStyle,
+				trigger: r.openKeysControlled.value ? "custom" : "hover"
+			};
+			return r.openKeysControlled.value && (i.visible = d.value), r.getPopupContainer.value || delete i.getPopupContainer, i;
+		});
+		return (e, n) => (M(), y(L(Oe), {
+			"class-name": `${L(r).prefixCls.value}-sub-wrap`,
+			disabled: t.disabled,
+			"is-collapsed": f.value,
+			"is-sub-nav": "",
+			"item-key": t.itemKey,
+			style: ne(t.style)
+		}, {
+			default: R(() => [C(L(ke), { value: a }, {
+				default: R(() => [f.value || L(r).mode.value === "horizontal" ? (M(), y(L(c), j(O({ key: 0 }, H.value)), {
+					content: R(() => [C(L(o), null, {
+						default: R(() => [P(e.$slots, "default")]),
+						_: 3
+					})]),
+					default: R(() => [S("div", {
+						ref: "title",
+						role: "menuitem",
+						tabindex: w.value ? -1 : 0,
+						class: A(g.value),
+						"aria-expanded": d.value ? "true" : "false",
+						onClick: V,
+						onKeypress: fe
+					}, [S("div", { class: A(`${L(r).prefixCls.value}-item-inner`) }, [
+						(M(!0), x(h, null, ae(z.value, (e) => (M(), x("i", {
+							key: `placeholder-${e}`,
+							class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-info`])
+						}, null, 2))), 128)),
+						L(r).toggleIconPosition.value === "left" && D.value ? (M(), x("i", {
+							key: 0,
+							class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-toggle-${L(r).toggleIconPosition.value}`])
+						}, [k.value ? (M(), y(L(J), {
+							key: 1,
+							"animation-class": B.value || "",
+							content: T.value,
+							force: "",
+							size: "default"
+						}, null, 8, ["animation-class", "content"])) : (M(), y(I(N.value), {
+							key: 0,
+							class: A(B.value),
+							size: "default"
+						}, null, 8, ["class"]))], 2)) : b("", !0),
+						F.value || t.indent || L(r).isInSubNav && L(r).mode.value !== "horizontal" ? (M(), x("i", {
+							key: 1,
+							class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-info`])
+						}, [C(L(J), {
+							content: F.value,
+							force: "",
+							size: "large"
+						}, null, 8, ["content"])], 2)) : b("", !0),
+						S("span", { class: A(`${L(r).prefixCls.value}-item-text`) }, [C(L(U), { content: le.value }, null, 8, ["content"])], 2),
+						L(r).toggleIconPosition.value === "right" && D.value ? (M(), x("i", {
+							key: 2,
+							class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-toggle-${L(r).toggleIconPosition.value}`])
+						}, [k.value ? (M(), y(L(J), {
+							key: 1,
+							"animation-class": B.value || "",
+							content: T.value,
+							force: "",
+							size: "default"
+						}, null, 8, ["animation-class", "content"])) : (M(), y(I(N.value), {
+							key: 0,
+							class: A(B.value),
+							size: "default"
+						}, null, 8, ["class"]))], 2)) : b("", !0)
+					], 2)], 42, Z)]),
+					_: 3
+				}, 16)) : (M(), x(h, { key: 1 }, [S("div", {
+					ref: "title",
+					role: "menuitem",
+					tabindex: "0",
+					class: A(g.value),
+					"aria-expanded": d.value ? "true" : "false",
+					onClick: V,
+					onKeypress: fe
+				}, [S("div", { class: A(`${L(r).prefixCls.value}-item-inner`) }, [
+					(M(!0), x(h, null, ae(z.value, (e) => (M(), x("i", {
+						key: `placeholder-${e}`,
+						class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-info`])
+					}, null, 2))), 128)),
+					L(r).toggleIconPosition.value === "left" && D.value ? (M(), x("i", {
+						key: 0,
+						class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-toggle-${L(r).toggleIconPosition.value}`])
+					}, [k.value ? (M(), y(L(J), {
+						key: 1,
+						"animation-class": B.value || "",
+						content: T.value,
+						force: "",
+						size: "default"
+					}, null, 8, ["animation-class", "content"])) : (M(), y(I(N.value), {
+						key: 0,
+						class: A(B.value),
+						size: "default"
+					}, null, 8, ["class"]))], 2)) : b("", !0),
+					F.value || t.indent || L(r).isInSubNav ? (M(), x("i", {
+						key: 1,
+						class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-info`])
+					}, [C(L(J), {
+						content: F.value,
+						force: "",
+						size: "large"
+					}, null, 8, ["content"])], 2)) : b("", !0),
+					S("span", { class: A(`${L(r).prefixCls.value}-item-text`) }, [C(L(U), { content: le.value }, null, 8, ["content"])], 2),
+					L(r).toggleIconPosition.value === "right" && D.value ? (M(), x("i", {
+						key: 2,
+						class: A([`${L(r).prefixCls.value}-item-icon`, `${L(r).prefixCls.value}-item-icon-toggle-${L(r).toggleIconPosition.value}`])
+					}, [k.value ? (M(), y(L(J), {
+						key: 1,
+						"animation-class": B.value || "",
+						content: T.value,
+						force: "",
+						size: "default"
+					}, null, 8, ["animation-class", "content"])) : (M(), y(I(N.value), {
+						key: 0,
+						class: A(B.value),
+						size: "default"
+					}, null, 8, ["class"]))], 2)) : b("", !0)
+				], 2)], 42, Q), L(r).subNavMotion.value ? (M(), y(i, {
+					key: 0,
+					fade: !0,
+					"is-open": d.value,
+					"keep-d-o-m": !1,
+					motion: L(r).subNavMotion.value
+				}, {
+					default: R(() => [S("ul", { class: A(_.value) }, [P(e.$slots, "default")], 2)]),
+					_: 3
+				}, 8, ["is-open", "motion"])) : d.value ? (M(), x("ul", {
+					key: 1,
+					class: A(_.value)
+				}, [P(e.$slots, "default")], 2)) : b("", !0)], 64))]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, [
+			"class-name",
+			"disabled",
+			"is-collapsed",
+			"item-key",
+			"style"
+		]));
+	}
+}), je = /* @__PURE__ */ w({
+	name: "NavigationItemTree",
+	inheritAttrs: !1,
+	__name: "NavigationItemTree",
+	props: {
+		item: {},
+		level: {}
+	},
+	setup(e) {
+		let t = e;
+		function n(e) {
+			return typeof e == "string" ? {
+				itemKey: e,
+				text: e
+			} : { ...e };
+		}
+		let r = v(() => Array.isArray(t.item.items) ? t.item.items.map(n) : []), i = v(() => {
+			let e = {
+				...t.item,
+				level: t.level
+			};
+			return delete e.items, e;
+		});
+		return (e, n) => {
+			let a = F("NavigationItemTree", !0);
+			return r.value.length ? (M(), y(Ae, j(O({ key: 0 }, i.value)), {
+				default: R(() => [(M(!0), x(h, null, ae(r.value, (e, n) => (M(), y(a, {
+					key: e.itemKey ?? `${t.level + 1}-${n}`,
+					item: e,
+					level: t.level + 1
+				}, null, 8, ["item", "level"]))), 128))]),
+				_: 1
+			}, 16)) : (M(), y(L(Oe), j(O({ key: 1 }, i.value)), null, 16));
+		};
+	}
+}), Me = ["aria-orientation"], Ne = /* @__PURE__ */ w({
+	name: "Navigation",
+	inheritAttrs: !1,
+	__name: "Navigation",
+	props: {
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		defaultIsCollapsed: { type: Boolean },
+		defaultOpenKeys: {},
+		defaultSelectedKeys: {},
+		expandIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		getPopupContainer: { type: Function },
+		header: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		isCollapsed: { type: Boolean },
+		items: {},
+		limitIndent: { type: Boolean },
+		mode: {},
+		multiple: { type: Boolean },
+		openKeys: {},
+		prefixCls: {},
+		renderWrapper: { type: Function },
+		selectedKeys: {},
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subDropdownProps: {},
+		subNavCloseDelay: {},
+		subNavMotion: { type: Boolean },
+		subNavOpenDelay: {},
+		toggleIconPosition: {},
+		tooltipHideDelay: {},
+		tooltipShowDelay: {}
+	},
+	emits: [
+		"click",
+		"collapseChange",
+		"deselect",
+		"openChange",
+		"select",
+		"update:isCollapsed",
+		"update:openKeys",
+		"update:selectedKeys"
+	],
+	setup(e, { emit: t }) {
+		let n = Object.freeze({
+			collapseText: "收起侧边栏",
+			expandText: "展开侧边栏"
+		}), r = Object.freeze({
+			collapseText: "Collapse Sidebar",
+			expandText: "Expand Sidebar"
+		}), i = e, a = t, o = se(), s = T(), c = ee(u, void 0), l = v(() => c ? c.value : {
+			direction: "ltr",
+			locale: f
+		});
+		function p(e) {
+			let t = s?.vnode.props, n = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		function _(e, t) {
+			if (p(e) && i[e] !== void 0) return i[e];
+			let n = d.config.overrideDefaultProps?.Navigation?.[e];
+			return n === void 0 ? t : n;
+		}
+		let w = v(() => _("mode", "vertical")), E = v(() => _("prefixCls", "semi-navigation")), k = v(() => _("limitIndent", !0)), F = v(() => _("subNavMotion", !0)), I = v(() => _("subNavCloseDelay", 100)), ce = v(() => _("subNavOpenDelay", 0)), ue = v(() => _("tooltipShowDelay", 0)), de = v(() => _("tooltipHideDelay", 100)), z = v(() => _("toggleIconPosition", "right")), B = v(() => l.value.direction), V = v(() => l.value.locale.Navigation ?? (l.value.locale.code === "en-US" ? r : n)), fe = v(() => i.getPopupContainer ?? l.value.getPopupContainer);
+		function pe(e) {
+			if (typeof e == "string") return {
+				itemKey: e,
+				text: e
+			};
+			let t = { ...e };
+			return Array.isArray(e.items) && (t.items = e.items.map(pe)), t;
+		}
+		let H = v(() => (i.items ?? []).map(pe));
+		function me(e) {
+			let t = [], n = (e) => {
+				if (Array.isArray(e)) {
+					e.forEach(n);
+					return;
+				}
+				if (!(!D(e) || e.type === m)) {
+					if (e.type === h && Array.isArray(e.children)) {
+						e.children.forEach((e) => n(e));
+						return;
+					}
+					(e.type !== g || String(e.children ?? "").trim() !== "") && t.push(e);
+				}
+			};
+			return n(e), t;
+		}
+		function ge(e) {
+			if (typeof e.type == "string") return;
+			let t = e.type;
+			return t.name ?? t.__name;
+		}
+		function _e(e) {
+			return e.type === K || ge(e) === "NavHeader";
+		}
+		function ve(e) {
+			return e.type === G || ge(e) === "NavFooter";
+		}
+		let ye = v(() => me(o.default?.() ?? [])), be = v(() => ye.value.filter(_e)), xe = v(() => ye.value.filter(ve)), Se = v(() => ye.value.filter((e) => !_e(e) && !ve(e)));
+		function Ce(e) {
+			let t = e.props?.itemKey ?? e.props?.["item-key"];
+			return typeof t == "string" || typeof t == "number" ? t : void 0;
+		}
+		function we(e) {
+			if (!e.children || typeof e.children != "object" || Array.isArray(e.children)) return [];
+			let t = e.children.default;
+			return typeof t == "function" ? me(t()) : [];
+		}
+		function Te(e, t = [], n = {}) {
+			for (let r of e) {
+				let e = ge(r);
+				if (r.type !== Oe && r.type !== Ae && e !== "NavItem" && e !== "SubNav") continue;
+				let i = Ce(r);
+				i != null && i !== "" && (n[String(i)] = [...t], (r.type === Ae || e === "SubNav") && Te(we(r), [...t, i], n));
+			}
+			return n;
+		}
+		let Ee = v(() => he.buildItemKeysMap(H.value)), De = v(() => ({
+			...Ee.value,
+			...Te(Se.value)
+		})), q = v(() => p("selectedKeys")), J = v(() => p("isCollapsed")), Y = oe([...i.defaultSelectedKeys ?? []]), X = oe([...i.openKeys ?? i.defaultOpenKeys ?? []]), ke = oe({ isCollapsed: !!i.defaultIsCollapsed }), Z = v(() => q.value ? [...i.selectedKeys ?? []] : [...Y]), Q = v(() => J.value ? !!i.isCollapsed : ke.isCollapsed), Ne = v(() => p("openKeys") && w.value === "vertical" && !Q.value), Pe = v(() => Ne.value ? [...i.openKeys ?? []] : [...X]), Fe = v(() => {
+			let e = he.getZeroParentKeys(De.value, ...Z.value);
+			return Array.from(/* @__PURE__ */ new Set([...Z.value, ...e]));
+		});
+		function $(e, t) {
+			e.splice(0, e.length, ...t);
+		}
+		function Ie(e, t = De.value) {
+			if (p("openKeys") || p("defaultOpenKeys") || w.value !== "vertical") return;
+			let n = he.getZeroParentKeys(t, ...e);
+			$(X, Array.from(/* @__PURE__ */ new Set([...X, ...n])));
+		}
+		Ie(Z.value, Ee.value), ie(() => Ie(Z.value)), le(() => i.openKeys, (e) => {
+			p("openKeys") && $(X, e ?? []);
+		}), le(() => i.selectedKeys, (e) => {
+			q.value && Ie(e ?? []);
+		});
+		let Le = v(() => ({
+			isCollapsed: Q.value,
+			itemKeysMap: De.value,
+			items: H.value,
+			openKeys: Pe.value,
+			selectedKeys: Fe.value
+		})), Re = /* @__PURE__ */ new Map();
+		function ze() {
+			let e = {
+				...i,
+				items: H.value,
+				mode: w.value
+			};
+			return J.value || delete e.isCollapsed, q.value || delete e.selectedKeys, p("openKeys") || delete e.openKeys, e;
+		}
+		let Be = te(new he({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => ze()[e],
+			getProps: ze,
+			getState: (e) => Le.value[e],
+			getStates: () => Le.value,
+			setState: () => void 0,
+			getCache: (e) => Re.get(e),
+			getCaches: () => Re,
+			setCache: (e, t) => Re.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			notifySelect: (e) => {
+				let t = [e.itemKey];
+				a("update:selectedKeys", t);
+				let n = {
+					...e,
+					domEvent: e.domEvent,
+					itemKey: e.itemKey,
+					selectedItems: e.selectedItems ?? [],
+					selectedKeys: t,
+					text: e.text
+				};
+				a("select", n);
+			},
+			notifyOpenChange: (e) => a("openChange", e),
+			setIsCollapsed: (e) => {
+				ke.isCollapsed = e;
+			},
+			notifyCollapseChange: (e) => {
+				a("update:isCollapsed", e), a("collapseChange", e);
+			},
+			updateItems: () => void 0,
+			setItemKeysMap: () => void 0,
+			addSelectedKeys: (...e) => $(Y, Array.from(/* @__PURE__ */ new Set([...Y, ...e]))),
+			removeSelectedKeys: (...e) => $(Y, Y.filter((t) => !e.includes(t))),
+			updateSelectedKeys: (e) => $(Y, e),
+			updateOpenKeys: (e) => $(X, e),
+			addOpenKeys: (...e) => $(X, Array.from(/* @__PURE__ */ new Set([...X, ...e]))),
+			removeOpenKeys: (...e) => $(X, X.filter((t) => !e.includes(t))),
+			setItemsChanged: (e) => {}
+		}));
+		re(() => Be.destroy());
+		function Ve(e) {
+			q.value || $(Y, e);
+		}
+		function He(e) {
+			Be.handleSelect(e);
+		}
+		function Ue(e) {
+			a("click", e);
+		}
+		function We(e) {
+			a("update:openKeys", [...e.openKeys]), a("openChange", e);
+		}
+		function Ge(e) {
+			Ne.value || $(X, Array.from(/* @__PURE__ */ new Set([...X, e])));
+		}
+		function Ke(e) {
+			Ne.value || $(X, X.filter((t) => t !== e));
+		}
+		function qe() {
+			Be.handleCollapseChange();
+		}
+		function Je(e) {
+			return o.itemWrapper?.(e) ?? i.renderWrapper?.(e) ?? e.itemElement;
+		}
+		let Ye = {
+			addOpenKey: Ge,
+			direction: B,
+			expandIcon: v(() => i.expandIcon),
+			getPopupContainer: fe,
+			isCollapsed: Q,
+			isInSubNav: !1,
+			limitIndent: k,
+			locale: V,
+			mode: w,
+			notifyClick: Ue,
+			notifyOpenChange: We,
+			notifySelect: He,
+			openKeys: Pe,
+			openKeysControlled: Ne,
+			prefixCls: E,
+			removeOpenKey: Ke,
+			selectedKeys: Fe,
+			selectedKeysControlled: q,
+			setSelectedKeys: Ve,
+			subDropdownProps: v(() => i.subDropdownProps),
+			subNavCloseDelay: I,
+			subNavMotion: F,
+			subNavOpenDelay: ce,
+			toggleCollapsed: qe,
+			toggleIconPosition: z,
+			tooltipHideDelay: de,
+			tooltipShowDelay: ue,
+			wrapItem: Je
+		};
+		N(W, Ye);
+		let Xe = v(() => [
+			E.value,
+			Q.value ? `${E.value}-collapsed` : void 0,
+			`${E.value}-${w.value}`,
+			i.class,
+			i.className
+		]), Ze = v(() => [`${E.value}-header-list-outer`, Q.value ? `${E.value}-header-list-outer-collapsed` : void 0]), Qe = v(() => Object.fromEntries(Object.entries(s?.attrs ?? {}).filter(([e]) => e.startsWith("data-"))));
+		function $e(e) {
+			if (!e || typeof e != "object" || Array.isArray(e) || D(e)) return !1;
+			let t = Object.getPrototypeOf(e);
+			return t === Object.prototype || t === null;
+		}
+		let et = v(() => $e(i.header) ? i.header : void 0), tt = v(() => $e(i.footer) ? i.footer : void 0), nt = v(() => et.value ? void 0 : i.header), rt = v(() => tt.value ? void 0 : i.footer);
+		return (e, t) => (M(), x("div", O(Qe.value, {
+			class: Xe.value,
+			style: i.style
+		}), [S("div", { class: A(`${E.value}-inner`) }, [
+			S("div", { class: A(Ze.value) }, [
+				et.value ? (M(), y(K, j(O({ key: 0 }, et.value)), null, 16)) : nt.value ? (M(), y(K, { key: 1 }, {
+					default: R(() => [C(L(U), { content: nt.value }, null, 8, ["content"])]),
+					_: 1
+				})) : b("", !0),
+				e.$slots.header ? (M(), y(K, { key: 2 }, {
+					default: R(() => [P(e.$slots, "header")]),
+					_: 3
+				})) : b("", !0),
+				C(L(U), { content: be.value }, null, 8, ["content"]),
+				S("div", {
+					style: ne(i.bodyStyle),
+					class: A(`${E.value}-list-wrapper`)
+				}, [S("ul", {
+					role: "menu",
+					"aria-orientation": w.value,
+					class: A(`${E.value}-list`)
+				}, [(M(!0), x(h, null, ae(H.value, (e, t) => (M(), y(je, {
+					key: e.itemKey ?? `0-${t}`,
+					item: e,
+					level: 0
+				}, null, 8, ["item"]))), 128)), C(L(U), { content: Se.value }, null, 8, ["content"])], 10, Me)], 6)
+			], 2),
+			tt.value ? (M(), y(G, j(O({ key: 0 }, tt.value)), null, 16)) : rt.value ? (M(), y(G, { key: 1 }, {
+				default: R(() => [C(L(U), { content: rt.value }, null, 8, ["content"])]),
+				_: 1
+			})) : b("", !0),
+			e.$slots.footer ? (M(), y(G, { key: 2 }, {
+				default: R(() => [P(e.$slots, "footer")]),
+				_: 3
+			})) : b("", !0),
+			C(L(U), { content: xe.value }, null, 8, ["content"])
+		], 2)], 16));
+	}
+}), Pe = G, Fe = K, $ = Oe, Ie = Ae, Le = Object.assign(Ne, {
+	Footer: Pe,
+	Header: Fe,
+	Item: $,
+	Sub: Ie
+});
+//#endregion
+export { $ as n, Ie as r, Le as t };