@greypan/web-ui 7.0.0 → 8.1.0

package/dist/components/button/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/button/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n\n  /* inline-flex 让内层按钮在宿主内完全居中，避免继承的行高撑高宿主、导致图标偏移 */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n:host([full]) {\n  display: block;\n  width: 100%;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\nbutton {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n  cursor: default;\n  user-select: none;\n\n  position: relative;\n\n  overflow: clip;\n  display: inline-flex;\n  gap: var(--wui-button-gap, 8px);\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: var(--wui-button-width, max-content);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 var(--wui-button-px, 12px);\n  border: none;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  /* 原生 button 不继承字体；显式继承以对齐宿主排版，避免 UA 默认 Arial 差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-button-color);\n  white-space: nowrap;\n\n  background-color: var(--wui-button-bg);\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  &:focus-visible {\n    outline: var(--wui-focus-ring-width, 3px) solid var(--wui-color-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  button:hover:not(:disabled) {\n    background-color: var(--wui-button-bg-hover);\n  }\n}\n\nbutton:active:not(:disabled) {\n  background-color: var(--wui-button-bg-active);\n}\n\n:host([full]) button {\n  display: flex;\n  width: 100%;\n}\n\n:host([icon]) button {\n  padding: 0;\n}\n\n/* pointer-focus helper 把标记写到 shadow host 上；这里抑制 Shadow DOM 内按钮的 focus ring。 */\n:host([data-wui-pointer-focus]) button:focus-visible {\n  outline-color: transparent;\n}\n\n/* ===== Variant: primary (默认) ===== */\n\n:host([variant='primary']) {\n  --wui-button-color: var(--wui-color-on-accent, #fff);\n  --wui-button-bg: var(--wui-color-accent, #08f);\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-button-bg, #08f) 88%, black);\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-button-bg, #08f) 76%, black);\n}\n\n:host([variant='secondary']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n  --wui-button-bg: var(--wui-color-surface-control, #dfdfdf);\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-button-bg, #dfdfdf) 92%, black);\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-button-bg, #dfdfdf) 82%, black);\n}\n\n:host([variant='ghost']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-state-layer-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent)\n  );\n  --wui-button-bg-active: var(\n    --wui-color-state-layer-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent)\n  );\n}\n\n:host([variant='danger']) {\n  --wui-button-color: var(--wui-color-danger, #dc2626);\n  --wui-button-bg: color-mix(in srgb, var(--wui-color-danger, #dc2626) 18%, var(--wui-color-surface, #fff));\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-color-danger, #dc2626) 26%, var(--wui-color-surface, #fff));\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-color-danger, #dc2626) 45%, var(--wui-color-surface, #fff));\n}\n\n/* .wui-glass 样式由 @/assets/glass.css 提供 */\n:host([variant='glass']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n\n  /* standalone glass 底色由 .wui-glass 提供；hover/active 需要还原玻璃底，避免被按钮状态色整块替换 */\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-surface-glass-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, var(--wui-color-surface-glass, rgb(250 250 250 / 0.34)))\n  );\n  --wui-button-bg-active: var(\n    --wui-color-surface-glass-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, var(--wui-color-surface-glass, rgb(250 250 250 / 0.34)))\n  );\n}\n\nbutton.is-grouped {\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-state-layer-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent)\n  );\n  --wui-button-bg-active: var(\n    --wui-color-state-layer-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent)\n  );\n}\n\n.group-divider {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  right: -2px;\n  transform: translateY(-50%);\n\n  width: 1px;\n  height: 24px;\n\n  background-color: var(--wui-color-border, rgb(0 0 0 / 0.1));\n}\n\n.group-divider.vertical {\n  top: auto;\n  right: auto;\n  bottom: -2px;\n  left: 50%;\n  transform: translateX(-50%);\n\n  width: 24px;\n  height: 1px;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/button/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n\n  /* inline-flex 让内层按钮在宿主内完全居中，避免继承的行高撑高宿主、导致图标偏移 */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n:host([full]) {\n  display: block;\n  width: 100%;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\nbutton {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n  cursor: default;\n  user-select: none;\n\n  position: relative;\n\n  overflow: clip;\n  display: inline-flex;\n  gap: var(--wui-button-gap, 8px);\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: var(--wui-button-width, max-content);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 var(--wui-button-px, 12px);\n  border: none;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  /* 原生 button 不继承字体；显式继承以对齐宿主排版，避免 UA 默认 Arial 差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-button-color);\n  white-space: nowrap;\n\n  background-color: var(--wui-button-bg);\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  &:focus-visible {\n    outline: var(--wui-focus-ring-width, 3px) solid var(--wui-color-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  button:hover:not(:disabled) {\n    background-color: var(--wui-button-bg-hover);\n  }\n}\n\nbutton:active:not(:disabled) {\n  background-color: var(--wui-button-bg-active);\n}\n\n:host([full]) button {\n  display: flex;\n  width: 100%;\n}\n\n:host([icon]) button {\n  padding: 0;\n}\n\n/* pointer-focus helper 把标记写到 shadow host 上；这里抑制 Shadow DOM 内按钮的 focus ring。 */\n:host([data-wui-pointer-focus]) button:focus-visible {\n  outline-color: transparent;\n}\n\n:host([variant='primary']) {\n  --wui-button-color: var(--wui-color-on-accent, #fff);\n  --wui-button-bg: var(--wui-color-accent, #08f);\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-button-bg, #08f) 88%, black);\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-button-bg, #08f) 76%, black);\n}\n\n:host([variant='secondary']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n  --wui-button-bg: var(--wui-color-surface-control, #dfdfdf);\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-button-bg, #dfdfdf) 92%, black);\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-button-bg, #dfdfdf) 82%, black);\n}\n\n:host([variant='ghost']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-state-layer-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent)\n  );\n  --wui-button-bg-active: var(\n    --wui-color-state-layer-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent)\n  );\n}\n\n:host([variant='danger']) {\n  --wui-button-color: var(--wui-color-danger, #dc2626);\n  --wui-button-bg: color-mix(in srgb, var(--wui-color-danger, #dc2626) 18%, var(--wui-color-surface, #fff));\n  --wui-button-bg-hover: color-mix(in srgb, var(--wui-color-danger, #dc2626) 26%, var(--wui-color-surface, #fff));\n  --wui-button-bg-active: color-mix(in srgb, var(--wui-color-danger, #dc2626) 45%, var(--wui-color-surface, #fff));\n}\n\n/* .wui-glass 样式由 @/assets/glass.css 提供 */\n:host([variant='glass']) {\n  --wui-button-color: var(--wui-color-text, #1b1b1b);\n\n  /* standalone glass 底色由 .wui-glass 提供；hover/active 需要还原玻璃底，避免被按钮状态色整块替换 */\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-surface-glass-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, var(--wui-color-surface-glass, rgb(250 250 250 / 0.34)))\n  );\n  --wui-button-bg-active: var(\n    --wui-color-surface-glass-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, var(--wui-color-surface-glass, rgb(250 250 250 / 0.34)))\n  );\n}\n\nbutton.is-grouped {\n  --wui-button-bg: transparent;\n  --wui-button-bg-hover: var(\n    --wui-color-state-layer-hover,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent)\n  );\n  --wui-button-bg-active: var(\n    --wui-color-state-layer-active,\n    color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent)\n  );\n}\n\n.group-divider {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  right: -2px;\n  transform: translateY(-50%);\n\n  width: 1px;\n  height: var(--wui-button-group-divider-length, 20px);\n\n  background-color: var(--wui-color-border, rgb(0 0 0 / 0.1));\n}\n\n.group-divider.vertical {\n  top: auto;\n  right: auto;\n  bottom: -2px;\n  left: 50%;\n  transform: translateX(-50%);\n\n  width: var(--wui-button-group-divider-length, 20px);\n  height: 1px;\n}\n"],"mappings":""}

package/dist/components/button-group/index.js

@@ -1,7 +1,7 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
-import { normalizeLiteral as n } from "../../shared/normalize/index.js";
-import { GroupController as r, buttonGroupContextKey as i, defineGroupPresentation as a } from "../../shared/group-management/index.js";
+import { GroupController as n, buttonGroupContextKey as r, defineGroupPresentation as i } from "../../shared/group-management/index.js";
+import { normalizeLiteral as a } from "../../shared/normalize/index.js";
 import "../button/index.js";
 import o from "./style.js";
 import { LitElement as s, html as c, unsafeCSS as l } from "lit";
@@ -9,9 +9,9 @@ import { customElement as u, property as d } from "lit/decorators.js";
 //#region src/components/button-group/index.ts
 var f = ["horizontal", "vertical"], p = class extends s {
 	constructor(...e) {
-		super(...e), this._direction = "horizontal", this._groupController = new r(this, a({
+		super(...e), this._direction = "horizontal", this._groupController = new n(this, i({
 			host: this,
-			context: i,
+			context: r,
 			getItems: () => [...this.querySelectorAll("web-ui-button")],
 			getContext: (e, t, n) => ({
 				direction: this.direction,
@@ -27,7 +27,7 @@ var f = ["horizontal", "vertical"], p = class extends s {
 	}
 	set direction(e) {
 		let t = this._direction;
-		this._direction = n(e, f, "horizontal"), this.requestUpdate("direction", t);
+		this._direction = a(e, f, "horizontal"), this.requestUpdate("direction", t);
 	}
 	render() {
 		return c`

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

@@ -369,6 +369,8 @@ export declare class WebUiCheckbox extends WebUiCheckbox_base {
     private _checked;
     /** 描边收回期间把勾按在可见档，见 willUpdate。 */
     private _retracting;
+    /** 标签没有可渲染内容（空槽位，或只挂着一个无障碍名）时收掉 gap，见 LabelEmptinessController。 */
+    private _labelEmpty;
     get checked(): boolean;
     set checked(v: boolean);
     value: string;
@@ -379,6 +381,7 @@ export declare class WebUiCheckbox extends WebUiCheckbox_base {
     private get _isManagedByGroup();
     private readonly _formAssociation;
     private readonly _formAssociationController;
+    private readonly _labelEmptiness;
     private readonly _drawLines?;
     /** 每次更新重读一次，交给内层描边的 duration 属性；见 willUpdate。 */
     private _drawDurationMs;

package/dist/components/checkbox/index.js

@@ -1,27 +1,30 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
-import { FormAssociated as t, FormAssociationController as n, defineFormAssociation as r } from "../../shared/form-association/index.js";
-import { parseDuration as i } from "../../shared/theme/duration.js";
-import { installPointerFocusSuppression as a } from "../../shared/focus/pointer-focus.js";
+import "../icon/index.js";
+import t from "../../icons/generated/akar-icons-check.js";
+import { installPointerFocusSuppression as n } from "../../shared/focus/pointer-focus.js";
+import { FormAssociated as r, FormAssociationController as i, defineFormAssociation as a } from "../../shared/form-association/index.js";
 import { defineGroupManaged as o, selectionGroupContextKey as s } from "../../shared/group-management/index.js";
-import c from "../../assets/selection-control.js";
+import { parseDuration as c } from "../../shared/theme/duration.js";
 import { prefersReducedMotion as l } from "../../shared/theme/reduced-motion.js";
 import "../svg-draw-lines/index.js";
-import u from "./style.js";
-import { LitElement as d, html as f, unsafeCSS as p } from "lit";
-import { customElement as m, property as h, query as g, state as _ } from "lit/decorators.js";
-import { classMap as v } from "lit/directives/class-map.js";
+import u from "../../assets/selection-control.js";
+import { LabelEmptinessController as d } from "../../shared/label-emptiness/index.js";
+import f from "./style.js";
+import { LitElement as p, html as m, unsafeCSS as h } from "lit";
+import { customElement as g, property as _, query as v, state as y } from "lit/decorators.js";
+import { classMap as b } from "lit/directives/class-map.js";
 //#region src/components/checkbox/index.ts
-a();
-function y(e) {
-	let t = i(getComputedStyle(e).getPropertyValue("--wui-duration-trigger"));
+n();
+function x(e) {
+	let t = c(getComputedStyle(e).getPropertyValue("--wui-duration-trigger"));
 	return t === null ? 160 : Math.max(0, t);
 }
-var b = class extends t(d) {
+var S = class extends r(p) {
 	constructor(...e) {
 		super(...e), this._groupManagement = o(this, {
 			context: s,
 			requestUpdate: () => this.requestUpdate()
-		}).make(), this._checked = !1, this._retracting = !1, this.value = "", this.name = "", this.disabled = !1, this.required = !1, this._formAssociation = r({
+		}).make(), this._checked = !1, this._retracting = !1, this._labelEmpty = !1, this.value = "", this.name = "", this.disabled = !1, this.required = !1, this._formAssociation = a({
 			host: this,
 			initialize: () => {
 				this.hasAttribute("checked") && (this._checked = !0);
@@ -37,10 +40,12 @@ var b = class extends t(d) {
 			},
 			isStateManaged: () => this._isManagedByGroup,
 			syncValidity: () => this._syncValidity()
-		}).make(), this._formAssociationController = new n(this, this._formAssociation), this._drawDurationMs = 160;
+		}).make(), this._formAssociationController = new i(this, this._formAssociation), this._labelEmptiness = new d(this, ".wui-checkbox-label", (e) => {
+			this._labelEmpty = e;
+		}), this._drawDurationMs = 160;
 	}
 	static {
-		this.styles = [p(c), p(u)];
+		this.styles = [h(u), h(f)];
 	}
 	get checked() {
 		return this._checked;
@@ -82,7 +87,7 @@ var b = class extends t(d) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
 	}
 	willUpdate(e) {
-		super.willUpdate(e), this._drawDurationMs = y(this);
+		super.willUpdate(e), this._drawDurationMs = x(this);
 		let t = e.get("_checked");
 		typeof t == "boolean" && (this._retracting = t && !l(this));
 	}
@@ -96,11 +101,12 @@ var b = class extends t(d) {
 			"wui-checkbox": !0,
 			"is-checked": this._checked,
 			"is-retracting": this._retracting,
+			"is-label-empty": this._labelEmpty,
 			"is-disabled": this._isDisabled
 		};
-		return f`
+		return m`
       <label
-        class=${v(e)}
+        class=${b(e)}
         tabindex=${this._isDisabled ? "-1" : "0"}
         role="checkbox"
         aria-checked=${String(this._checked)}
@@ -111,15 +117,7 @@ var b = class extends t(d) {
         <span class="wui-checkbox-box">
           <span class="wui-checkbox-icon"
             ><web-ui-svg-draw-lines duration=${this._drawDurationMs} no-autoplay
-              ><svg class="wui-checkbox-check" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-                <path
-                  d="M5 12.5l4.5 4.5L19 7"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="3"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                /></svg></web-ui-svg-draw-lines
+              ><web-ui-icon .icon=${t}></web-ui-icon></web-ui-svg-draw-lines
           ></span>
         </span>
         <span class="wui-checkbox-label"><slot></slot></span>
@@ -127,17 +125,17 @@ var b = class extends t(d) {
     `;
 	}
 };
-e([_()], b.prototype, "_checked", void 0), e([_()], b.prototype, "_retracting", void 0), e([h({ type: String })], b.prototype, "value", void 0), e([h({
+e([y()], S.prototype, "_checked", void 0), e([y()], S.prototype, "_retracting", void 0), e([y()], S.prototype, "_labelEmpty", void 0), e([_({ type: String })], S.prototype, "value", void 0), e([_({
 	type: String,
 	reflect: !0
-})], b.prototype, "name", void 0), e([h({
+})], S.prototype, "name", void 0), e([_({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "disabled", void 0), e([h({
+})], S.prototype, "disabled", void 0), e([_({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "required", void 0), e([g("web-ui-svg-draw-lines")], b.prototype, "_drawLines", void 0), b = e([m("web-ui-checkbox")], b);
+})], S.prototype, "required", void 0), e([v("web-ui-svg-draw-lines")], S.prototype, "_drawLines", void 0), S = e([g("web-ui-checkbox")], S);
 //#endregion
-export { b as WebUiCheckbox };
+export { S as WebUiCheckbox };
 
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport selectionControl from '@/assets/selection-control.css?inline'\nimport { WebUiSvgDrawLines } from '@/components/svg-draw-lines'\nimport { installPointerFocusSuppression } from '@/shared/focus/pointer-focus'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupManaged, selectionGroupContextKey, type SelectionGroupContext } from '@/shared/group-management'\nimport { parseDuration } from '@/shared/theme/duration'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\ninstallPointerFocusSuppression()\n\n/*\n * 描边时长取 `--wui-duration-trigger`，让勾和指示器底色那条 transition 落在同一拍。\n * 读不到 token 或格式不符时兜底 160，负值钳到 0。\n */\nfunction triggerDuration(el: HTMLElement): number {\n  const parsed = parseDuration(getComputedStyle(el).getPropertyValue('--wui-duration-trigger'))\n  return parsed === null ? 160 : Math.max(0, parsed)\n}\n\n@customElement('web-ui-checkbox')\nexport class WebUiCheckbox extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(selectionControl), unsafeCSS(style)]\n  private readonly _groupManagement = defineGroupManaged<SelectionGroupContext>(this, {\n    context: selectionGroupContextKey,\n    requestUpdate: () => this.requestUpdate()\n  }).make()\n\n  @state() private _checked = false\n\n  /** 描边收回期间把勾按在可见档，见 willUpdate。 */\n  @state() private _retracting = false\n\n  get checked(): boolean {\n    return this._checked\n  }\n\n  set checked(v: boolean) {\n    const old = this._checked\n    this._checked = v\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n  }\n\n  @property({ type: String }) value = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private get _isDisabled(): boolean {\n    return (\n      this.disabled || this._formAssociation.isFormDisabled() || this._groupManagement.getContext()?.disabled === true\n    )\n  }\n\n  private get _isManagedByGroup(): boolean {\n    return this._groupManagement.getContext() !== undefined\n  }\n\n  private readonly _formAssociation = defineFormAssociation<boolean>({\n    host: this,\n    initialize: () => {\n      if (this.hasAttribute('checked')) this._checked = true\n    },\n    getState: () => this._checked,\n    setState: checked => {\n      this.checked = checked\n    },\n    getFormValue: () => (!this._isManagedByGroup && this._checked ? this.value || 'on' : null),\n    getFormState: () => String(this._checked),\n    restoreState: state => {\n      if (typeof state === 'string') this.checked = state === 'true'\n    },\n    isStateManaged: () => this._isManagedByGroup,\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  @query('web-ui-svg-draw-lines') private readonly _drawLines?: WebUiSvgDrawLines\n\n  /** 每次更新重读一次，交给内层描边的 duration 属性；见 willUpdate。 */\n  private _drawDurationMs = 160\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, '请选择此项')\n  }\n\n  private handleClick() {\n    if (this._isDisabled) return\n    const old = this._checked\n    this._checked = !old\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n    // group-managed 时事件不冒泡/不组合，由 group 统一派发一次 host 事件，避免同名事件外泄\n    const opts: EventInit = this._isManagedByGroup\n      ? { bubbles: false, composed: false }\n      : { bubbles: true, composed: true }\n    this.dispatchEvent(new Event('input', opts))\n    this.dispatchEvent(new Event('change', opts))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  /*\n   * 收回期间勾要留在可见档，否则 160ms 淡出抢在描边收回之前把它藏掉。翻转放在 willUpdate：\n   * 与 checked 同一次 update 落地，渲染后不再改状态。收回的终点是留在内联样式上的空白，所以这一位\n   * 不需要在动画结束后复位，下一次勾选会清掉；reduced motion 下收回根本不跑，按住可见位就是把勾\n   * 永久留在未勾选的框里，所以那里必须让位给淡出。\n   */\n  override willUpdate(changed: PropertyValues) {\n    super.willUpdate(changed)\n    this._drawDurationMs = triggerDuration(this)\n    const wasChecked = changed.get('_checked')\n    if (typeof wasChecked === 'boolean') {\n      this._retracting = wasChecked && !prefersReducedMotion(this)\n    }\n  }\n\n  /*\n   * 挂载时就勾选是初始状态而非用户勾选，不画线：_checked 的字段初始化器在构造阶段写过一次，\n   * Lit 对同一轮里已记录过旧值的键不再覆盖，所以首帧拿到的是 undefined，之后的每次真实切换才带\n   * boolean 旧值——包括 group 在子项首帧前把选中态写回去那一种。\n   */\n  override updated(changed: PropertyValues) {\n    super.updated(changed)\n    const wasChecked = changed.get('_checked')\n    if (typeof wasChecked !== 'boolean') return\n\n    if (wasChecked) void this._drawLines?.replay({ reverse: true })\n    else void this._drawLines?.replay()\n  }\n\n  override render() {\n    const cls = {\n      'wui-checkbox': true,\n      'is-checked': this._checked,\n      'is-retracting': this._retracting,\n      'is-disabled': this._isDisabled\n    }\n\n    return html`\n      <label\n        class=${classMap(cls)}\n        tabindex=${this._isDisabled ? '-1' : '0'}\n        role=\"checkbox\"\n        aria-checked=${String(this._checked)}\n        aria-disabled=${String(this._isDisabled)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <span class=\"wui-checkbox-box\">\n          <span class=\"wui-checkbox-icon\"\n            ><web-ui-svg-draw-lines duration=${this._drawDurationMs} no-autoplay\n              ><svg class=\"wui-checkbox-check\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  d=\"M5 12.5l4.5 4.5L19 7\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"3\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                /></svg></web-ui-svg-draw-lines\n          ></span>\n        </span>\n        <span class=\"wui-checkbox-label\"><slot></slot></span>\n      </label>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox': WebUiCheckbox\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport '@/components/icon'\nimport '@/components/svg-draw-lines'\nimport selectionControl from '@/assets/selection-control.css?inline'\nimport { WebUiSvgDrawLines } from '@/components/svg-draw-lines'\nimport { akarIconsCheck } from '@/icons'\nimport { installPointerFocusSuppression } from '@/shared/focus/pointer-focus'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupManaged, selectionGroupContextKey, type SelectionGroupContext } from '@/shared/group-management'\nimport { LabelEmptinessController } from '@/shared/label-emptiness'\nimport { parseDuration } from '@/shared/theme/duration'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\ninstallPointerFocusSuppression()\n\n/*\n * 描边时长取 `--wui-duration-trigger`，让勾和指示器底色那条 transition 落在同一拍。\n * 读不到 token 或格式不符时兜底 160，负值钳到 0。\n */\nfunction triggerDuration(el: HTMLElement): number {\n  const parsed = parseDuration(getComputedStyle(el).getPropertyValue('--wui-duration-trigger'))\n  return parsed === null ? 160 : Math.max(0, parsed)\n}\n\n@customElement('web-ui-checkbox')\nexport class WebUiCheckbox extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(selectionControl), unsafeCSS(style)]\n  private readonly _groupManagement = defineGroupManaged<SelectionGroupContext>(this, {\n    context: selectionGroupContextKey,\n    requestUpdate: () => this.requestUpdate()\n  }).make()\n\n  @state() private _checked = false\n\n  /** 描边收回期间把勾按在可见档，见 willUpdate。 */\n  @state() private _retracting = false\n\n  /** 标签没有可渲染内容（空槽位，或只挂着一个无障碍名）时收掉 gap，见 LabelEmptinessController。 */\n  @state() private _labelEmpty = false\n\n  get checked(): boolean {\n    return this._checked\n  }\n\n  set checked(v: boolean) {\n    const old = this._checked\n    this._checked = v\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n  }\n\n  @property({ type: String }) value = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private get _isDisabled(): boolean {\n    return (\n      this.disabled || this._formAssociation.isFormDisabled() || this._groupManagement.getContext()?.disabled === true\n    )\n  }\n\n  private get _isManagedByGroup(): boolean {\n    return this._groupManagement.getContext() !== undefined\n  }\n\n  private readonly _formAssociation = defineFormAssociation<boolean>({\n    host: this,\n    initialize: () => {\n      if (this.hasAttribute('checked')) this._checked = true\n    },\n    getState: () => this._checked,\n    setState: checked => {\n      this.checked = checked\n    },\n    getFormValue: () => (!this._isManagedByGroup && this._checked ? this.value || 'on' : null),\n    getFormState: () => String(this._checked),\n    restoreState: state => {\n      if (typeof state === 'string') this.checked = state === 'true'\n    },\n    isStateManaged: () => this._isManagedByGroup,\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private readonly _labelEmptiness = new LabelEmptinessController(this, '.wui-checkbox-label', empty => {\n    this._labelEmpty = empty\n  })\n\n  @query('web-ui-svg-draw-lines') private readonly _drawLines?: WebUiSvgDrawLines\n\n  /** 每次更新重读一次，交给内层描边的 duration 属性；见 willUpdate。 */\n  private _drawDurationMs = 160\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, '请选择此项')\n  }\n\n  private handleClick() {\n    if (this._isDisabled) return\n    const old = this._checked\n    this._checked = !old\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n    // group-managed 时事件不冒泡/不组合，由 group 统一派发一次 host 事件，避免同名事件外泄\n    const opts: EventInit = this._isManagedByGroup\n      ? { bubbles: false, composed: false }\n      : { bubbles: true, composed: true }\n    this.dispatchEvent(new Event('input', opts))\n    this.dispatchEvent(new Event('change', opts))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  /*\n   * 收回期间勾要留在可见档，否则 160ms 淡出抢在描边收回之前把它藏掉。翻转放在 willUpdate：\n   * 与 checked 同一次 update 落地，渲染后不再改状态。收回的终点是留在内联样式上的空白，所以这一位\n   * 不需要在动画结束后复位，下一次勾选会清掉；reduced motion 下收回根本不跑，按住可见位就是把勾\n   * 永久留在未勾选的框里，所以那里必须让位给淡出。\n   */\n  override willUpdate(changed: PropertyValues) {\n    super.willUpdate(changed)\n    this._drawDurationMs = triggerDuration(this)\n    const wasChecked = changed.get('_checked')\n    if (typeof wasChecked === 'boolean') {\n      this._retracting = wasChecked && !prefersReducedMotion(this)\n    }\n  }\n\n  /*\n   * 挂载时就勾选是初始状态而非用户勾选，不画线：_checked 的字段初始化器在构造阶段写过一次，\n   * Lit 对同一轮里已记录过旧值的键不再覆盖，所以首帧拿到的是 undefined，之后的每次真实切换才带\n   * boolean 旧值——包括 group 在子项首帧前把选中态写回去那一种。\n   */\n  override updated(changed: PropertyValues) {\n    super.updated(changed)\n    const wasChecked = changed.get('_checked')\n    if (typeof wasChecked !== 'boolean') return\n\n    if (wasChecked) void this._drawLines?.replay({ reverse: true })\n    else void this._drawLines?.replay()\n  }\n\n  override render() {\n    const cls = {\n      'wui-checkbox': true,\n      'is-checked': this._checked,\n      'is-retracting': this._retracting,\n      'is-label-empty': this._labelEmpty,\n      'is-disabled': this._isDisabled\n    }\n\n    return html`\n      <label\n        class=${classMap(cls)}\n        tabindex=${this._isDisabled ? '-1' : '0'}\n        role=\"checkbox\"\n        aria-checked=${String(this._checked)}\n        aria-disabled=${String(this._isDisabled)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <span class=\"wui-checkbox-box\">\n          <span class=\"wui-checkbox-icon\"\n            ><web-ui-svg-draw-lines duration=${this._drawDurationMs} no-autoplay\n              ><web-ui-icon .icon=${akarIconsCheck}></web-ui-icon></web-ui-svg-draw-lines\n          ></span>\n        </span>\n        <span class=\"wui-checkbox-label\"><slot></slot></span>\n      </label>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox': WebUiCheckbox\n  }\n}\n"],"mappings":"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"}

package/dist/components/checkbox/style.js

@@ -1,5 +1,5 @@
 //#region src/components/checkbox/style.css?inline
-var e = ".wui-checkbox-box{border-radius:var(--wui-internal-checkbox-radius,6px)}.is-checked .wui-checkbox-box{border-color:var(--wui-color-accent,#08f);background-color:var(--wui-color-accent,#08f)}.wui-checkbox-icon{opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease;font-size:0;line-height:0;display:block;overflow:hidden}.is-checked .wui-checkbox-icon,.is-retracting .wui-checkbox-icon{opacity:1}.wui-checkbox-check{width:var(--wui-selection-control-size,18px);height:var(--wui-selection-control-size,18px);color:var(--wui-color-on-control,#fff);display:block}";
+var e = ".wui-checkbox-box{border-radius:var(--wui-internal-checkbox-radius,6px)}.is-checked .wui-checkbox-box{border-color:var(--wui-color-accent,#08f);background-color:var(--wui-color-accent,#08f)}.wui-checkbox-icon{--wui-icon-color:var(--wui-color-on-control,#fff);opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease;font-size:0;line-height:0;display:block;overflow:hidden}.is-checked .wui-checkbox-icon,.is-retracting .wui-checkbox-icon{opacity:1}";
 //#endregion
 export { e as default };
 

package/dist/components/checkbox/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/checkbox/style.css?inline"],"sourcesContent":[".wui-checkbox-box {\n  border-radius: var(--wui-internal-checkbox-radius, 6px);\n}\n\n.is-checked .wui-checkbox-box {\n  border-color: var(--wui-color-accent, #08f);\n  background-color: var(--wui-color-accent, #08f);\n}\n\n.wui-checkbox-icon {\n  overflow: hidden;\n  display: block;\n\n  font-size: 0;\n  line-height: 0;\n\n  opacity: 0;\n\n  transition: opacity var(--wui-duration-trigger, 160ms) ease;\n}\n\n/*\n * is-retracting 是描边收回的那一段：勾得留在可见档，否则这条 160ms 的淡出会抢在收回结束之前\n * 把它藏掉，收回根本看不见。收回的终点是留在内联样式上的「整条路径落在 dash 间隙里」，动画自己\n * 收尾就撤销了，所以停在这里就是看不见的勾，不必再等一次淡出；复位由下一次勾选负责（见 index.ts 的 willUpdate）。\n */\n.is-checked .wui-checkbox-icon,\n.is-retracting .wui-checkbox-icon {\n  opacity: 1;\n}\n\n/*\n * 勾是控件自持的指示几何，和 radio 圆点同级，不走 @/icons 资产：画线从路径起点开始揭示，\n * 起笔方向由 d 决定，图标资产把 d 和 stroke-width 都定死在上游，两者都无法在这里调。\n * 尺寸跟随指示器 token，放大 --wui-selection-control-size 时勾按比例变大。\n */\n.wui-checkbox-check {\n  display: block;\n  width: var(--wui-selection-control-size, 18px);\n  height: var(--wui-selection-control-size, 18px);\n  color: var(--wui-color-on-control, #fff);\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/checkbox/style.css?inline"],"sourcesContent":[".wui-checkbox-box {\n  border-radius: var(--wui-internal-checkbox-radius, 6px);\n}\n\n.is-checked .wui-checkbox-box {\n  border-color: var(--wui-color-accent, #08f);\n  background-color: var(--wui-color-accent, #08f);\n}\n\n/*\n * 勾是 @/icons 的描边资产，颜色经 web-ui-icon 的 --wui-icon-color 传入并取 on-control 档：勾选后\n * 指示器底是 accent，勾留在继承的文字色就是深灰压深蓝。资产必须是 fill:none + stroke:currentColor，\n * 换成实心图标那条 dash 动画照跑但什么都看不见（判据见 checkbox.motion.browser.spec.ts）。\n * 尺寸是 web-ui-icon 自己的默认 18，宿主够不到嵌套 shadow root 里的 svg，因此不随\n * --wui-selection-control-size 按比例放大。\n */\n.wui-checkbox-icon {\n  --wui-icon-color: var(--wui-color-on-control, #fff);\n\n  overflow: hidden;\n  display: block;\n\n  font-size: 0;\n  line-height: 0;\n\n  opacity: 0;\n\n  transition: opacity var(--wui-duration-trigger, 160ms) ease;\n}\n\n/*\n * is-retracting 是描边收回的那一段：勾得留在可见档，否则这条 160ms 的淡出会抢在收回结束之前\n * 把它藏掉，收回根本看不见。收回的终点是留在内联样式上的「整条路径落在 dash 间隙里」，动画自己\n * 收尾就撤销了，所以停在这里就是看不见的勾，不必再等一次淡出；复位由下一次勾选负责（见 index.ts 的 willUpdate）。\n */\n.is-checked .wui-checkbox-icon,\n.is-retracting .wui-checkbox-icon {\n  opacity: 1;\n}\n"],"mappings":""}

package/dist/components/checkbox-group/index.js

@@ -1,14 +1,14 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import { FormAssociated as t, FormAssociationController as n, defineFormAssociation as r } from "../../shared/form-association/index.js";
-import { normalizeLiteral as i } from "../../shared/normalize/index.js";
-import { GroupController as a, defineGroupCoordinator as o } from "../../shared/group-management/index.js";
+import { GroupController as i, defineGroupCoordinator as a } from "../../shared/group-management/index.js";
+import { normalizeLiteral as o } from "../../shared/normalize/index.js";
 import s from "./style.js";
 import { LitElement as c, html as l, unsafeCSS as u } from "lit";
 import { customElement as d, property as f, state as p } from "lit/decorators.js";
 //#region src/components/checkbox-group/index.ts
 var m = ["horizontal", "vertical"], h = class extends t(c) {
 	constructor(...e) {
-		super(...e), this.name = "", this.disabled = !1, this.required = !1, this._direction = "vertical", this._value = [], this._groupController = new a(this, o({
+		super(...e), this.name = "", this.disabled = !1, this.required = !1, this._direction = "vertical", this._value = [], this._groupController = new i(this, a({
 			host: this,
 			getItems: () => [...this.querySelectorAll("web-ui-checkbox")],
 			getValue: () => this._value,
@@ -67,7 +67,7 @@ var m = ["horizontal", "vertical"], h = class extends t(c) {
 	}
 	set direction(e) {
 		let t = this._direction;
-		this._direction = i(e, m, "vertical"), this.requestUpdate("direction", t);
+		this._direction = o(e, m, "vertical"), this.requestUpdate("direction", t);
 	}
 	get value() {
 		return this._value;

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

@@ -47,7 +47,10 @@ var P = "wui-context-menu-item", F = class extends O {
 				return this._closeSubmenusFrom(e - 1), this._hoverBinder.bind(), t;
 			},
 			closeDeepestOrAll: () => this._closeLastSubmenuOrMenu()
-		}, this._overlay = s().make({ requestClose: () => this._keyboardDelegate.closeDeepestOrAll() }), this._menuItemAnchors = /* @__PURE__ */ new Map(), this._scrollLock = c().make(), this._userOpenChange = new l(), this._shouldOpenInstantly = !0, this._refreshScheduled = !1, this._menuPositionGeneration = i().make(), this._contentObserver = new MutationObserver(() => {
+		}, this._overlay = s().make({
+			requestClose: () => this._keyboardDelegate.closeDeepestOrAll(),
+			isConnected: () => this.isConnected
+		}), this._menuItemAnchors = /* @__PURE__ */ new Map(), this._scrollLock = c().make(), this._userOpenChange = new l(), this._shouldOpenInstantly = !0, this._refreshScheduled = !1, this._menuPositionGeneration = i().make(), this._contentObserver = new MutationObserver(() => {
 			this._isOpen && this._scheduleRefresh();
 		}), this._closeFromUser = () => {
 			this._isOpen && (this._userOpenChange.mark(), this.close());

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 { 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 {\n  createClosingSubmenuStack,\n  createMenuHoverBinder,\n  createMenuOutsideClickGuard,\n  getEnabledMenuLevelItems,\n  getFocusedMenuItemFromPanels,\n  handleMenuKeyboard,\n  type MenuHoverDelegate,\n  type MenuKeyboardDelegate\n} from '@/shared/menu-behavior'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  captureFrameworkAnchors,\n  focusMenuItem,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren,\n  orderManagedMenuItems,\n  reconcileManagedMenuItems,\n  restoreFrameworkAnchors,\n  returnManagedMenuItemsToSlot\n} from '@/shared/menu-portal/menu-tree'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport { defineOpenOverlay, type OpenOverlayHandle } from '@/shared/overlay/open-overlay'\nimport { defineOverlayPositioningGeneration } from '@/shared/overlay/positioning-generation'\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 _menu?: MenuPortalOverlay\n  /** 根面板的开启会话句柄；未开启时为 null。查询走它。 */\n  private _menuHandle: OpenOverlayHandle | null = null\n  /**\n   * 子菜单 panel → 会话句柄。子层经 `adopt` 进根句柄子树（默认不成为独立候选），\n   * 但仍各自持有句柄：整层关闭或收尾动画结束时按 panel 精确撤销。\n   */\n  private readonly _submenuHandles = new Map<HTMLElement, OpenOverlayHandle>()\n  // 行为层（hover / outside-click / 键盘 / submenu 收尾）由 shared/menu-behavior 驱动\n  private readonly _outsideClickGuard = createMenuOutsideClickGuard(\n    this,\n    // 根句柄的 contains 递归覆盖全部已 adopt 的子层，一次查询替代逐 panel 判定。\n    node => this._menuHandle?.contains(node) ?? false\n  )\n  private readonly _closingSubmenus = createClosingSubmenuStack<MenuPortalOverlay>({\n    getPanel: container => container.panel,\n    restoreItems: (container, parentItem) => this._restoreSubmenuItems(container, parentItem),\n    dispose: container => {\n      this._releaseSubmenu(container.panel)\n      container.panel.remove()\n    }\n  })\n  private readonly _hoverDelegate: MenuHoverDelegate = {\n    getOpenDepth: () => this._activeSubmenus.length,\n    getLevelItems: level => this._getLevelItems(level),\n    getActiveItem: level => this._activeSubmenuItems[level],\n    isSubmenuItem: item => item.hasAttribute('submenu'),\n    openSubmenu: item => this._openSubmenu(item),\n    closeFrom: level => {\n      this._closeSubmenusFrom(level)\n      this._hoverBinder.bind()\n    }\n  }\n  private readonly _hoverBinder = createMenuHoverBinder(this._hoverDelegate, 'web-ui-dropdown-item')\n  private readonly _keyboardDelegate: MenuKeyboardDelegate = {\n    getFocusedItem: event =>\n      getFocusedMenuItemFromPanels(\n        event,\n        [this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)],\n        'web-ui-dropdown-item'\n      ),\n    getLevelOf: item => {\n      const level = this._getItemLevel(item)\n      return level === -1 ? undefined : level\n    },\n    getEnabledItems: level => getEnabledMenuLevelItems(this._getLevelContainer(level)?.content),\n    isSubmenuItem: item => item.hasAttribute('submenu'),\n    openSubmenuInstant: item => this._openSubmenu(item, true),\n    closeToParent: level => {\n      const parent = this._activeSubmenuItems[level - 1]\n      this._closeSubmenusFrom(level - 1)\n      this._hoverBinder.bind()\n      return parent\n    },\n    closeDeepestOrAll: () => this._closeLastSubmenuOrMenu()\n  }\n  /*\n   * 开启态浮层（issue #120 Block 1）。根面板是登记对象：子菜单经 adopt 成为它的逻辑\n   * 后代；关闭动作仍走 closeDeepestOrAll（最深子菜单优先）。\n   */\n  private readonly _overlay = defineOpenOverlay().make({\n    requestClose: () => this._keyboardDelegate.closeDeepestOrAll()\n  })\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  // 主菜单 dialog 路径与子菜单一样使用代数令牌；快速 openAt/refresh 或 close 后，\n  // 迟到的 positioning promise 只能被丢弃，不能覆盖最新坐标。\n  private readonly _menuPositionGeneration = defineOverlayPositioningGeneration().make()\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    this._menuPositionGeneration.invalidate()\n    this._outsideClickGuard.dispose()\n    this._hoverBinder.dispose()\n    this._scrollLock.release()\n    this._menuHandle?.release()\n    this._menuHandle = null\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._closingSubmenus.restoreAll()\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        /*\n         * 登记与面板建立解耦。退场动画被打断时（`_closeMenuAfterPresence` 在\n         * `hideOverlayPresence` 返回 false 后提前退出）`_menu` 还在，而关闭分支已经把句柄\n         * 撤了；此时重开必须补 claim。否则菜单开着且可见却没有登记：Escape 关不掉它\n         * （仲裁看不到它），而 `_menuHandle === null` 会让每次 document click——包括面板\n         * 内部与子菜单父项——都被 `_outsideClickGuard` 判成外部点击而关闭菜单。\n         */\n        if (!this._menuHandle) {\n          this._menuHandle = this._overlay.claim(this._menu.panel)\n          // 重新 claim = 新会话：根层的子层随之作废，仍在场的子菜单面板要重新 adopt 回\n          // 新句柄的子树，否则根句柄的 contains 看不到它们。\n          for (const submenu of this._activeSubmenus) {\n            this._submenuHandles.delete(submenu.panel)\n            this._submenuHandles.set(submenu.panel, this._menuHandle.adopt(submenu.panel))\n          }\n          // 收尾栈里的子菜单面板同样「可见但已脱离快照」：`_closeSubmenusFrom` 只把它们\n          // 移出 `_activeSubmenus`，面板仍在 DOM 里退场。不补 adopt 的话它们会被判成\n          // 面板外，点它内部就关掉整张菜单（base 的登记树直到 dispose 才注销，故属回归）。\n          // 写进 `_submenuHandles` 是因为收尾结束时 `_releaseSubmenu` 按 panel 取句柄释放。\n          for (const container of this._closingSubmenus.closing()) {\n            this._submenuHandles.set(container.panel, this._menuHandle.adopt(container.panel))\n          }\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        // release ⟺ 关闭：登记与仲裁归属同时撤销，退场动画只是视觉收尾。\n        this._menuHandle?.release()\n        this._menuHandle = null\n        this._contentObserver.disconnect()\n        this._menuPositionGeneration.invalidate()\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._outsideClickGuard.arm()\n    if (this._isOpen) {\n      this._closeSubmenusFrom(0, true)\n      this._closingSubmenus.restoreAll()\n      // 先失效尚未完成的旧定位，再调度下一帧新代；避免新请求前的旧 promise 胜出。\n      this._menuPositionGeneration.invalidate()\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    this._menuPositionGeneration.invalidate()\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._hoverBinder.bind()\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    const generation = this._menuPositionGeneration.next()\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 || !this._menuPositionGeneration.isCurrent(generation)) 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      focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n    const content = menu.content\n\n    reconcileManagedMenuItems(this, content, this._menuItemAnchors, MARKER_TEXT)\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 = captureFrameworkAnchors(content, MARKER_TEXT)\n    orderManagedMenuItems(this, content, this._menuItemAnchors, MARKER_TEXT)\n    restoreFrameworkAnchors(content, anchors)\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._closingSubmenus.restoreAll()\n\n    returnManagedMenuItemsToSlot(this, menu.content, this._menuItemAnchors)\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    // 登记已在关闭分支撤销（release ⟺ 关闭），这里只做内容归还与 DOM 收尾。\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.take(item)\n    if (closingSubmenu) {\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      /*\n       * 取回的面板写回 `_submenuHandles`，让收尾结束时的 `_releaseSubmenu` 释放到正确的句柄。\n       * 注：「面板在根句柄子树里」这一条已由上面的 claim 分支保证 —— 该分支会把仍在\n       * closing 栈里的面板一并重挂（`_closingSubmenus.closing()`）。实测单独摘掉这一行\n       * 全部用例仍绿，所以它维护的是释放账本，不是树的成员关系。\n       */\n      if (this._menuHandle) this._submenuHandles.set(closingSubmenu.panel, this._menuHandle.adopt(closingSubmenu.panel))\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._hoverBinder.bind()\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    /*\n     * 子层进根句柄的子树，默认不是独立候选 —— 「它在树里、但不参与这一层裁决」由此\n     * 表达。原先按 level===0 选择根面板还是上一层子面板的父级判断随之消失：contains\n     * 沿子树递归，拍平与嵌套对任何现有查询结果等价。\n     */\n    if (this._menuHandle) this._submenuHandles.set(submenu.panel, this._menuHandle.adopt(submenu.panel))\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._hoverBinder.bind()\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        if (submenu) this._releaseSubmenu(submenu.panel)\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.closeAsync(item, submenu)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\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 _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    dispatchOpenChangeEvent(this, open)\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._outsideClickGuard.isInside(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\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._outsideClickGuard.isArmed()) return\n    if (this._outsideClickGuard.isInside(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 _getLevelContainer(level: number) {\n    return level === 0 ? this._menu : this._activeSubmenus[level - 1]\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = this._getLevelContainer(level)\n    if (!container) return []\n    return getMenuChildren(container.content)\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    handleMenuKeyboard(this._keyboardDelegate, e)\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      focusMenuItem(parent)\n      this._hoverBinder.bind()\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  /** 按 panel 撤销一层子菜单的登记；句柄已随根层递归撤销时幂等无操作。 */\n  private _releaseSubmenu(panel: HTMLElement) {\n    this._submenuHandles.get(panel)?.release()\n    this._submenuHandles.delete(panel)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    // 在监听器内部判定：composedPath() 在派发结束后会被清空。\n    return this._menuHandle?.containsEvent(e) ?? false\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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"}
+{"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 {\n  createClosingSubmenuStack,\n  createMenuHoverBinder,\n  createMenuOutsideClickGuard,\n  getEnabledMenuLevelItems,\n  getFocusedMenuItemFromPanels,\n  handleMenuKeyboard,\n  type MenuHoverDelegate,\n  type MenuKeyboardDelegate\n} from '@/shared/menu-behavior'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  captureFrameworkAnchors,\n  focusMenuItem,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren,\n  orderManagedMenuItems,\n  reconcileManagedMenuItems,\n  restoreFrameworkAnchors,\n  returnManagedMenuItemsToSlot\n} from '@/shared/menu-portal/menu-tree'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport { defineOpenOverlay, type OpenOverlayHandle } from '@/shared/overlay/open-overlay'\nimport { defineOverlayPositioningGeneration } from '@/shared/overlay/positioning-generation'\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 _menu?: MenuPortalOverlay\n  /** 根面板的开启会话句柄；未开启时为 null。查询走它。 */\n  private _menuHandle: OpenOverlayHandle | null = null\n  /**\n   * 子菜单 panel → 会话句柄。子层经 `adopt` 进根句柄子树（默认不成为独立候选），\n   * 但仍各自持有句柄：整层关闭或收尾动画结束时按 panel 精确撤销。\n   */\n  private readonly _submenuHandles = new Map<HTMLElement, OpenOverlayHandle>()\n  // 行为层（hover / outside-click / 键盘 / submenu 收尾）由 shared/menu-behavior 驱动\n  private readonly _outsideClickGuard = createMenuOutsideClickGuard(\n    this,\n    // 根句柄的 contains 递归覆盖全部已 adopt 的子层，一次查询替代逐 panel 判定。\n    node => this._menuHandle?.contains(node) ?? false\n  )\n  private readonly _closingSubmenus = createClosingSubmenuStack<MenuPortalOverlay>({\n    getPanel: container => container.panel,\n    restoreItems: (container, parentItem) => this._restoreSubmenuItems(container, parentItem),\n    dispose: container => {\n      this._releaseSubmenu(container.panel)\n      container.panel.remove()\n    }\n  })\n  private readonly _hoverDelegate: MenuHoverDelegate = {\n    getOpenDepth: () => this._activeSubmenus.length,\n    getLevelItems: level => this._getLevelItems(level),\n    getActiveItem: level => this._activeSubmenuItems[level],\n    isSubmenuItem: item => item.hasAttribute('submenu'),\n    openSubmenu: item => this._openSubmenu(item),\n    closeFrom: level => {\n      this._closeSubmenusFrom(level)\n      this._hoverBinder.bind()\n    }\n  }\n  private readonly _hoverBinder = createMenuHoverBinder(this._hoverDelegate, 'web-ui-dropdown-item')\n  private readonly _keyboardDelegate: MenuKeyboardDelegate = {\n    getFocusedItem: event =>\n      getFocusedMenuItemFromPanels(\n        event,\n        [this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)],\n        'web-ui-dropdown-item'\n      ),\n    getLevelOf: item => {\n      const level = this._getItemLevel(item)\n      return level === -1 ? undefined : level\n    },\n    getEnabledItems: level => getEnabledMenuLevelItems(this._getLevelContainer(level)?.content),\n    isSubmenuItem: item => item.hasAttribute('submenu'),\n    openSubmenuInstant: item => this._openSubmenu(item, true),\n    closeToParent: level => {\n      const parent = this._activeSubmenuItems[level - 1]\n      this._closeSubmenusFrom(level - 1)\n      this._hoverBinder.bind()\n      return parent\n    },\n    closeDeepestOrAll: () => this._closeLastSubmenuOrMenu()\n  }\n  /*\n   * 开启态浮层（issue #120 Block 1）。根面板是登记对象：子菜单经 adopt 成为它的逻辑\n   * 后代；关闭动作仍走 closeDeepestOrAll（最深子菜单优先）。\n   */\n  private readonly _overlay = defineOpenOverlay().make({\n    requestClose: () => this._keyboardDelegate.closeDeepestOrAll(),\n    isConnected: () => this.isConnected\n  })\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  // 主菜单 dialog 路径与子菜单一样使用代数令牌；快速 openAt/refresh 或 close 后，\n  // 迟到的 positioning promise 只能被丢弃，不能覆盖最新坐标。\n  private readonly _menuPositionGeneration = defineOverlayPositioningGeneration().make()\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    this._menuPositionGeneration.invalidate()\n    this._outsideClickGuard.dispose()\n    this._hoverBinder.dispose()\n    this._scrollLock.release()\n    this._menuHandle?.release()\n    this._menuHandle = null\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._closingSubmenus.restoreAll()\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        /*\n         * 登记与面板建立解耦。退场动画被打断时（`_closeMenuAfterPresence` 在\n         * `hideOverlayPresence` 返回 false 后提前退出）`_menu` 还在，而关闭分支已经把句柄\n         * 撤了；此时重开必须补 claim。否则菜单开着且可见却没有登记：Escape 关不掉它\n         * （仲裁看不到它），而 `_menuHandle === null` 会让每次 document click——包括面板\n         * 内部与子菜单父项——都被 `_outsideClickGuard` 判成外部点击而关闭菜单。\n         */\n        if (!this._menuHandle) {\n          this._menuHandle = this._overlay.claim(this._menu.panel)\n          // 重新 claim = 新会话：根层的子层随之作废，仍在场的子菜单面板要重新 adopt 回\n          // 新句柄的子树，否则根句柄的 contains 看不到它们。\n          for (const submenu of this._activeSubmenus) {\n            this._submenuHandles.delete(submenu.panel)\n            this._submenuHandles.set(submenu.panel, this._menuHandle.adopt(submenu.panel))\n          }\n          // 收尾栈里的子菜单面板同样「可见但已脱离快照」：`_closeSubmenusFrom` 只把它们\n          // 移出 `_activeSubmenus`，面板仍在 DOM 里退场。不补 adopt 的话它们会被判成\n          // 面板外，点它内部就关掉整张菜单（base 的登记树直到 dispose 才注销，故属回归）。\n          // 写进 `_submenuHandles` 是因为收尾结束时 `_releaseSubmenu` 按 panel 取句柄释放。\n          for (const container of this._closingSubmenus.closing()) {\n            this._submenuHandles.set(container.panel, this._menuHandle.adopt(container.panel))\n          }\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        // release ⟺ 关闭：登记与仲裁归属同时撤销，退场动画只是视觉收尾。\n        this._menuHandle?.release()\n        this._menuHandle = null\n        this._contentObserver.disconnect()\n        this._menuPositionGeneration.invalidate()\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._outsideClickGuard.arm()\n    if (this._isOpen) {\n      this._closeSubmenusFrom(0, true)\n      this._closingSubmenus.restoreAll()\n      // 先失效尚未完成的旧定位，再调度下一帧新代；避免新请求前的旧 promise 胜出。\n      this._menuPositionGeneration.invalidate()\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    this._menuPositionGeneration.invalidate()\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._hoverBinder.bind()\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    const generation = this._menuPositionGeneration.next()\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 || !this._menuPositionGeneration.isCurrent(generation)) 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      focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n    const content = menu.content\n\n    reconcileManagedMenuItems(this, content, this._menuItemAnchors, MARKER_TEXT)\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 = captureFrameworkAnchors(content, MARKER_TEXT)\n    orderManagedMenuItems(this, content, this._menuItemAnchors, MARKER_TEXT)\n    restoreFrameworkAnchors(content, anchors)\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._closingSubmenus.restoreAll()\n\n    returnManagedMenuItemsToSlot(this, menu.content, this._menuItemAnchors)\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    // 登记已在关闭分支撤销（release ⟺ 关闭），这里只做内容归还与 DOM 收尾。\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.take(item)\n    if (closingSubmenu) {\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      /*\n       * 取回的面板写回 `_submenuHandles`，让收尾结束时的 `_releaseSubmenu` 释放到正确的句柄。\n       * 注：「面板在根句柄子树里」这一条已由上面的 claim 分支保证 —— 该分支会把仍在\n       * closing 栈里的面板一并重挂（`_closingSubmenus.closing()`）。实测单独摘掉这一行\n       * 全部用例仍绿，所以它维护的是释放账本，不是树的成员关系。\n       */\n      if (this._menuHandle) this._submenuHandles.set(closingSubmenu.panel, this._menuHandle.adopt(closingSubmenu.panel))\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._hoverBinder.bind()\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    /*\n     * 子层进根句柄的子树，默认不是独立候选 —— 「它在树里、但不参与这一层裁决」由此\n     * 表达。原先按 level===0 选择根面板还是上一层子面板的父级判断随之消失：contains\n     * 沿子树递归，拍平与嵌套对任何现有查询结果等价。\n     */\n    if (this._menuHandle) this._submenuHandles.set(submenu.panel, this._menuHandle.adopt(submenu.panel))\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._hoverBinder.bind()\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        if (submenu) this._releaseSubmenu(submenu.panel)\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.closeAsync(item, submenu)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\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 _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    dispatchOpenChangeEvent(this, open)\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._outsideClickGuard.isInside(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\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._outsideClickGuard.isArmed()) return\n    if (this._outsideClickGuard.isInside(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 _getLevelContainer(level: number) {\n    return level === 0 ? this._menu : this._activeSubmenus[level - 1]\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = this._getLevelContainer(level)\n    if (!container) return []\n    return getMenuChildren(container.content)\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    handleMenuKeyboard(this._keyboardDelegate, e)\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      focusMenuItem(parent)\n      this._hoverBinder.bind()\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  /** 按 panel 撤销一层子菜单的登记；句柄已随根层递归撤销时幂等无操作。 */\n  private _releaseSubmenu(panel: HTMLElement) {\n    this._submenuHandles.get(panel)?.release()\n    this._submenuHandles.delete(panel)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    // 在监听器内部判定：composedPath() 在派发结束后会被清空。\n    return this._menuHandle?.containsEvent(e) ?? false\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.js

@@ -1,9 +1,9 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
+import "../button/index.js";
 import { dispatchOpenChangeEvent as n } from "../../shared/open-state/index.js";
 import { defineOpenOverlay as r } from "../../shared/overlay/open-overlay.js";
 import { defineScrollLockLease as i } from "../../shared/scroll-lock/scroll-lock.js";
-import "../button/index.js";
 import { UserChangeController as a } from "../../shared/events/user-change.js";
 import { defineNativeDialogPresence as o } from "../../shared/overlay/native-dialog-presence.js";
 import s from "./style.js";
@@ -12,13 +12,16 @@ import { customElement as d, property as f, state as p } from "lit/decorators.js
 //#region src/components/dialog/index.ts
 var m = class extends c {
 	constructor(...e) {
-		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this.noEscapeClose = !1, this.controlled = !1, this._hasBody = !1, this._userOpenChange = new a(), this._overlay = r().make({ requestClose: () => {
-			if (this.controlled) {
-				this.emitOpenChange(!1);
-				return;
-			}
-			this._userOpenChange.mark(), this.close();
-		} }), this._handle = null, this._scrollLock = i().make(), this._presence = o().make({
+		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this.noEscapeClose = !1, this.controlled = !1, this._hasBody = !1, this._userOpenChange = new a(), this._overlay = r().make({
+			requestClose: () => {
+				if (this.controlled) {
+					this.emitOpenChange(!1);
+					return;
+				}
+				this._userOpenChange.mark(), this.close();
+			},
+			isConnected: () => this.isConnected
+		}), this._handle = null, this._scrollLock = i().make(), this._presence = o().make({
 			getDialog: () => this.dialog,
 			isConnected: () => this.isConnected,
 			isOpen: () => this.open