@greypan/web-ui 3.0.1 → 5.0.0

package/dist/components/context-menu/index.js

@@ -1,19 +1,22 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
-import { hideOverlayPresence as t, showOverlayPresence as n } from "../../shared/overlay/presence.js";
-import { defineScrollLockLease as r } from "../../shared/scroll-lock/scroll-lock.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import { computePosition as t, shift as n } from "../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { hideOverlayPresence as r, showOverlayPresence as i } from "../../shared/overlay/presence.js";
+import { defineScrollLockLease as a } from "../../shared/scroll-lock/scroll-lock.js";
+import { UserChangeController as o } from "../../shared/events/user-change.js";
 import "../dropdown-divider/index.js";
 import "../dropdown-header/index.js";
 import "../dropdown-item/index.js";
-import { UserChangeController as i } from "../../shared/events/user-change.js";
-import { createMenuPortalOverlay as a } from "../../shared/menu-portal/menu-portal.js";
-import { findFocusedMenuItem as o, focusMenuItem as s, getEnabledMenuItems as c, getMenuChildren as l, getMenuItemFromEvent as u, hideNestedMenuChildren as d, moveMenuChildren as f } from "../../shared/menu-portal/menu-tree.js";
-import p from "./style.js";
-import { LitElement as m, html as h, unsafeCSS as g } from "lit";
-import { customElement as _, property as v, state as y } from "lit/decorators.js";
+import { createMenuPortalOverlay as s } from "../../shared/menu-portal/menu-portal.js";
+import { findFocusedMenuItem as c, focusMenuItem as l, getEnabledMenuItems as u, getMenuChildren as d, getMenuItemFromEvent as f, getMovableMenuSubtrees as p, hideNestedMenuChildren as m, moveMenuChildren as h } from "../../shared/menu-portal/menu-tree.js";
+import g from "./style.js";
+import { LitElement as _, html as v, unsafeCSS as y } from "lit";
+import { customElement as b, property as x, state as S } from "lit/decorators.js";
 //#region src/components/context-menu/index.ts
-var b = class extends m {
+var C = "wui-context-menu-item", w = class extends _ {
 	constructor(...e) {
-		super(...e), this.disabled = !1, this.noScrollLock = !1, this._isOpen = !1, this._x = 0, this._y = 0, this._activeSubmenus = [], this._activeSubmenuItems = [], this._closingSubmenus = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._scrollLock = r().make(), this._userOpenChange = new i(), this._shouldOpenInstantly = !0, this._closeFromUser = () => {
+		super(...e), this.disabled = !1, this.noScrollLock = !1, this._isOpen = !1, this._x = 0, this._y = 0, this._activeSubmenus = [], this._activeSubmenuItems = [], this._submenuPositionEpochs = /* @__PURE__ */ new WeakMap(), this._closingSubmenus = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._menuItemAnchors = /* @__PURE__ */ new Map(), this._scrollLock = a().make(), this._userOpenChange = new o(), this._shouldOpenInstantly = !0, this._refreshScheduled = !1, this._contentObserver = new MutationObserver(() => {
+			this._isOpen && this._scheduleRefresh();
+		}), this._closeFromUser = () => {
 			this._isOpen && (this._userOpenChange.mark(), this.close());
 		}, this._onContextMenu = (e) => {
 			this.disabled || (e.preventDefault(), this._restoreFocusTarget = e.target instanceof HTMLElement ? e.target : void 0, this._openAt(e.clientX, e.clientY, !1) && this._userOpenChange.mark());
@@ -32,7 +35,7 @@ var b = class extends m {
 		}, this._onClickOutside = (e) => {
 			!this._isOpen || this._ignoreOutsideClick || this._isInsideShadowRoot(e) || this._closeFromUser();
 		}, this._onMenuClick = (e) => {
-			let t = u(e);
+			let t = f(e);
 			if (!(!t || t.hasAttribute("disabled"))) {
 				if (t.hasAttribute("submenu")) {
 					this._openSubmenu(t);
@@ -88,7 +91,7 @@ var b = class extends m {
 		};
 	}
 	static {
-		this.styles = g(p);
+		this.styles = y(g);
 	}
 	get isOpen() {
 		return this._isOpen;
@@ -103,34 +106,66 @@ var b = class extends m {
 		}), document.addEventListener("keydown", this._onDocumentKeydown);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("keydown", this._onKeydown), this.removeEventListener("click", this._onMenuClick), document.removeEventListener("click", this._onClickOutside), document.removeEventListener("contextmenu", this._onContextMenuOutside), document.removeEventListener("wheel", this._onWheel, !0), document.removeEventListener("touchmove", this._onTouchMove, !0), document.removeEventListener("keydown", this._onDocumentKeydown), clearTimeout(this._submenuTimer), clearTimeout(this._ignoreOutsideClickTimer), this._hoverCleanupFns.forEach((e) => e()), this._scrollLock.release(), this._returnItemsToSlot(), this._menu?.panel.remove(), this._menu = void 0, this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus();
+		super.disconnectedCallback(), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("keydown", this._onKeydown), this.removeEventListener("click", this._onMenuClick), document.removeEventListener("click", this._onClickOutside), document.removeEventListener("contextmenu", this._onContextMenuOutside), document.removeEventListener("wheel", this._onWheel, !0), document.removeEventListener("touchmove", this._onTouchMove, !0), document.removeEventListener("keydown", this._onDocumentKeydown), this._contentObserver.disconnect(), clearTimeout(this._submenuTimer), clearTimeout(this._ignoreOutsideClickTimer), this._hoverCleanupFns.forEach((e) => e()), this._scrollLock.release(), this._returnItemsToSlot(), this._menu?.panel.remove(), this._menu = void 0, this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus(), this._isOpen = !1, this._restoreFocusTarget = void 0;
 	}
 	updated(e) {
 		if (!this.isConnected) {
 			this._syncScrollLock(!1);
 			return;
 		}
-		e.has("_isOpen") && (this._isOpen ? (this._syncScrollLock(), this._menu || (this._menu = a("context-menu", this), this._menu.panel.setAttribute("role", "menu"), this._menu.panel.setAttribute("aria-label", "上下文菜单"), this._menu.panel.addEventListener("click", this._onMenuClick)), requestAnimationFrame(() => {
-			!this._isOpen || !this._menu || (this._setupMenuItems(), this._positionMenu(), n(this._menu.panel, { isInstant: this._shouldOpenInstantly }), this._shouldOpenInstantly = !0, this._focusFirstItem(), this._bindLevelHovers());
-		})) : (this._syncScrollLock(!1), this._closeMenuAfterPresence()), this._userOpenChange.consume() && this._dispatchChange(this._isOpen)), e.has("noScrollLock") && this._syncScrollLock();
+		e.has("_isOpen") && (this._isOpen ? (this._syncScrollLock(), this._menu || (this._menu = s("context-menu", this), this._menu.panel.setAttribute("role", "menu"), this._menu.panel.setAttribute("aria-label", "上下文菜单"), this._menu.panel.addEventListener("click", this._onMenuClick)), this._contentObserver.observe(this._menu.content, {
+			childList: !0,
+			subtree: !0
+		}), requestAnimationFrame(() => {
+			!this._isOpen || !this._menu || (this._refreshMenu(), i(this._menu.panel, { isInstant: this._shouldOpenInstantly }), this._shouldOpenInstantly = !0, this._focusFirstItem());
+		})) : (this._syncScrollLock(!1), this._contentObserver.disconnect(), this._refreshScheduled = !1, this._closeMenuAfterPresence()), this._userOpenChange.consume() && this._dispatchChange(this._isOpen)), e.has("noScrollLock") && this._syncScrollLock();
 	}
 	openAt(e, t) {
 		this._openAt(e, t, !0);
 	}
 	_openAt(e, t, n) {
-		return this.disabled ? !1 : (this._x = e, this._y = t, this._shouldOpenInstantly = n, this._ignoreCurrentOutsideClick(), this._isOpen ? (requestAnimationFrame(() => this._positionMenu()), !1) : (this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : void 0, this._isOpen = !0, !0));
+		return !this.disabled && (this._x = e, this._y = t, this._shouldOpenInstantly = n, this._ignoreCurrentOutsideClick(), this._isOpen ? (this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus(), this._scheduleRefresh(), !1) : (this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : void 0, this._isOpen = !0, !0));
 	}
 	close() {
 		this._isOpen &&= !1;
 	}
+	_scheduleRefresh() {
+		this._refreshScheduled || !this._isOpen || (this._refreshScheduled = !0, requestAnimationFrame(() => {
+			this._refreshScheduled = !1, !(!this._isOpen || !this._menu) && this._refreshMenu();
+		}));
+	}
+	_refreshMenu() {
+		this._menu && (this._setupMenuItems(), this._positionMenu(), this._bindLevelHovers());
+	}
 	_positionMenu() {
 		let e = this._menu?.panel;
-		if (!e) return;
-		e.style.visibility = "hidden", e.style.display = "";
+		if (e) {
+			if (e.style.visibility = "hidden", e.style.display = "", !(e.parentElement instanceof HTMLDialogElement && e.parentElement.open)) {
+				this._positionMenuInViewport(e);
+				return;
+			}
+			t({ getBoundingClientRect: () => new DOMRect(this._x, this._y, 0, 0) }, e, {
+				strategy: "fixed",
+				placement: "bottom-start",
+				middleware: [n({
+					padding: 8,
+					crossAxis: !0
+				})]
+			}).then(({ x: t, y: n, middlewareData: r }) => {
+				if (!this._isOpen || this._menu?.panel !== e) return;
+				let i = r.shift?.x ?? 0, a = r.shift?.y ?? 0;
+				this._applyMenuPosition(e, t, n, i < 0 ? "right" : "left", a < 0 ? "bottom" : "top");
+			});
+		}
+	}
+	_positionMenuInViewport(e) {
 		let { width: t, height: n } = e.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = this._x, o = this._y;
-		a + t > r && (a = r - t - 8), o + n > i && (o = i - n - 8), a < 0 && (a = 8), o < 0 && (o = 8), e.style.left = `${a}px`, e.style.top = `${o}px`;
-		let s = a < this._x ? "right" : "left", c = o < this._y ? "bottom" : "top";
-		e.style.setProperty("--wui-overlay-transform-origin", `${c} ${s}`), e.style.visibility = "";
+		a + t > r && (a = r - t - 8), o + n > i && (o = i - n - 8), a < 0 && (a = 8), o < 0 && (o = 8), this._applyMenuPosition(e, a, o);
+	}
+	_applyMenuPosition(e, t, n, r, i) {
+		e.style.left = `${t}px`, e.style.top = `${n}px`;
+		let a = r ?? (t < this._x ? "right" : "left"), o = i ?? (n < this._y ? "bottom" : "top");
+		e.style.setProperty("--wui-internal-overlay-transform-origin", `${o} ${a}`), e.style.visibility = "";
 	}
 	_focusFirstItem() {
 		let e = this._menu?.content.querySelectorAll("web-ui-dropdown-item:not([disabled])")?.[0];
@@ -138,33 +173,94 @@ var b = class extends m {
 	}
 	_setupMenuItems() {
 		let e = this._menu;
-		e && (this._hideMenuItems(), f(this, e.content));
+		if (!e) return;
+		let t = e.content;
+		this._syncManagedItems(t), this._hideMenuItems(), m(t, "context-menu-hidden");
+		let n = this._captureFrameworkAnchors(t);
+		this._orderMenuItems(t), this._restoreFrameworkAnchors(t, n);
+	}
+	_captureFrameworkAnchors(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of Array.from(e.childNodes)) if (n instanceof Comment && n.textContent !== C) {
+			let e = n.nextElementSibling;
+			t.set(n, e instanceof HTMLElement ? e : null);
+		}
+		return t;
+	}
+	_restoreFrameworkAnchors(e, t) {
+		for (let [n, r] of t) n.parentNode === e && (r && r.parentNode === e ? n.nextElementSibling !== r && e.insertBefore(n, r) : e.appendChild(n));
+	}
+	_syncManagedItems(e) {
+		let t = p(e), n = p(this), r = /* @__PURE__ */ new Set([...t, ...n]);
+		this._menuItemAnchors.forEach((e, t) => {
+			r.has(t) || (e.remove(), this._menuItemAnchors.delete(t));
+		});
+		let i = (e, t, n) => {
+			let r = this._menuItemAnchors.get(e);
+			if (r && r.parentNode === this) return r;
+			r?.remove();
+			let i = document.createComment(C);
+			return t ? this.insertBefore(i, e) : n && n.parentNode === this ? this.insertBefore(i, n) : this.appendChild(i), this._menuItemAnchors.set(e, i), i;
+		};
+		for (let e = t.length - 1; e >= 0; e--) {
+			let n = t[e], r = t[e + 1];
+			i(n, !1, r ? this._menuItemAnchors.get(r) : void 0);
+		}
+		for (let e of n) i(e, !0);
+		for (let t of n) e.appendChild(t);
+	}
+	_orderMenuItems(e) {
+		let t = [];
+		for (let n of Array.from(this.childNodes)) n.nodeType === Node.COMMENT_NODE && n.textContent === C && this._menuItemAnchors.forEach((r, i) => {
+			r === n && i.parentNode === e && t.push(i);
+		});
+		if (t.length === 0) return;
+		let n = Array.from(e.children);
+		if (!(n.length === t.length && n.every((e, n) => e === t[n]))) for (let n = t.length - 1; n >= 0; n--) {
+			let r = t[n], i = t[n + 1];
+			i ? r.nextElementSibling !== i && e.insertBefore(r, i) : e.appendChild(r);
+		}
 	}
 	_returnItemsToSlot() {
 		let e = this._menu;
-		e && (this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus(), f(e.content, this));
+		if (!e) return;
+		this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus();
+		let t = e.content, n = [];
+		for (let e of Array.from(t.childNodes)) {
+			if (e instanceof Comment) {
+				n.push(e);
+				continue;
+			}
+			if (!(e instanceof HTMLElement)) continue;
+			let t = this._menuItemAnchors.get(e);
+			if (t) {
+				for (let e of n) t.parentNode === this ? this.insertBefore(e, t) : this.appendChild(e);
+				n.length = 0, t.parentNode === this ? this.insertBefore(e, t) : this.appendChild(e), t.remove(), this._menuItemAnchors.delete(e);
+			}
+		}
+		for (let e of n) this.appendChild(e);
+		this._menuItemAnchors.forEach((e) => e.remove()), this._menuItemAnchors.clear();
 	}
 	async _closeMenuAfterPresence() {
 		let e = this._menu;
-		e && !await t(e.panel) || this._isOpen || !this.isConnected || this._menu !== e || (this._returnItemsToSlot(), e?.panel.remove(), this._menu = void 0, this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
+		e && !await r(e.panel) || this._isOpen || !this.isConnected || this._menu !== e || (this._returnItemsToSlot(), e?.panel.remove(), this._menu = void 0, this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
 	}
 	_hideMenuItems() {
-		l(this).forEach((e) => e.setAttribute("slot", "context-menu-hidden")), d(this, "context-menu-hidden");
+		d(this).forEach((e) => e.setAttribute("slot", "context-menu-hidden")), m(this, "context-menu-hidden");
 	}
 	_openSubmenu(e, t = !1) {
 		if (!this._isOpen || !e.hasAttribute("submenu") || e.hasAttribute("disabled")) return;
-		let r = this._getItemLevel(e);
-		if (r === -1 || this._activeSubmenuItems[r] === e) return;
-		this._closeSubmenusFrom(r);
-		let i = this._closingSubmenus.get(e);
-		if (i) {
-			this._closingSubmenus.delete(e), this._activeSubmenus[r] = i, this._activeSubmenuItems[r] = e, e.setAttribute("active", ""), this._positionSubmenu(e, i), n(i.panel, { isInstant: t }), this._bindLevelHovers();
+		let n = this._getItemLevel(e);
+		if (n === -1 || this._activeSubmenuItems[n] === e) return;
+		this._closeSubmenusFrom(n);
+		let r = this._closingSubmenus.get(e);
+		if (r) {
+			this._closingSubmenus.delete(e), this._activeSubmenus[n] = r, this._activeSubmenuItems[n] = e, e.setAttribute("active", ""), this._positionSubmenu(e, r), i(r.panel, { isInstant: t }), this._bindLevelHovers();
 			return;
 		}
-		let o = l(e);
-		if (o.length === 0) return;
-		let s = a("context-submenu", this);
-		s.panel.dataset.level = String(r), s.panel.setAttribute("role", "menu"), s.panel.setAttribute("aria-label", "子菜单"), s.panel.style.visibility = "hidden", s.panel.addEventListener("click", this._onMenuClick), s.content.append(...o), this._activeSubmenus[r] = s, this._activeSubmenuItems[r] = e, e.setAttribute("active", ""), this._positionSubmenu(e, s), n(s.panel, { isInstant: t }), this._bindLevelHovers();
+		if (d(e).length === 0) return;
+		let a = s("context-submenu", this);
+		a.panel.dataset.level = String(n), a.panel.setAttribute("role", "menu"), a.panel.setAttribute("aria-label", "子菜单"), a.panel.style.visibility = "hidden", a.panel.addEventListener("click", this._onMenuClick), h(e, a.content), this._activeSubmenus[n] = a, this._activeSubmenuItems[n] = e, e.setAttribute("active", ""), this._positionSubmenu(e, a), i(a.panel, { isInstant: t }), this._bindLevelHovers();
 	}
 	_closeSubmenusFrom(e, t = !1) {
 		for (let n = this._activeSubmenus.length - 1; n >= e; n--) {
@@ -173,11 +269,11 @@ var b = class extends m {
 		}
 		this._activeSubmenus.length = e, this._activeSubmenuItems.length = e;
 	}
-	async _closeSubmenuAfterPresence(e, n) {
-		await t(e.panel) && this._closingSubmenus.get(n) === e && (this._closingSubmenus.delete(n), this._restoreSubmenuItems(e, n), e.panel.remove());
+	async _closeSubmenuAfterPresence(e, t) {
+		await r(e.panel) && this._closingSubmenus.get(t) === e && (this._closingSubmenus.delete(t), this._restoreSubmenuItems(e, t), e.panel.remove());
 	}
 	_restoreSubmenuItems(e, t) {
-		t && f(e.content, t);
+		t && (h(e.content, t), m(t, "context-menu-hidden"));
 	}
 	_restoreClosingSubmenus() {
 		this._closingSubmenus.forEach((e, t) => {
@@ -189,9 +285,25 @@ var b = class extends m {
 		let t = this._activeSubmenus.findIndex((t) => t.panel.contains(e));
 		return t === -1 ? -1 : t + 1;
 	}
-	_positionSubmenu(e, t) {
-		let n = e.getBoundingClientRect(), r = t.panel.getBoundingClientRect(), i = n.right + r.width + 8 <= window.innerWidth, a = i ? n.right : Math.max(8, n.left - r.width), o = Math.min(Math.max(8, n.top), window.innerHeight - r.height - 8);
-		t.panel.style.left = `${a}px`, t.panel.style.top = `${o}px`, t.panel.style.setProperty("--wui-overlay-transform-origin", i ? "top left" : "top right"), t.panel.style.visibility = "";
+	_positionSubmenu(e, r) {
+		if (r.panel.parentElement instanceof HTMLDialogElement && r.panel.parentElement.open) {
+			let i = e.getBoundingClientRect().right + r.panel.getBoundingClientRect().width + 8 <= window.innerWidth, a = (this._submenuPositionEpochs.get(r.panel) ?? 0) + 1;
+			this._submenuPositionEpochs.set(r.panel, a), t(e, r.panel, {
+				strategy: "fixed",
+				placement: i ? "right-start" : "left-start",
+				middleware: [n({
+					padding: 8,
+					crossAxis: !0
+				})]
+			}).then(({ x: e, y: t, middlewareData: n }) => {
+				if (!this._activeSubmenus.includes(r) || a !== this._submenuPositionEpochs.get(r.panel)) return;
+				let i = n.shift?.x ?? 0, o = n.shift?.y ?? 0, s = i < 0 ? "right" : "left", c = o < 0 ? "bottom" : "top";
+				r.panel.style.left = `${e}px`, r.panel.style.top = `${t}px`, r.panel.style.setProperty("--wui-internal-overlay-transform-origin", `${c} ${s}`), r.panel.style.visibility = "";
+			});
+			return;
+		}
+		let i = e.getBoundingClientRect(), a = r.panel.getBoundingClientRect(), o = i.right + a.width + 8 <= window.innerWidth, s = o ? i.right : Math.max(8, i.left - a.width), c = Math.min(Math.max(8, i.top), window.innerHeight - a.height - 8);
+		r.panel.style.left = `${s}px`, r.panel.style.top = `${c}px`, r.panel.style.setProperty("--wui-internal-overlay-transform-origin", o ? "top left" : "top right"), r.panel.style.visibility = "";
 	}
 	_dispatchChange(e) {
 		this.dispatchEvent(new CustomEvent("open-change", {
@@ -206,7 +318,7 @@ var b = class extends m {
 	}
 	_getLevelItems(e) {
 		let t = e === 0 ? this._menu?.content : this._activeSubmenus[e - 1]?.content;
-		return t ? l(t) : [];
+		return t ? d(t) : [];
 	}
 	_bindLevelHovers() {
 		this._hoverCleanupFns.forEach((e) => e()), this._hoverCleanupFns.length = 0;
@@ -237,10 +349,10 @@ var b = class extends m {
 	}
 	_getEnabledLevelItems(e) {
 		let t = e === 0 ? this._menu?.content : this._activeSubmenus[e - 1]?.content;
-		return t ? c(t) : [];
+		return t ? u(t) : [];
 	}
 	_getFocusedItem() {
-		return o([this._menu?.content, ...this._activeSubmenus.map((e) => e.content)]);
+		return c([this._menu?.content, ...this._activeSubmenus.map((e) => e.content)]);
 	}
 	_getFocusedLevel() {
 		let e = this._getFocusedItem();
@@ -250,28 +362,31 @@ var b = class extends m {
 		return t < 0 ? void 0 : t + 1;
 	}
 	_focusMenuItem(e) {
-		s(e);
+		l(e);
 	}
 	_isMenuPanelEvent(e) {
 		return e.composedPath().some((e) => e instanceof HTMLElement && (e.classList.contains("context-menu") || e.classList.contains("context-submenu")));
 	}
 	render() {
-		return h`
+		return v`
       <div class="context-menu-anchor">
-        <slot @slotchange=${this._hideMenuItems}></slot>
+        <slot @slotchange=${this._onSlotChange}></slot>
       </div>
     `;
 	}
+	_onSlotChange() {
+		this._hideMenuItems(), this._isOpen && this._scheduleRefresh();
+	}
 };
-e([v({
+e([x({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "disabled", void 0), e([v({
+})], w.prototype, "disabled", void 0), e([x({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-scroll-lock"
-})], b.prototype, "noScrollLock", void 0), e([y()], b.prototype, "_isOpen", void 0), e([y()], b.prototype, "_x", void 0), e([y()], b.prototype, "_y", void 0), b = e([_("web-ui-context-menu")], b);
+})], w.prototype, "noScrollLock", void 0), e([S()], w.prototype, "_isOpen", void 0), e([S()], w.prototype, "_x", void 0), e([S()], w.prototype, "_y", void 0), w = e([b("web-ui-context-menu")], w);
 //#endregion
-export { b as WebUiContextMenu };
+export { w as WebUiContextMenu };
 
 //# sourceMappingURL=index.js.map

package/dist/components/context-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren\n} from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-context-menu')\nexport class WebUiContextMenu extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  @state() private _isOpen = false\n  @state() private _x = 0\n  @state() private _y = 0\n\n  private _activeSubmenus: MenuPortalOverlay[] = []\n  private _activeSubmenuItems: HTMLElement[] = []\n  private readonly _closingSubmenus = new Map<HTMLElement, MenuPortalOverlay>()\n  private _submenuTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private _menu?: MenuPortalOverlay\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n\n  // 当前菜单是否打开\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hideMenuItems()\n    this.addEventListener('contextmenu', this._onContextMenu)\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('click', this._onMenuClick)\n    document.addEventListener('click', this._onClickOutside)\n    document.addEventListener('contextmenu', this._onContextMenuOutside)\n    document.addEventListener('wheel', this._onWheel, { capture: true, passive: false })\n    document.addEventListener('touchmove', this._onTouchMove, { capture: true, passive: false })\n    document.addEventListener('keydown', this._onDocumentKeydown)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('contextmenu', this._onContextMenu)\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('click', this._onMenuClick)\n    document.removeEventListener('click', this._onClickOutside)\n    document.removeEventListener('contextmenu', this._onContextMenuOutside)\n    document.removeEventListener('wheel', this._onWheel, true)\n    document.removeEventListener('touchmove', this._onTouchMove, true)\n    document.removeEventListener('keydown', this._onDocumentKeydown)\n    clearTimeout(this._submenuTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._scrollLock.release()\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    // Lit 的已排队更新可在卸载后执行，不能让已失效实例重新获取全局滚动锁。\n    if (!this.isConnected) {\n      this._syncScrollLock(false)\n      return\n    }\n\n    if (changed.has('_isOpen')) {\n      if (this._isOpen) {\n        this._syncScrollLock()\n        if (!this._menu) {\n          this._menu = createMenuPortalOverlay('context-menu', this)\n          this._menu.panel.setAttribute('role', 'menu')\n          this._menu.panel.setAttribute('aria-label', '上下文菜单')\n          this._menu.panel.addEventListener('click', this._onMenuClick)\n        }\n        requestAnimationFrame(() => {\n          if (!this._isOpen || !this._menu) return\n          this._setupMenuItems()\n          this._positionMenu()\n          showOverlayPresence(this._menu.panel, { isInstant: this._shouldOpenInstantly })\n          this._shouldOpenInstantly = true\n          this._focusFirstItem()\n          this._bindLevelHovers()\n        })\n      } else {\n        this._syncScrollLock(false)\n        void this._closeMenuAfterPresence()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this._isOpen)\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  /**\n   * 在指定视口坐标打开菜单。\n   * @param x 水平坐标（px）。\n   * @param y 垂直坐标（px）。\n   * @returns 无返回值；命令式打开不派发 `open-change` 事件。\n   */\n  openAt(x: number, y: number) {\n    this._openAt(x, y, true)\n  }\n\n  private _openAt(x: number, y: number, isInstant: boolean): boolean {\n    if (this.disabled) return false\n    this._x = x\n    this._y = y\n    this._shouldOpenInstantly = isInstant\n    this._ignoreCurrentOutsideClick()\n    if (this._isOpen) {\n      requestAnimationFrame(() => this._positionMenu())\n      return false\n    }\n    this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n    this._isOpen = true\n    return true\n  }\n\n  /**\n   * 关闭菜单。\n   * @returns 无返回值；命令式关闭不派发 `open-change` 事件。\n   */\n  close() {\n    if (!this._isOpen) return\n    this._isOpen = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this._isOpen) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private _positionMenu() {\n    const panel = this._menu?.panel\n    if (!panel) return\n\n    panel.style.visibility = 'hidden'\n    panel.style.display = ''\n\n    const { width, height } = panel.getBoundingClientRect()\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n\n    let x = this._x\n    let y = this._y\n\n    if (x + width > vw) x = vw - width - 8\n    if (y + height > vh) y = vh - height - 8\n    if (x < 0) x = 8\n    if (y < 0) y = 8\n\n    panel.style.left = `${x}px`\n    panel.style.top = `${y}px`\n    const horizontalOrigin = x < this._x ? 'right' : 'left'\n    const verticalOrigin = y < this._y ? 'bottom' : 'top'\n    panel.style.setProperty('--wui-overlay-transform-origin', `${verticalOrigin} ${horizontalOrigin}`)\n    panel.style.visibility = ''\n  }\n\n  private _focusFirstItem() {\n    const items = this._menu?.content.querySelectorAll<HTMLElement>('web-ui-dropdown-item:not([disabled])')\n    const firstItem = items?.[0]\n    if (firstItem) {\n      this._focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._hideMenuItems()\n    moveMenuChildren(this, menu.content)\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n    moveMenuChildren(menu.content, this)\n  }\n\n  private async _closeMenuAfterPresence() {\n    const menu = this._menu\n    if (menu && !(await hideOverlayPresence(menu.panel))) return\n    if (this._isOpen || !this.isConnected || this._menu !== menu) return\n\n    this._returnItemsToSlot()\n    menu?.panel.remove()\n    this._menu = undefined\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideMenuItems() {\n    getMenuChildren(this).forEach(child => child.setAttribute('slot', 'context-menu-hidden'))\n    hideNestedMenuChildren(this, 'context-menu-hidden')\n  }\n\n  private _openSubmenu(item: HTMLElement, isInstant = false) {\n    if (!this._isOpen || !item.hasAttribute('submenu') || item.hasAttribute('disabled')) return\n\n    const level = this._getItemLevel(item)\n    if (level === -1 || this._activeSubmenuItems[level] === item) return\n\n    this._closeSubmenusFrom(level)\n    const closingSubmenu = this._closingSubmenus.get(item)\n    if (closingSubmenu) {\n      this._closingSubmenus.delete(item)\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._bindLevelHovers()\n      return\n    }\n    const children = getMenuChildren(item)\n    if (children.length === 0) return\n\n    const submenu = createMenuPortalOverlay('context-submenu', this)\n    submenu.panel.dataset.level = String(level)\n    submenu.panel.setAttribute('role', 'menu')\n    submenu.panel.setAttribute('aria-label', '子菜单')\n    submenu.panel.style.visibility = 'hidden'\n    submenu.panel.addEventListener('click', this._onMenuClick)\n    submenu.content.append(...children)\n\n    this._activeSubmenus[level] = submenu\n    this._activeSubmenuItems[level] = item\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._bindLevelHovers()\n  }\n\n  private _closeSubmenusFrom(level: number, isInstant = false) {\n    for (let index = this._activeSubmenus.length - 1; index >= level; index--) {\n      const submenu = this._activeSubmenus[index]\n      const item = this._activeSubmenuItems[index]\n      item?.removeAttribute('active')\n      if (!item || isInstant) {\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.set(item, submenu)\n        void this._closeSubmenuAfterPresence(submenu, item)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\n  }\n\n  private async _closeSubmenuAfterPresence(submenu: MenuPortalOverlay, item: HTMLElement) {\n    if (!(await hideOverlayPresence(submenu.panel))) return\n    if (this._closingSubmenus.get(item) !== submenu) return\n\n    this._closingSubmenus.delete(item)\n    this._restoreSubmenuItems(submenu, item)\n    submenu.panel.remove()\n  }\n\n  private _restoreSubmenuItems(submenu: MenuPortalOverlay, item?: HTMLElement) {\n    if (item) moveMenuChildren(submenu.content, item)\n  }\n\n  private _restoreClosingSubmenus() {\n    this._closingSubmenus.forEach((submenu, item) => {\n      this._restoreSubmenuItems(submenu, item)\n      submenu.panel.remove()\n    })\n    this._closingSubmenus.clear()\n  }\n\n  private _getItemLevel(item: HTMLElement): number {\n    const menu = this._menu\n    if (menu?.panel.contains(item)) return 0\n    const parentLevel = this._activeSubmenus.findIndex(submenu => submenu.panel.contains(item))\n    return parentLevel === -1 ? -1 : parentLevel + 1\n  }\n\n  private _positionSubmenu(item: HTMLElement, submenu: MenuPortalOverlay) {\n    const itemRect = item.getBoundingClientRect()\n    const submenuRect = submenu.panel.getBoundingClientRect()\n    const padding = 8\n    const canOpenRight = itemRect.right + submenuRect.width + padding <= window.innerWidth\n    const left = canOpenRight ? itemRect.right : Math.max(padding, itemRect.left - submenuRect.width)\n    const top = Math.min(Math.max(padding, itemRect.top), window.innerHeight - submenuRect.height - padding)\n\n    submenu.panel.style.left = `${left}px`\n    submenu.panel.style.top = `${top}px`\n    submenu.panel.style.setProperty('--wui-overlay-transform-origin', canOpenRight ? 'top left' : 'top right')\n    submenu.panel.style.visibility = ''\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (\n        node instanceof Node &&\n        (this._menu?.panel.contains(node) || this._activeSubmenus.some(menu => menu.panel.contains(node)))\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  private _onContextMenu = (e: MouseEvent) => {\n    if (this.disabled) return\n    e.preventDefault()\n    this._restoreFocusTarget = e.target instanceof HTMLElement ? e.target : undefined\n    if (this._openAt(e.clientX, e.clientY, false)) this._userOpenChange.mark()\n  }\n\n  private _onContextMenuOutside = (e: MouseEvent) => {\n    if (this._isOpen && !this._isInsideShadowRoot(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\n    // 键盘 ContextMenu 键或 Shift+F10\n    if (e.key === 'ContextMenu' || (e.shiftKey && e.key === 'F10')) {\n      e.preventDefault()\n      const focused = document.activeElement\n      if (focused && focused !== document.body) {\n        const rect = focused.getBoundingClientRect()\n        if (this._openAt(rect.left, rect.bottom, true)) this._userOpenChange.mark()\n      } else {\n        if (this._openAt(window.innerWidth / 2, window.innerHeight / 2, true)) this._userOpenChange.mark()\n      }\n      return\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeFromUser()\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled')) return\n    if (item.hasAttribute('submenu')) {\n      this._openSubmenu(item)\n      return\n    }\n    this._closeFromUser()\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    if (!container) return []\n    return getMenuChildren(container)\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._hoverCleanupFns.length = 0\n\n    for (let level = 0; level <= this._activeSubmenus.length; level++) {\n      this._getLevelItems(level).forEach(item => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._submenuTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activeSubmenuItems[level] !== item) {\n              this._submenuTimer = setTimeout(() => this._openSubmenu(item), 200)\n            }\n          } else if (this._activeSubmenus.length > level) {\n            this._closeSubmenusFrom(level)\n            this._bindLevelHovers()\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _onWheel = (e: WheelEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onTouchMove = (e: TouchEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onDocumentKeydown = (e: KeyboardEvent) => {\n    if (!this._isOpen) return\n    // 鼠标右键打开的菜单焦点不在菜单内，e.target !== this 时也必须能 Escape 关闭；\n    // 菜单为模态浮层，按 Escape 即关闭，无需限定焦点位置\n    if (e.key === 'Escape') {\n      this._closeLastSubmenuOrMenu()\n      e.preventDefault()\n      return\n    }\n    const level = this._getFocusedLevel()\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const focused = this._getFocusedItem()\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          this._openSubmenu(focused, true)\n          requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          const parent = this._activeSubmenuItems[level - 1]\n          this._closeSubmenusFrom(level - 1)\n          this._focusMenuItem(parent)\n          this._bindLevelHovers()\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      case 'Escape':\n        this._closeLastSubmenuOrMenu()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  }\n\n  private _closeLastSubmenuOrMenu() {\n    if (this._activeSubmenus.length > 0) {\n      const level = this._activeSubmenus.length - 1\n      const parent = this._activeSubmenuItems[level]\n      this._closeSubmenusFrom(level)\n      this._focusMenuItem(parent)\n      this._bindLevelHovers()\n    } else {\n      this._closeFromUser()\n    }\n  }\n\n  private _preventBackgroundScroll(e: Event) {\n    if (!this._isOpen || this.noScrollLock || this._isMenuPanelEvent(e)) return\n    e.preventDefault()\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    return container ? getEnabledMenuItems(container) : []\n  }\n\n  private _getFocusedItem(): HTMLElement | undefined {\n    return findFocusedMenuItem([this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)])\n  }\n\n  private _getFocusedLevel(): number | undefined {\n    const item = this._getFocusedItem()\n    if (!item) return undefined\n    if (this._menu?.panel.contains(item)) return 0\n    const submenuIndex = this._activeSubmenus.findIndex(menu => menu.panel.contains(item))\n    return submenuIndex < 0 ? undefined : submenuIndex + 1\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    return e\n      .composedPath()\n      .some(\n        node =>\n          node instanceof HTMLElement &&\n          (node.classList.contains('context-menu') || node.classList.contains('context-submenu'))\n      )\n  }\n\n  override render() {\n    return html`\n      <div class=\"context-menu-anchor\">\n        <slot @slotchange=${this._hideMenuItems}></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-context-menu': WebUiContextMenu\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["import { computePosition, shift } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  getMovableMenuSubtrees,\n  hideNestedMenuChildren,\n  moveMenuChildren\n} from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst MARKER_TEXT = 'wui-context-menu-item'\n\n@customElement('web-ui-context-menu')\nexport class WebUiContextMenu extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  @state() private _isOpen = false\n  @state() private _x = 0\n  @state() private _y = 0\n\n  private _activeSubmenus: MenuPortalOverlay[] = []\n  private _activeSubmenuItems: HTMLElement[] = []\n  // 子菜单 dialog 定位的唯一写者代数（按 panel 键控）：同帧关闭→重开复用同一 panel\n  // 时只允许最新一次定位写入；不同层级子菜单各有 panel，互不作废。\n  private readonly _submenuPositionEpochs = new WeakMap<HTMLElement, number>()\n  private readonly _closingSubmenus = new Map<HTMLElement, MenuPortalOverlay>()\n  private _submenuTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private _menu?: MenuPortalOverlay\n  private readonly _menuItemAnchors = new Map<HTMLElement, Comment>()\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n  private _refreshScheduled = false\n  // 菜单打开期间宿主可能不经重定位直接改写子内容（网络推送、定时器等），\n  // 新节点缺隐藏 slot 会可见叠加到菜单上；观察 portal 内容并在下一帧重新同步。\n  private readonly _contentObserver = new MutationObserver(() => {\n    if (this._isOpen) this._scheduleRefresh()\n  })\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hideMenuItems()\n    this.addEventListener('contextmenu', this._onContextMenu)\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('click', this._onMenuClick)\n    document.addEventListener('click', this._onClickOutside)\n    document.addEventListener('contextmenu', this._onContextMenuOutside)\n    document.addEventListener('wheel', this._onWheel, { capture: true, passive: false })\n    document.addEventListener('touchmove', this._onTouchMove, { capture: true, passive: false })\n    document.addEventListener('keydown', this._onDocumentKeydown)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('contextmenu', this._onContextMenu)\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('click', this._onMenuClick)\n    document.removeEventListener('click', this._onClickOutside)\n    document.removeEventListener('contextmenu', this._onContextMenuOutside)\n    document.removeEventListener('wheel', this._onWheel, true)\n    document.removeEventListener('touchmove', this._onTouchMove, true)\n    document.removeEventListener('keydown', this._onDocumentKeydown)\n    this._contentObserver.disconnect()\n    clearTimeout(this._submenuTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._scrollLock.release()\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n    // 脱离文档即视为关闭：否则重连后 _isOpen 仍为 true 而 _menu 已清空，\n    // 下次 openAt 会走已打开分支静默失败，菜单无法再打开。\n    this._isOpen = false\n    this._restoreFocusTarget = undefined\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    // Lit 的已排队更新可在卸载后执行，不能让已失效实例重新获取全局滚动锁。\n    if (!this.isConnected) {\n      this._syncScrollLock(false)\n      return\n    }\n\n    if (changed.has('_isOpen')) {\n      if (this._isOpen) {\n        this._syncScrollLock()\n        if (!this._menu) {\n          this._menu = createMenuPortalOverlay('context-menu', this)\n          this._menu.panel.setAttribute('role', 'menu')\n          this._menu.panel.setAttribute('aria-label', '上下文菜单')\n          this._menu.panel.addEventListener('click', this._onMenuClick)\n        }\n        // 父项始终留在 menu.content 内，观察它即可覆盖各级子菜单在打开期间的内容重建。\n        this._contentObserver.observe(this._menu.content, { childList: true, subtree: true })\n        requestAnimationFrame(() => {\n          if (!this._isOpen || !this._menu) return\n          this._refreshMenu()\n          showOverlayPresence(this._menu.panel, { isInstant: this._shouldOpenInstantly })\n          this._shouldOpenInstantly = true\n          this._focusFirstItem()\n        })\n      } else {\n        this._syncScrollLock(false)\n        this._contentObserver.disconnect()\n        this._refreshScheduled = false\n        void this._closeMenuAfterPresence()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this._isOpen)\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  /**\n   * 在指定视口坐标打开菜单。\n   * @param x 水平坐标（px）。\n   * @param y 垂直坐标（px）。\n   * @returns 无返回值；命令式打开不派发 `open-change` 事件。\n   */\n  openAt(x: number, y: number) {\n    this._openAt(x, y, true)\n  }\n\n  private _openAt(x: number, y: number, isInstant: boolean): boolean {\n    if (this.disabled) return false\n    this._x = x\n    this._y = y\n    this._shouldOpenInstantly = isInstant\n    this._ignoreCurrentOutsideClick()\n    if (this._isOpen) {\n      this._closeSubmenusFrom(0, true)\n      this._restoreClosingSubmenus()\n      this._scheduleRefresh()\n      return false\n    }\n    this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n    this._isOpen = true\n    return true\n  }\n\n  /**\n   * 关闭菜单。\n   * @returns 无返回值；命令式关闭不派发 `open-change` 事件。\n   */\n  close() {\n    if (!this._isOpen) return\n    this._isOpen = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this._isOpen) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  // 同一帧内多次内容变化只刷新一次，避免观察者与刷新自身 append 形成循环。\n  private _scheduleRefresh() {\n    if (this._refreshScheduled || !this._isOpen) return\n    this._refreshScheduled = true\n    requestAnimationFrame(() => {\n      this._refreshScheduled = false\n      if (!this._isOpen || !this._menu) return\n      this._refreshMenu()\n    })\n  }\n\n  // 重新同步 portal 内容并重定位；fresh-open、重定位与观察者触发的刷新共用。\n  private _refreshMenu() {\n    if (!this._menu) return\n    this._setupMenuItems()\n    this._positionMenu()\n    this._bindLevelHovers()\n  }\n\n  private _positionMenu() {\n    const panel = this._menu?.panel\n    if (!panel) return\n\n    panel.style.visibility = 'hidden'\n    panel.style.display = ''\n\n    // 普通 overlay root 不经过 transformed containing block，保留轻量的同步定位。\n    // 只有 panel 已进入 open native dialog 时才需要 Floating UI 解析坐标。\n    if (!(panel.parentElement instanceof HTMLDialogElement && panel.parentElement.open)) {\n      this._positionMenuInViewport(panel)\n      return\n    }\n\n    void computePosition({ getBoundingClientRect: () => new DOMRect(this._x, this._y, 0, 0) }, panel, {\n      strategy: 'fixed',\n      placement: 'bottom-start',\n      // crossAxis 必须显式开启：bottom-start 的 sideAxis 为 y，默认只钳制 x，\n      // 视口下缘打开时菜单底部会溢出且无法滚动进入视野。\n      middleware: [shift({ padding: 8, crossAxis: true })]\n    }).then(({ x, y, middlewareData }) => {\n      if (!this._isOpen || this._menu?.panel !== panel) return\n      // dialog 相对坐标不能与 viewport 的 _x/_y 比较推导 origin（原点非零时几乎恒判\n      // right/bottom）；shift 数据是该坐标系内的钳制位移增量，负值即被推向该轴起点侧。\n      const shiftX = middlewareData.shift?.x ?? 0\n      const shiftY = middlewareData.shift?.y ?? 0\n      this._applyMenuPosition(panel, x, y, shiftX < 0 ? 'right' : 'left', shiftY < 0 ? 'bottom' : 'top')\n    })\n  }\n\n  private _positionMenuInViewport(panel: HTMLElement) {\n    const { width, height } = panel.getBoundingClientRect()\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n\n    let x = this._x\n    let y = this._y\n\n    if (x + width > vw) x = vw - width - 8\n    if (y + height > vh) y = vh - height - 8\n    if (x < 0) x = 8\n    if (y < 0) y = 8\n\n    this._applyMenuPosition(panel, x, y)\n  }\n\n  private _applyMenuPosition(\n    panel: HTMLElement,\n    x: number,\n    y: number,\n    horizontalOrigin?: 'left' | 'right',\n    verticalOrigin?: 'top' | 'bottom'\n  ) {\n    panel.style.left = `${x}px`\n    panel.style.top = `${y}px`\n    // 非 dialog 路径保持 viewport 坐标比较；dialog 路径由调用方传入 shift 推导值。\n    const horizontal = horizontalOrigin ?? (x < this._x ? 'right' : 'left')\n    const vertical = verticalOrigin ?? (y < this._y ? 'bottom' : 'top')\n    panel.style.setProperty('--wui-internal-overlay-transform-origin', `${vertical} ${horizontal}`)\n    panel.style.visibility = ''\n  }\n\n  private _focusFirstItem() {\n    const items = this._menu?.content.querySelectorAll<HTMLElement>('web-ui-dropdown-item:not([disabled])')\n    const firstItem = items?.[0]\n    if (firstItem) {\n      this._focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n    const content = menu.content\n\n    this._syncManagedItems(content)\n    this._hideMenuItems()\n    // 宿主可能在菜单打开期间动态改写 slot 子内容（如切换上下文后重建嵌套子项），\n    // 新节点没有隐藏 slot 会落入父项默认 slot 可见渲染并叠到一级菜单上；\n    // 因此对已移入 content 的嵌套子项也要重新隐藏。\n    hideNestedMenuChildren(content, 'context-menu-hidden')\n\n    // 框架 v-if 注释锚点的复位独立于元素重排：无论元素序是否已变都要执行。\n    // 若挂在「元素序已变才重排」之下，顺序恰好正确时会跳过复位，锚点漂移无法收敛，\n    // 而 Vue 下次翻转正依赖锚点引导新分支项的插入点。\n    const anchors = this._captureFrameworkAnchors(content)\n    this._orderMenuItems(content)\n    this._restoreFrameworkAnchors(content, anchors)\n  }\n\n  /**\n   * 捕获框架 v-if 注释锚点相对其后继元素的绑定，供重排后复位。\n   * 后继以 nextElementSibling 解析（跳过注释/文本，多个相邻锚点绑定同一后继）。\n   * 锚点在 content 末尾、无后继元素时记为 null（尾部锚点，复位时保持末尾）。\n   */\n  private _captureFrameworkAnchors(content: HTMLElement): Map<Comment, HTMLElement | null> {\n    const anchors = new Map<Comment, HTMLElement | null>()\n    for (const node of Array.from(content.childNodes)) {\n      if (node instanceof Comment && node.textContent !== MARKER_TEXT) {\n        const nextEl = node.nextElementSibling\n        anchors.set(node, nextEl instanceof HTMLElement ? nextEl : null)\n      }\n    }\n    return anchors\n  }\n\n  /**\n   * 把锚点复位到捕获时其后继元素之前（尾部锚点保持末尾）。\n   * 元素重排用 insertBefore/appendChild 不会移动注释，锚点必须显式复位，\n   * 否则脱离模板位置后 Vue 下次 v-if 翻转会把新分支项插到错误插入点。\n   */\n  private _restoreFrameworkAnchors(content: HTMLElement, anchors: Map<Comment, HTMLElement | null>) {\n    for (const [anchor, successor] of anchors) {\n      if (anchor.parentNode !== content) continue\n      if (successor && successor.parentNode === content) {\n        if (anchor.nextElementSibling !== successor) content.insertBefore(anchor, successor)\n      } else {\n        // 尾部锚点：重排可能把元素 append 到末尾越过锚点，恢复其末尾位置。\n        content.appendChild(anchor)\n      }\n    }\n  }\n\n  /**\n   * 全集 reconcile：以「content 现有元素 ∪ 宿主元素」为托管全集。\n   * 框架（如 Vue 的 v-if 翻转）可能不经宿主直接改写 portal 内节点——卸载旧项留下\n   * 注释锚点、把新项直接插进 content——它们都会被这里收编（补 marker + 补隐藏），\n   * 已被框架删除/移出两处的条目则被清理。\n   */\n  private _syncManagedItems(content: HTMLElement) {\n    // 宿主与 portal 面板分别位于不同容器，结构上不相交且收集只看直接子层，\n    // 两个集合不会重复。\n    const inContent = getMovableMenuSubtrees(content)\n    const inHost = getMovableMenuSubtrees(this)\n    const managed = new Set([...inContent, ...inHost])\n\n    // 清理已失效条目：托管元素既不在 content 也不在宿主，说明已被框架删除。\n    // 仍在 content 的元素必被上面收集进 managed，故这里只需处理宿主侧。\n    this._menuItemAnchors.forEach((marker, subtree) => {\n      if (managed.has(subtree)) return\n      marker.remove()\n      this._menuItemAnchors.delete(subtree)\n    })\n\n    // 确保每个托管元素都有 marker：框架直接插入 content 的项在此收编。\n    // content 项按其当前 DOM 序（框架语义序）**反向**处理，新 marker 插到后继项 marker 之前——\n    // 这样补建的 marker 序无需重排即可与 content 对齐；宿主项的 marker 原地补插。\n    const ensureMarker = (subtree: HTMLElement, inHost: boolean, before?: Comment) => {\n      const existing = this._menuItemAnchors.get(subtree)\n      if (existing && existing.parentNode === this) return existing\n      existing?.remove()\n      const marker = document.createComment(MARKER_TEXT)\n      if (inHost) {\n        this.insertBefore(marker, subtree)\n      } else if (before && before.parentNode === this) {\n        this.insertBefore(marker, before)\n      } else {\n        this.appendChild(marker)\n      }\n      this._menuItemAnchors.set(subtree, marker)\n      return marker\n    }\n    for (let index = inContent.length - 1; index >= 0; index--) {\n      const subtree = inContent[index]\n      const next = inContent[index + 1]\n      const nextMarker = next ? this._menuItemAnchors.get(next) : undefined\n      ensureMarker(subtree, false, nextMarker)\n    }\n    for (const subtree of inHost) {\n      ensureMarker(subtree, true)\n    }\n\n    // 宿主中尚存的托管项移入 content。\n    for (const subtree of inHost) {\n      content.appendChild(subtree)\n    }\n  }\n\n  private _orderMenuItems(content: HTMLElement) {\n    const targetItems: HTMLElement[] = []\n    for (const node of Array.from(this.childNodes)) {\n      if (node.nodeType !== Node.COMMENT_NODE || node.textContent !== MARKER_TEXT) continue\n      this._menuItemAnchors.forEach((marker, subtree) => {\n        if (marker !== node || subtree.parentNode !== content) return\n        targetItems.push(subtree)\n      })\n    }\n\n    if (targetItems.length === 0) return\n\n    const currentItems = Array.from(content.children)\n    if (currentItems.length === targetItems.length && currentItems.every((item, index) => item === targetItems[index]))\n      return\n\n    // 把每个元素移动到目标序中下一个元素之前，而不是 appendChild 全部移到末尾。\n    // appendChild 会把元素越过 content 中的框架注释锚点（v-if 锚点），导致锚点脱离\n    // 模板位置，下次框架翻转时据此锚点插入新分支项就会落错位；insertBefore 只重排\n    // 元素相对顺序，锚点保持在原模板位置。锚点复位由 _restoreFrameworkAnchors 独立完成。\n    for (let index = targetItems.length - 1; index >= 0; index--) {\n      const item = targetItems[index]\n      const next = targetItems[index + 1]\n      if (next) {\n        if (item.nextElementSibling !== next) content.insertBefore(item, next)\n      } else {\n        content.appendChild(item)\n      }\n    }\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n\n    // 按 content 子节点序双向归还：元素回到 marker 位置，框架 v-if 注释锚点\n    // 插到对应元素之前。Vue 仍持有这些锚点的 vnode.el 引用，随元素一起迁回宿主\n    // 可确保框架下次 patch 以宿主为容器，不会因 parentNode === null 崩溃。\n    const content = menu.content\n    const pending: Comment[] = []\n    for (const node of Array.from(content.childNodes)) {\n      // instanceof 收窄：Comment 接口为空，nodeType 继承自 Node 的 number，无法用 === 收窄\n      if (node instanceof Comment) {\n        pending.push(node)\n        continue\n      }\n      if (!(node instanceof HTMLElement)) continue\n      const marker = this._menuItemAnchors.get(node)\n      if (!marker) continue\n      for (const c of pending) {\n        if (marker.parentNode === this) this.insertBefore(c, marker)\n        else this.appendChild(c)\n      }\n      pending.length = 0\n      if (marker.parentNode === this) {\n        this.insertBefore(node, marker)\n      } else {\n        this.appendChild(node)\n      }\n      marker.remove()\n      this._menuItemAnchors.delete(node)\n    }\n    // 尾部框架锚点追加到宿主末尾\n    for (const c of pending) this.appendChild(c)\n    // 映射中剩余 = 已不在 content 的条目(如翻转中被框架卸载的),仅清理 marker\n    this._menuItemAnchors.forEach(marker => marker.remove())\n    this._menuItemAnchors.clear()\n  }\n\n  private async _closeMenuAfterPresence() {\n    const menu = this._menu\n    if (menu && !(await hideOverlayPresence(menu.panel))) return\n    if (this._isOpen || !this.isConnected || this._menu !== menu) return\n\n    this._returnItemsToSlot()\n    menu?.panel.remove()\n    this._menu = undefined\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideMenuItems() {\n    getMenuChildren(this).forEach(child => child.setAttribute('slot', 'context-menu-hidden'))\n    hideNestedMenuChildren(this, 'context-menu-hidden')\n  }\n\n  private _openSubmenu(item: HTMLElement, isInstant = false) {\n    if (!this._isOpen || !item.hasAttribute('submenu') || item.hasAttribute('disabled')) return\n\n    const level = this._getItemLevel(item)\n    if (level === -1 || this._activeSubmenuItems[level] === item) return\n\n    this._closeSubmenusFrom(level)\n    const closingSubmenu = this._closingSubmenus.get(item)\n    if (closingSubmenu) {\n      this._closingSubmenus.delete(item)\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._bindLevelHovers()\n      return\n    }\n    if (getMenuChildren(item).length === 0) return\n\n    const submenu = createMenuPortalOverlay('context-submenu', this)\n    submenu.panel.dataset.level = String(level)\n    submenu.panel.setAttribute('role', 'menu')\n    submenu.panel.setAttribute('aria-label', '子菜单')\n    submenu.panel.style.visibility = 'hidden'\n    submenu.panel.addEventListener('click', this._onMenuClick)\n    moveMenuChildren(item, submenu.content)\n\n    this._activeSubmenus[level] = submenu\n    this._activeSubmenuItems[level] = item\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._bindLevelHovers()\n  }\n\n  private _closeSubmenusFrom(level: number, isInstant = false) {\n    for (let index = this._activeSubmenus.length - 1; index >= level; index--) {\n      const submenu = this._activeSubmenus[index]\n      const item = this._activeSubmenuItems[index]\n      item?.removeAttribute('active')\n      if (!item || isInstant) {\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.set(item, submenu)\n        void this._closeSubmenuAfterPresence(submenu, item)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\n  }\n\n  private async _closeSubmenuAfterPresence(submenu: MenuPortalOverlay, item: HTMLElement) {\n    if (!(await hideOverlayPresence(submenu.panel))) return\n    if (this._closingSubmenus.get(item) !== submenu) return\n\n    this._closingSubmenus.delete(item)\n    this._restoreSubmenuItems(submenu, item)\n    submenu.panel.remove()\n  }\n\n  private _restoreSubmenuItems(submenu: MenuPortalOverlay, item?: HTMLElement) {\n    if (!item) return\n    moveMenuChildren(submenu.content, item)\n    // 子菜单打开期间宿主可能重建了嵌套子项，归还时补隐藏，避免可见叠加。\n    hideNestedMenuChildren(item, 'context-menu-hidden')\n  }\n\n  private _restoreClosingSubmenus() {\n    this._closingSubmenus.forEach((submenu, item) => {\n      this._restoreSubmenuItems(submenu, item)\n      submenu.panel.remove()\n    })\n    this._closingSubmenus.clear()\n  }\n\n  private _getItemLevel(item: HTMLElement): number {\n    const menu = this._menu\n    if (menu?.panel.contains(item)) return 0\n    const parentLevel = this._activeSubmenus.findIndex(submenu => submenu.panel.contains(item))\n    return parentLevel === -1 ? -1 : parentLevel + 1\n  }\n\n  private _positionSubmenu(item: HTMLElement, submenu: MenuPortalOverlay) {\n    // 与主菜单同因：panel 进入 open native dialog 后处于 transformed containing\n    // block，viewport 坐标的 left/top 会相对 dialog padding box 解析而整体偏移，\n    // 需改走 Floating UI 换算为 dialog 相对坐标；开合方向仍按视口坐标度量预判。\n    if (submenu.panel.parentElement instanceof HTMLDialogElement && submenu.panel.parentElement.open) {\n      const itemRect = item.getBoundingClientRect()\n      const padding = 8\n      const canOpenRight = itemRect.right + submenu.panel.getBoundingClientRect().width + padding <= window.innerWidth\n      // 同帧关闭→重开会复用同一 panel 产生两个 in-flight 定位 promise，完成序不保证\n      // 后者胜出；按 panel 键控的代数 token 只允许最新一次调用写入，迟到旧 promise 丢弃。\n      const epoch = (this._submenuPositionEpochs.get(submenu.panel) ?? 0) + 1\n      this._submenuPositionEpochs.set(submenu.panel, epoch)\n      void computePosition(item, submenu.panel, {\n        strategy: 'fixed',\n        placement: canOpenRight ? 'right-start' : 'left-start',\n        middleware: [shift({ padding, crossAxis: true })]\n      }).then(({ x, y, middlewareData }) => {\n        if (!this._activeSubmenus.includes(submenu) || epoch !== this._submenuPositionEpochs.get(submenu.panel)) return\n        // 与主菜单 dialog 路径一致：origin 由 shift 增量推导，视口预判只决定 placement。\n        const shiftX = middlewareData.shift?.x ?? 0\n        const shiftY = middlewareData.shift?.y ?? 0\n        const horizontalOrigin = shiftX < 0 ? 'right' : 'left'\n        const verticalOrigin = shiftY < 0 ? 'bottom' : 'top'\n        submenu.panel.style.left = `${x}px`\n        submenu.panel.style.top = `${y}px`\n        submenu.panel.style.setProperty(\n          '--wui-internal-overlay-transform-origin',\n          `${verticalOrigin} ${horizontalOrigin}`\n        )\n        submenu.panel.style.visibility = ''\n      })\n      return\n    }\n\n    const itemRect = item.getBoundingClientRect()\n    const submenuRect = submenu.panel.getBoundingClientRect()\n    const padding = 8\n    const canOpenRight = itemRect.right + submenuRect.width + padding <= window.innerWidth\n    const left = canOpenRight ? itemRect.right : Math.max(padding, itemRect.left - submenuRect.width)\n    const top = Math.min(Math.max(padding, itemRect.top), window.innerHeight - submenuRect.height - padding)\n\n    submenu.panel.style.left = `${left}px`\n    submenu.panel.style.top = `${top}px`\n    submenu.panel.style.setProperty('--wui-internal-overlay-transform-origin', canOpenRight ? 'top left' : 'top right')\n    submenu.panel.style.visibility = ''\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (\n        node instanceof Node &&\n        (this._menu?.panel.contains(node) || this._activeSubmenus.some(menu => menu.panel.contains(node)))\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  private _onContextMenu = (e: MouseEvent) => {\n    if (this.disabled) return\n    e.preventDefault()\n    this._restoreFocusTarget = e.target instanceof HTMLElement ? e.target : undefined\n    if (this._openAt(e.clientX, e.clientY, false)) this._userOpenChange.mark()\n  }\n\n  private _onContextMenuOutside = (e: MouseEvent) => {\n    if (this._isOpen && !this._isInsideShadowRoot(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\n    // 键盘 ContextMenu 键或 Shift+F10\n    if (e.key === 'ContextMenu' || (e.shiftKey && e.key === 'F10')) {\n      e.preventDefault()\n      const focused = document.activeElement\n      if (focused && focused !== document.body) {\n        const rect = focused.getBoundingClientRect()\n        if (this._openAt(rect.left, rect.bottom, true)) this._userOpenChange.mark()\n      } else {\n        if (this._openAt(window.innerWidth / 2, window.innerHeight / 2, true)) this._userOpenChange.mark()\n      }\n      return\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeFromUser()\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled')) return\n    if (item.hasAttribute('submenu')) {\n      this._openSubmenu(item)\n      return\n    }\n    this._closeFromUser()\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    if (!container) return []\n    return getMenuChildren(container)\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._hoverCleanupFns.length = 0\n\n    for (let level = 0; level <= this._activeSubmenus.length; level++) {\n      this._getLevelItems(level).forEach(item => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._submenuTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activeSubmenuItems[level] !== item) {\n              this._submenuTimer = setTimeout(() => this._openSubmenu(item), 200)\n            }\n          } else if (this._activeSubmenus.length > level) {\n            this._closeSubmenusFrom(level)\n            this._bindLevelHovers()\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _onWheel = (e: WheelEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onTouchMove = (e: TouchEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onDocumentKeydown = (e: KeyboardEvent) => {\n    if (!this._isOpen) return\n    // 鼠标右键打开的菜单焦点不在菜单内，e.target !== this 时也必须能 Escape 关闭；\n    // 菜单为模态浮层，按 Escape 即关闭，无需限定焦点位置\n    if (e.key === 'Escape') {\n      this._closeLastSubmenuOrMenu()\n      e.preventDefault()\n      return\n    }\n    const level = this._getFocusedLevel()\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const focused = this._getFocusedItem()\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          this._openSubmenu(focused, true)\n          requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          const parent = this._activeSubmenuItems[level - 1]\n          this._closeSubmenusFrom(level - 1)\n          this._focusMenuItem(parent)\n          this._bindLevelHovers()\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      case 'Escape':\n        this._closeLastSubmenuOrMenu()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  }\n\n  private _closeLastSubmenuOrMenu() {\n    if (this._activeSubmenus.length > 0) {\n      const level = this._activeSubmenus.length - 1\n      const parent = this._activeSubmenuItems[level]\n      this._closeSubmenusFrom(level)\n      this._focusMenuItem(parent)\n      this._bindLevelHovers()\n    } else {\n      this._closeFromUser()\n    }\n  }\n\n  private _preventBackgroundScroll(e: Event) {\n    if (!this._isOpen || this.noScrollLock || this._isMenuPanelEvent(e)) return\n    e.preventDefault()\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    return container ? getEnabledMenuItems(container) : []\n  }\n\n  private _getFocusedItem(): HTMLElement | undefined {\n    return findFocusedMenuItem([this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)])\n  }\n\n  private _getFocusedLevel(): number | undefined {\n    const item = this._getFocusedItem()\n    if (!item) return undefined\n    if (this._menu?.panel.contains(item)) return 0\n    const submenuIndex = this._activeSubmenus.findIndex(menu => menu.panel.contains(item))\n    return submenuIndex < 0 ? undefined : submenuIndex + 1\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    return e\n      .composedPath()\n      .some(\n        node =>\n          node instanceof HTMLElement &&\n          (node.classList.contains('context-menu') || node.classList.contains('context-submenu'))\n      )\n  }\n\n  override render() {\n    return html`\n      <div class=\"context-menu-anchor\">\n        <slot @slotchange=${this._onSlotChange}></slot>\n      </div>\n    `\n  }\n\n  private _onSlotChange() {\n    this._hideMenuItems()\n    // 打开期间宿主重建顶层项时，新成员要移入 portal 才对用户可见；\n    // 关闭状态下无需移动，等下次打开时由 _setupMenuItems 统一处理。\n    if (this._isOpen) this._scheduleRefresh()\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-context-menu': WebUiContextMenu\n  }\n}\n"],"mappings":"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"}

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

@@ -5,6 +5,12 @@ export declare class WebUiDialog extends LitElement {
     noScrollLock: boolean;
     noBackdropClose: boolean;
     noEscapeClose: boolean;
+    /**
+     * Controlled 模式下，Escape 和遮罩点击只派发 `open-change` 请求，
+     * 不会自行修改 `open`。Consumer 回写 `open` 后才执行关闭动画。
+     * 程序化 API（showModal/close/直接赋值 open）不受此模式影响，始终直通。
+     */
+    controlled: boolean;
     private _hasBody;
     private readonly _userOpenChange;
     private readonly _scrollLock;