@greypan/web-ui 8.0.0 → 9.0.0

package/dist/shared/form-association/field-id.js

@@ -0,0 +1,9 @@
+//#region src/shared/form-association/field-id.ts
+var e = 0;
+function t(t) {
+	return e += 1, `${t}-${e}`;
+}
+//#endregion
+export { t as createFieldId };
+
+//# sourceMappingURL=field-id.js.map

package/dist/shared/form-association/field-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-id.js","names":[],"sources":["../../../src/shared/form-association/field-id.ts"],"sourcesContent":["let nextFieldId = 0\n\n/**\n * 为 shadow 内原生表单控件生成实例级稳定 id。\n *\n * Chrome 的表单 a11y 审计要求 input / textarea 至少有 id 或 name；\n * 生成 id 让消费者无需显式传 host 属性也始终满足该契约。\n * id 在组件构造时生成一次，后续重渲染复用，避免 aria 引用与焦点时序抖动。\n */\nexport function createFieldId(prefix: string): string {\n  nextFieldId += 1\n  return `${prefix}-${nextFieldId}`\n}\n"],"mappings":";AAAA,IAAI,IAAc;AASlB,SAAgB,EAAc,GAAwB;CAEpD,OADA,KAAe,GACR,GAAG,EAAO,GAAG;AACtB"}

package/dist/shared/form-association/index.js

@@ -27,7 +27,15 @@ function n(t) {
 				t.isStateManaged?.() || (t.restoreState(e), o());
 			},
 			setDisabled(e) {
-				i !== e && (i = e, t.host.requestUpdate(), o());
+				if (i !== e) {
+					if (i = e, o(), t.host.isUpdatePending) {
+						queueMicrotask(() => {
+							t.host.requestUpdate(), o();
+						});
+						return;
+					}
+					t.host.requestUpdate();
+				}
 			},
 			isFormDisabled: () => i,
 			getInternals: () => e

package/dist/shared/form-association/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/form-association/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n// Lit 官方 mixin 签名需要构造器接受任意参数（paramCount 各异的子类构造器都要能赋给\n// 基座）；never[] 变体在 extends 链上会丢失 Lit 静态侧类型。any 收敛在这个类型别名内。\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T\n\ntype FormSubmissionValue = File | FormData | string | null\ntype FormStateValue = File | FormData | string | null\n\ninterface FormAssociationHost extends HTMLElement, ReactiveControllerHost {}\n\nexport interface FormAssociationOptions<State> {\n  readonly host: FormAssociationHost\n  readonly initialize?: () => void\n  readonly getState: () => State\n  readonly setState: (state: State) => void\n  readonly copyState?: (state: State) => State\n  readonly getFormValue: () => FormSubmissionValue\n  readonly getFormState: () => FormStateValue\n  readonly restoreState: (state: FormStateValue) => void\n  readonly isStateManaged?: () => boolean\n  readonly syncValidity?: (internals: ElementInternals) => void\n}\n\nexport interface FormAssociationLifecycle {\n  connect(): void\n  sync(): void\n  reset(): void\n  restore(state: FormStateValue): void\n  setDisabled(disabled: boolean): void\n  isFormDisabled(): boolean\n  getInternals(): ElementInternals | undefined\n}\n\n/**\n * 把原生 input 的 ValidityState 转发为 ElementInternals 的校验状态。\n * flagNames 是控件自己声明的校验契约（input 转发文本类 5 项、input-number\n * 转发范围类 4 项），这里只收敛 guard / valid 判定 / setValidity 接线。\n * disabled 元素被约束验证豁免，必须上报干净状态；isDisabled 传入控件的\n * 组合禁用态（含 formDisabled），因为 formDisabledCallback 触发时原生\n * input 的 disabled 属性可能尚未重渲染，不能依赖 input.validity.valid。\n */\nexport function forwardInputValidity(\n  internals: ElementInternals,\n  input: HTMLInputElement | HTMLTextAreaElement,\n  flagNames: readonly (keyof ValidityStateFlags)[],\n  isDisabled = false\n): void {\n  if (typeof internals.setValidity !== 'function') return\n  if (isDisabled || input.validity.valid) {\n    internals.setValidity({})\n    return\n  }\n  const flags: ValidityStateFlags = {}\n  for (const name of flagNames) {\n    if (input.validity[name]) flags[name] = true\n  }\n  internals.setValidity(flags, input.validationMessage, input)\n}\n\n/**\n * 承接原生 custom element 表单生命周期，值序列化与校验语义仍由各控件组件自己表达。\n */\nexport function defineFormAssociation<State>(options: FormAssociationOptions<State>) {\n  return definePlugin((): FormAssociationLifecycle => {\n    let internals: ElementInternals | undefined\n    let initialState: State | undefined\n    let initialized = false\n    let formDisabled = false\n    const copyState = options.copyState ?? (state => state)\n\n    const sync = () => {\n      if (!internals) return\n      internals.setFormValue?.(options.getFormValue(), options.getFormState())\n      options.syncValidity?.(internals)\n    }\n\n    return {\n      connect() {\n        if (!internals) internals = options.host.attachInternals()\n        if (!initialized) {\n          options.initialize?.()\n          initialState = copyState(options.getState())\n          initialized = true\n        }\n        sync()\n      },\n      sync,\n      reset() {\n        if (!initialized || options.isStateManaged?.()) return\n        options.setState(copyState(initialState as State))\n        sync()\n      },\n      restore(state) {\n        if (options.isStateManaged?.()) return\n        options.restoreState(state)\n        sync()\n      },\n      setDisabled(disabled) {\n        if (formDisabled === disabled) return\n        formDisabled = disabled\n        options.host.requestUpdate()\n        sync()\n      },\n      isFormDisabled: () => formDisabled,\n      getInternals: () => internals\n    }\n  })\n}\n\n/**\n * 表单关联元素 mixin：安装 `formAssociated` 与三个生命周期回调。\n *\n * 生命周期实现仍由 defineFormAssociation 表达；FormAssociationController\n * 在构造时把 lifecycle 注册到实例的 provider，回调经它转发。组件可继续\n * 覆写单个回调注入自己的额外逻辑（如 autocomplete 的禁用收口）。\n * 这是字段组合（mixin），不是共享基类：除回调接线外不继承任何实现。\n */\nexport interface FormAssociatedLifecycleProvider {\n  __formLifecycleProvider?: () => FormAssociationLifecycle\n}\n\nexport function FormAssociated<T extends Constructor<HTMLElement>>(superClass: T) {\n  class FormAssociatedElement extends superClass {\n    static formAssociated = true\n\n    formResetCallback(): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().reset()\n    }\n\n    formDisabledCallback(disabled: boolean): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().setDisabled(disabled)\n    }\n\n    formStateRestoreCallback(state: File | FormData | string | null): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().restore(state)\n    }\n  }\n  return FormAssociatedElement\n}\n\n/** 把表单生命周期插件接入宿主（回调接线经 FormAssociated mixin，无需共享基类）。 */\nexport class FormAssociationController implements ReactiveController {\n  constructor(\n    private readonly host: FormAssociationHost,\n    private readonly lifecycle: FormAssociationLifecycle\n  ) {\n    host.addController(this)\n    ;(host as FormAssociationHost & FormAssociatedLifecycleProvider).__formLifecycleProvider = () => lifecycle\n  }\n\n  hostConnected() {\n    this.lifecycle.connect()\n  }\n\n  hostUpdated() {\n    this.lifecycle.sync()\n  }\n}\n"],"mappings":";;AA4CA,SAAgB,EACd,GACA,GACA,GACA,IAAa,IACP;CACN,IAAI,OAAO,EAAU,eAAgB,YAAY;CACjD,IAAI,KAAc,EAAM,SAAS,OAAO;EACtC,EAAU,YAAY,CAAC,CAAC;EACxB;CACF;CACA,IAAM,IAA4B,CAAC;CACnC,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAM,SAAS,OAAO,EAAM,KAAQ;CAE1C,EAAU,YAAY,GAAO,EAAM,mBAAmB,CAAK;AAC7D;AAKA,SAAgB,EAA6B,GAAwC;CACnF,OAAO,QAA6C;EAClD,IAAI,GACA,GACA,IAAc,IACd,IAAe,IACb,IAAY,EAAQ,eAAc,MAAS,IAE3C,UAAa;GACZ,MACL,EAAU,eAAe,EAAQ,aAAa,GAAG,EAAQ,aAAa,CAAC,GACvE,EAAQ,eAAe,CAAS;EAClC;EAEA,OAAO;GACL,UAAU;IAOR,AANA,AAAgB,MAAY,EAAQ,KAAK,gBAAgB,GACzD,AAGE,OAFA,EAAQ,aAAa,GACrB,IAAe,EAAU,EAAQ,SAAS,CAAC,GAC7B,KAEhB,EAAK;GACP;GACA;GACA,QAAQ;IACF,AAAC,KAAe,GAAQ,iBAAiB,MAC7C,EAAQ,SAAS,EAAU,CAAqB,CAAC,GACjD,EAAK;GACP;GACA,QAAQ,GAAO;IACT,EAAQ,iBAAiB,MAC7B,EAAQ,aAAa,CAAK,GAC1B,EAAK;GACP;GACA,YAAY,GAAU;IAChB,MAAiB,MACrB,IAAe,GACf,EAAQ,KAAK,cAAc,GAC3B,EAAK;GACP;GACA,sBAAsB;GACtB,oBAAoB;EACtB;CACF,CAAC;AACH;AAcA,SAAgB,EAAmD,GAAe;CAChF,MAAM,UAA8B,EAAW;;GACrB,KAAA,iBAAA;;EAExB,oBAA0B;GACvB,KAA0C,0BAA0B,CAAC,CAAC,MAAM;EAC/E;EAEA,qBAAqB,GAAyB;GAC3C,KAA0C,0BAA0B,CAAC,CAAC,YAAY,CAAQ;EAC7F;EAEA,yBAAyB,GAA8C;GACpE,KAA0C,0BAA0B,CAAC,CAAC,QAAQ,CAAK;EACtF;CACF;CACA,OAAO;AACT;AAGA,IAAa,IAAb,MAAqE;CACnE,YACE,GACA,GACA;EAEC,AAJgB,KAAA,OAAA,GACA,KAAA,YAAA,GAEjB,EAAK,cAAc,IAAI,GACtB,EAAgE,gCAAgC;CACnG;CAEA,gBAAgB;EACd,KAAK,UAAU,QAAQ;CACzB;CAEA,cAAc;EACZ,KAAK,UAAU,KAAK;CACtB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/form-association/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n// Lit 官方 mixin 签名需要构造器接受任意参数（paramCount 各异的子类构造器都要能赋给\n// 基座）；never[] 变体在 extends 链上会丢失 Lit 静态侧类型。any 收敛在这个类型别名内。\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T\n\ntype FormSubmissionValue = File | FormData | string | null\ntype FormStateValue = File | FormData | string | null\n\ninterface FormAssociationHost extends HTMLElement, ReactiveControllerHost {\n  /** Lit 的更新窗口判据：反射属性触发的回调落在本轮 performUpdate 之内时为 true。 */\n  isUpdatePending: boolean\n}\n\nexport interface FormAssociationOptions<State> {\n  readonly host: FormAssociationHost\n  readonly initialize?: () => void\n  readonly getState: () => State\n  readonly setState: (state: State) => void\n  readonly copyState?: (state: State) => State\n  readonly getFormValue: () => FormSubmissionValue\n  readonly getFormState: () => FormStateValue\n  readonly restoreState: (state: FormStateValue) => void\n  readonly isStateManaged?: () => boolean\n  readonly syncValidity?: (internals: ElementInternals) => void\n}\n\nexport interface FormAssociationLifecycle {\n  connect(): void\n  sync(): void\n  reset(): void\n  restore(state: FormStateValue): void\n  setDisabled(disabled: boolean): void\n  isFormDisabled(): boolean\n  getInternals(): ElementInternals | undefined\n}\n\n/**\n * 把原生 input 的 ValidityState 转发为 ElementInternals 的校验状态。\n * flagNames 是控件自己声明的校验契约（input 转发文本类 5 项、input-number\n * 转发范围类 4 项），这里只收敛 guard / valid 判定 / setValidity 接线。\n * disabled 元素被约束验证豁免，必须上报干净状态；isDisabled 传入控件的\n * 组合禁用态（含 formDisabled），因为 formDisabledCallback 触发时原生\n * input 的 disabled 属性可能尚未重渲染，不能依赖 input.validity.valid。\n */\nexport function forwardInputValidity(\n  internals: ElementInternals,\n  input: HTMLInputElement | HTMLTextAreaElement,\n  flagNames: readonly (keyof ValidityStateFlags)[],\n  isDisabled = false\n): void {\n  if (typeof internals.setValidity !== 'function') return\n  if (isDisabled || input.validity.valid) {\n    internals.setValidity({})\n    return\n  }\n  const flags: ValidityStateFlags = {}\n  for (const name of flagNames) {\n    if (input.validity[name]) flags[name] = true\n  }\n  internals.setValidity(flags, input.validationMessage, input)\n}\n\n/**\n * 承接原生 custom element 表单生命周期，值序列化与校验语义仍由各控件组件自己表达。\n */\nexport function defineFormAssociation<State>(options: FormAssociationOptions<State>) {\n  return definePlugin((): FormAssociationLifecycle => {\n    let internals: ElementInternals | undefined\n    let initialState: State | undefined\n    let initialized = false\n    let formDisabled = false\n    const copyState = options.copyState ?? (state => state)\n\n    const sync = () => {\n      if (!internals) return\n      internals.setFormValue?.(options.getFormValue(), options.getFormState())\n      options.syncValidity?.(internals)\n    }\n\n    return {\n      connect() {\n        if (!internals) internals = options.host.attachInternals()\n        if (!initialized) {\n          options.initialize?.()\n          initialState = copyState(options.getState())\n          initialized = true\n        }\n        sync()\n      },\n      sync,\n      reset() {\n        if (!initialized || options.isStateManaged?.()) return\n        options.setState(copyState(initialState as State))\n        sync()\n      },\n      restore(state) {\n        if (options.isStateManaged?.()) return\n        options.restoreState(state)\n        sync()\n      },\n      setDisabled(disabled) {\n        if (formDisabled === disabled) return\n        formDisabled = disabled\n        sync()\n        if (options.host.isUpdatePending) {\n          /*\n           * 宿主 disabled 的反射会同步触发 formDisabledCallback，那一轮 render 已经读过旧值；\n           * 而 Lit 在 isUpdatePending 为 true 时会丢掉 requestUpdate()（reactive-element 2.1.2\n           * 的 requestUpdate 尾部判据），控件就会停在旧禁用态且再无渲染。等本轮更新结束再排一次。\n           */\n          queueMicrotask(() => {\n            options.host.requestUpdate()\n            sync()\n          })\n          return\n        }\n        options.host.requestUpdate()\n      },\n      isFormDisabled: () => formDisabled,\n      getInternals: () => internals\n    }\n  })\n}\n\n/**\n * 表单关联元素 mixin：安装 `formAssociated` 与三个生命周期回调。\n *\n * 生命周期实现仍由 defineFormAssociation 表达；FormAssociationController\n * 在构造时把 lifecycle 注册到实例的 provider，回调经它转发。组件可继续\n * 覆写单个回调注入自己的额外逻辑（如 autocomplete 的禁用收口）。\n * 这是字段组合（mixin），不是共享基类：除回调接线外不继承任何实现。\n */\nexport interface FormAssociatedLifecycleProvider {\n  __formLifecycleProvider?: () => FormAssociationLifecycle\n}\n\nexport function FormAssociated<T extends Constructor<HTMLElement>>(superClass: T) {\n  class FormAssociatedElement extends superClass {\n    static formAssociated = true\n\n    formResetCallback(): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().reset()\n    }\n\n    formDisabledCallback(disabled: boolean): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().setDisabled(disabled)\n    }\n\n    formStateRestoreCallback(state: File | FormData | string | null): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().restore(state)\n    }\n  }\n  return FormAssociatedElement\n}\n\n/** 把表单生命周期插件接入宿主（回调接线经 FormAssociated mixin，无需共享基类）。 */\nexport class FormAssociationController implements ReactiveController {\n  constructor(\n    private readonly host: FormAssociationHost,\n    private readonly lifecycle: FormAssociationLifecycle\n  ) {\n    host.addController(this)\n    ;(host as FormAssociationHost & FormAssociatedLifecycleProvider).__formLifecycleProvider = () => lifecycle\n  }\n\n  hostConnected() {\n    this.lifecycle.connect()\n  }\n\n  hostUpdated() {\n    this.lifecycle.sync()\n  }\n}\n"],"mappings":";;AA+CA,SAAgB,EACd,GACA,GACA,GACA,IAAa,IACP;CACN,IAAI,OAAO,EAAU,eAAgB,YAAY;CACjD,IAAI,KAAc,EAAM,SAAS,OAAO;EACtC,EAAU,YAAY,CAAC,CAAC;EACxB;CACF;CACA,IAAM,IAA4B,CAAC;CACnC,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAM,SAAS,OAAO,EAAM,KAAQ;CAE1C,EAAU,YAAY,GAAO,EAAM,mBAAmB,CAAK;AAC7D;AAKA,SAAgB,EAA6B,GAAwC;CACnF,OAAO,QAA6C;EAClD,IAAI,GACA,GACA,IAAc,IACd,IAAe,IACb,IAAY,EAAQ,eAAc,MAAS,IAE3C,UAAa;GACZ,MACL,EAAU,eAAe,EAAQ,aAAa,GAAG,EAAQ,aAAa,CAAC,GACvE,EAAQ,eAAe,CAAS;EAClC;EAEA,OAAO;GACL,UAAU;IAOR,AANA,AAAgB,MAAY,EAAQ,KAAK,gBAAgB,GACzD,AAGE,OAFA,EAAQ,aAAa,GACrB,IAAe,EAAU,EAAQ,SAAS,CAAC,GAC7B,KAEhB,EAAK;GACP;GACA;GACA,QAAQ;IACF,AAAC,KAAe,GAAQ,iBAAiB,MAC7C,EAAQ,SAAS,EAAU,CAAqB,CAAC,GACjD,EAAK;GACP;GACA,QAAQ,GAAO;IACT,EAAQ,iBAAiB,MAC7B,EAAQ,aAAa,CAAK,GAC1B,EAAK;GACP;GACA,YAAY,GAAU;IAChB,UAAiB,GAGrB;SAFA,IAAe,GACf,EAAK,GACD,EAAQ,KAAK,iBAAiB;MAMhC,qBAAqB;OAEnB,AADA,EAAQ,KAAK,cAAc,GAC3B,EAAK;MACP,CAAC;MACD;KACF;KACA,EAAQ,KAAK,cAAc;IAD3B;GAEF;GACA,sBAAsB;GACtB,oBAAoB;EACtB;CACF,CAAC;AACH;AAcA,SAAgB,EAAmD,GAAe;CAChF,MAAM,UAA8B,EAAW;;GACrB,KAAA,iBAAA;;EAExB,oBAA0B;GACvB,KAA0C,0BAA0B,CAAC,CAAC,MAAM;EAC/E;EAEA,qBAAqB,GAAyB;GAC3C,KAA0C,0BAA0B,CAAC,CAAC,YAAY,CAAQ;EAC7F;EAEA,yBAAyB,GAA8C;GACpE,KAA0C,0BAA0B,CAAC,CAAC,QAAQ,CAAK;EACtF;CACF;CACA,OAAO;AACT;AAGA,IAAa,IAAb,MAAqE;CACnE,YACE,GACA,GACA;EAEC,AAJgB,KAAA,OAAA,GACA,KAAA,YAAA,GAEjB,EAAK,cAAc,IAAI,GACtB,EAAgE,gCAAgC;CACnG;CAEA,gBAAgB;EACd,KAAK,UAAU,QAAQ;CACzB;CAEA,cAAc;EACZ,KAAK,UAAU,KAAK;CACtB;AACF"}

package/dist/shared/label-emptiness/index.js

@@ -0,0 +1,45 @@
+//#region src/shared/label-emptiness/index.ts
+var e = /* @__PURE__ */ new WeakMap(), t;
+function n() {
+	return typeof ResizeObserver > "u" ? null : t || (t = new ResizeObserver((t) => {
+		for (let n of t) {
+			let t = e.get(n.target);
+			if (!t) continue;
+			let r = n.contentRect.width === 0;
+			t.empty !== r && (t.empty = r, t.notify(r));
+		}
+	}), t);
+}
+function r(t, r) {
+	let i = n();
+	i && (e.set(t, {
+		notify: r,
+		empty: !1
+	}), i.observe(t));
+}
+function i(n) {
+	e.delete(n), t?.unobserve(n);
+}
+var a = class {
+	constructor(e, t, n) {
+		this.host = e, this.selector = t, this.notify = n, e.addController(this);
+	}
+	hostConnected() {
+		this.attach();
+	}
+	hostUpdated() {
+		this.attach();
+	}
+	hostDisconnected() {
+		this.target && i(this.target), this.target = void 0;
+	}
+	attach() {
+		if (this.target) return;
+		let e = this.host.renderRoot.querySelector(this.selector);
+		e && (this.target = e, r(e, this.notify));
+	}
+};
+//#endregion
+export { a as LabelEmptinessController };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/label-emptiness/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/label-emptiness/index.ts"],"sourcesContent":["/**\n * 判断 label 槽位有没有真的画出东西。\n *\n * radio / checkbox 的触发行是 `inline-flex` + `gap: 10px`，宿主宽度由内容撑开，所以那条 gap 是\n * 指示器与标签之间的距离。但 gap 只认「这里有个 flex item」，不认它有没有宽度：槽位空着，或者只放了\n * 一个视觉隐藏的无障碍名（`.sr-only` 出流，不产生行内盒），标签盒子是 0 宽，指示器右边仍然多出 10px。\n *\n * 判据因此取渲染宽度而不是「槽位有没有被指派内容」——两者只在无障碍名那一种用法上分开，而那正是这里\n * 要修的一种。CSS 也判不出这件事：`slot:empty` 看的是 slot 自己的子节点，被 assign 进来的节点并不是\n * 它的孩子。同理不能用 `hidden` 把盒子收掉，display: none 会连带把里面的文字从无障碍名里去掉。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (empty: boolean) => void\n  empty: boolean\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：一个列表里可能有上百个选择控件，逐实例建观察者要给每个控件单独排\n * 一次尺寸回调。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      const empty = entry.contentRect.width === 0\n      if (target.empty === empty) continue\n\n      target.empty = empty\n      target.notify(empty)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (empty: boolean) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值跟宿主的默认状态一致：非空。首帧的真实尺寸由 observe() 的初始回调报上来。\n  watched.set(target, { notify, empty: false })\n  shared.observe(target)\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/** 把标签盒子的空 / 非空变化报给宿主；断开重连后重新接上观察。 */\nexport class LabelEmptinessController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (empty: boolean) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，所以只挂在\n   * hostUpdated 上的话，观察在断开时被拆掉就再也接不回来，标签后来改成什么都不显示宽度都停在旧值上。\n   * 而首连时 shadow root 还没有子节点，这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    if (this.target) unwatch(this.target)\n    this.target = undefined\n  }\n\n  private attach() {\n    if (this.target) return\n\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (!target) return\n\n    this.target = target\n    watch(target, this.notify)\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAiB5C,OAhBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAEb,IAAM,IAAQ,EAAM,YAAY,UAAU;GACtC,EAAO,UAAU,MAErB,EAAO,QAAQ,GACf,EAAO,OAAO,CAAK;EACrB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAGL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,OAAO;CAAM,CAAC,GAC5C,EAAO,QAAQ,CAAM;AACvB;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAGA,IAAa,IAAb,MAAoE;CAGlE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EAEjB,AADI,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAA;CAChB;CAEA,SAAiB;EACf,IAAI,KAAK,QAAQ;EAEjB,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC1D,MAEL,KAAK,SAAS,GACd,EAAM,GAAQ,KAAK,MAAM;CAC3B;AACF"}

package/dist/shared/menu-portal/menu-portal.js

@@ -6,21 +6,21 @@ import { resolveOverlayContainer as r } from "../overlay/portal.js";
 var i = `${e}
 ${n}
 ${t}`;
-function a(e, t) {
-	let n = document.createElement("div");
-	n.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${e}`, n.dataset.wuiPresence = "entering";
+function a(e, t, n) {
 	let a = document.createElement("div");
-	a.className = "wui-menu-scroll";
+	a.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${e}`, a.dataset.wuiPresence = "entering";
 	let o = document.createElement("div");
-	o.className = "wui-menu-content", a.append(o);
-	let s = r(void 0, t ?? document.body, { preferRootTheme: t === void 0 });
-	if (s instanceof HTMLDialogElement) {
+	o.className = "wui-menu-scroll";
+	let s = document.createElement("div");
+	s.className = "wui-menu-content", o.append(s);
+	let c = n ?? r(void 0, t ?? document.body, { preferRootTheme: t === void 0 });
+	if (c instanceof HTMLDialogElement) {
 		let e = document.createElement("style");
-		e.textContent = i, n.append(e);
+		e.textContent = i, a.append(e);
 	}
-	return n.append(a), s.appendChild(n), {
-		panel: n,
-		content: o
+	return a.append(o), c.appendChild(a), {
+		panel: a,
+		content: s
 	};
 }
 //#endregion

package/dist/shared/menu-portal/menu-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import glass from '@/assets/glass.css?inline'\nimport menuPortalStyle from '@/assets/menu-portal.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { resolveOverlayContainer } from '@/shared/overlay/portal'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\n\n// 菜单面板所需的共享样式。theme-owned/fallback overlay root 已预注入这些样式；但当 overlay 因\n// target 位于已打开原生 dialog 内而被挂到该 dialog（top layer）时，dialog 的\n// shadow root 并不包含这些样式。故面板自携带一份，保证在任何容器下都能正确渲染。\nconst MENU_PANEL_STYLES = `${glass}\n${menuPortalStyle}\n${overlayMotion}`\n\n/**\n * 菜单浮层面板：面板直接挂到 overlay 容器（与普通 Overlay Portal 共用容器解析），\n * 样式复用容器内已注入的共享菜单样式（glass/menu-portal/overlay-motion），\n * 因此无需自建 shadow。菜单内容由 dropdown/context-menu 自行构建（menu-tree），\n * 这里只提供 panel 与 content 挂载点。\n */\nexport function createMenuPortalOverlay(className: string, target?: Element): MenuPortalOverlay {\n  const panel = document.createElement('div')\n  // 单层玻璃：wui-glass 留在面板自身，背景/阴影/backdrop-filter 随面板 opacity\n  // 与 blur 插值一起过渡（见 overlay-motion.css），无需 blur/surface 双层。\n  panel.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${className}`\n  panel.dataset.wuiPresence = 'entering'\n  const scroll = document.createElement('div')\n  scroll.className = 'wui-menu-scroll'\n  const content = document.createElement('div')\n  content.className = 'wui-menu-content'\n  scroll.append(content)\n\n  const container = resolveOverlayContainer(undefined, target ?? document.body, {\n    preferRootTheme: target === undefined\n  })\n  // theme-owned/fallback overlay root 已预注入共享样式；只有 dialog 没有，因此按容器条件注入。\n  if (container instanceof HTMLDialogElement) {\n    const style = document.createElement('style')\n    style.textContent = MENU_PANEL_STYLES\n    panel.append(style)\n  }\n  panel.append(scroll)\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;;;;AAaA,IAAM,IAAoB,GAAG,EAAM;EACjC,EAAgB;EAChB;AAQF,SAAgB,EAAwB,GAAmB,GAAqC;CAC9F,IAAM,IAAQ,SAAS,cAAc,KAAK;CAI1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAE5C,AADA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO;CAErB,IAAM,IAAY,EAAwB,KAAA,GAAW,KAAU,SAAS,MAAM,EAC5E,iBAAiB,MAAW,KAAA,EAC9B,CAAC;CAED,IAAI,aAAqB,mBAAmB;EAC1C,IAAM,IAAQ,SAAS,cAAc,OAAO;EAE5C,AADA,EAAM,cAAc,GACpB,EAAM,OAAO,CAAK;CACpB;CAIA,OAHA,EAAM,OAAO,CAAM,GACnB,EAAU,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import glass from '@/assets/glass.css?inline'\nimport menuPortalStyle from '@/assets/menu-portal.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { resolveOverlayContainer } from '@/shared/overlay/portal'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\n\n// 菜单面板所需的共享样式。theme-owned/fallback overlay root 已预注入这些样式；但当 overlay 因\n// target 位于已打开原生 dialog 内而被挂到该 dialog（top layer）时，dialog 的\n// shadow root 并不包含这些样式。故面板自携带一份，保证在任何容器下都能正确渲染。\nconst MENU_PANEL_STYLES = `${glass}\n${menuPortalStyle}\n${overlayMotion}`\n\n/**\n * 菜单浮层面板：面板直接挂到 overlay 容器（与普通 Overlay Portal 共用容器解析），\n * 样式复用容器内已注入的共享菜单样式（glass/menu-portal/overlay-motion），\n * 因此无需自建 shadow。菜单内容由 dropdown/context-menu 自行构建（menu-tree），\n * 这里只提供 panel 与 content 挂载点。\n */\n/**\n * @param scrim 显式容器。模态化的 context-menu 传自己的 scrim `<dialog>`，面板因此\n *   与 scrim 同处 top layer，「点外面」由 scrim 吃掉，面板不会被下层抢走命中。\n *\n   不能靠 `resolveOverlayContainer` 的祖先发现自动找到它：该函数查的是「**target 的祖先**里\n     有没有已打开的 dialog」，而 scrim 是面板的**后代方向**，方向相反，查不到。菜单面板\n *   又不在 host 的 shadow root 里（它在 `web-ui-theme` 的 overlay root 内），这条路径也断。\n *\n * 省略时行为与从前完全一致 —— dropdown 的 `target` 承重调用点（dropdown-in-dialog）\n * 一个字都不用改。\n */\nexport function createMenuPortalOverlay(className: string, target?: Element, scrim?: HTMLElement): MenuPortalOverlay {\n  const panel = document.createElement('div')\n  // 单层玻璃：wui-glass 留在面板自身，背景/阴影/backdrop-filter 随面板 opacity\n  // 与 blur 插值一起过渡（见 overlay-motion.css），无需 blur/surface 双层。\n  panel.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${className}`\n  panel.dataset.wuiPresence = 'entering'\n  const scroll = document.createElement('div')\n  scroll.className = 'wui-menu-scroll'\n  const content = document.createElement('div')\n  content.className = 'wui-menu-content'\n  scroll.append(content)\n\n  const container =\n    scrim ??\n    resolveOverlayContainer(undefined, target ?? document.body, {\n      preferRootTheme: target === undefined\n    })\n  // theme-owned/fallback overlay root 已预注入共享样式；只有 dialog 没有，因此按容器条件注入。\n  if (container instanceof HTMLDialogElement) {\n    const style = document.createElement('style')\n    style.textContent = MENU_PANEL_STYLES\n    panel.append(style)\n  }\n  panel.append(scroll)\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;;;;AAaA,IAAM,IAAoB,GAAG,EAAM;EACjC,EAAgB;EAChB;AAmBF,SAAgB,EAAwB,GAAmB,GAAkB,GAAwC;CACnH,IAAM,IAAQ,SAAS,cAAc,KAAK;CAI1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAE5C,AADA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO;CAErB,IAAM,IACJ,KACA,EAAwB,KAAA,GAAW,KAAU,SAAS,MAAM,EAC1D,iBAAiB,MAAW,KAAA,EAC9B,CAAC;CAEH,IAAI,aAAqB,mBAAmB;EAC1C,IAAM,IAAQ,SAAS,cAAc,OAAO;EAE5C,AADA,EAAM,cAAc,GACpB,EAAM,OAAO,CAAK;CACpB;CAIA,OAHA,EAAM,OAAO,CAAM,GACnB,EAAU,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}

package/dist/shared/menu-portal/menu-tree.js

@@ -32,8 +32,8 @@ function o(e, t) {
 function s(e) {
 	return e.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) ?? null;
 }
-function c(e) {
-	e && !e.hasAttribute("disabled") && e.focusItem?.();
+function c(e, t = {}) {
+	e && !e.hasAttribute("disabled") && (e.toggleAttribute("data-wui-menu-focus-suppressed", t.suppressFocusVisible === !0), e.focusItem?.());
 }
 function l(e) {
 	return [...e].filter((e) => e !== void 0).flatMap((e) => Array.from(e.querySelectorAll(t))).find((e) => !!e.shadowRoot?.activeElement);

package/dist/shared/menu-portal/menu-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-tree.js","names":[],"sources":["../../../src/shared/menu-portal/menu-tree.ts"],"sourcesContent":["export const MENU_CONTENT_SELECTOR = 'web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header'\nexport const MENU_ITEM_SELECTOR = 'web-ui-dropdown-item'\n\nexport function getMenuChildren(container: ParentNode): HTMLElement[] {\n  const children: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR)) {\n      children.push(child)\n      continue\n    }\n\n    // 框架条件渲染会用元素包裹自有节点，或留下注释锚点。搜索 wrapper，\n    // 但不进入 menu item 内部；其子节点属于嵌套 submenu。\n    children.push(...getMenuChildren(child))\n  }\n  return children\n}\n\nexport function getEnabledMenuItems(container: ParentNode): HTMLElement[] {\n  return getMenuChildren(container).filter(item => item.matches(`${MENU_ITEM_SELECTOR}:not([disabled])`))\n}\n\nexport function getMovableMenuSubtrees(container: ParentNode): HTMLElement[] {\n  const subtrees: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR) || getMenuChildren(child).length > 0) subtrees.push(child)\n  }\n  return subtrees\n}\n\nexport function moveMenuChildren(source: ParentNode, target: HTMLElement) {\n  getMovableMenuSubtrees(source).forEach(subtree => {\n    // 正常调用 source !== target，移走后项不再属于 source，天然收敛；\n    // 这里兜底防御 source === target 的误用，避免 appendChild 自移动触发观察者刷新循环。\n    if (subtree.parentNode === target) return\n    target.appendChild(subtree)\n  })\n}\n\nexport function hideNestedMenuChildren(root: ParentNode, slot: string) {\n  root.querySelectorAll<HTMLElement>('web-ui-dropdown-item[submenu]').forEach(item => {\n    getMenuChildren(item).forEach(child => child.setAttribute('slot', slot))\n  })\n}\n\nexport function getMenuItemFromEvent(event: Event): HTMLElement | null {\n  return (\n    event\n      .composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(MENU_ITEM_SELECTOR)) ?? null\n  )\n}\n\nexport function focusMenuItem(item: HTMLElement | undefined) {\n  if (!item || item.hasAttribute('disabled')) return\n  ;(item as HTMLElement & { focusItem?: () => void }).focusItem?.()\n}\n\nexport function findFocusedMenuItem(panels: Iterable<HTMLElement | undefined>): HTMLElement | undefined {\n  return [...panels]\n    .filter((panel): panel is HTMLElement => panel !== undefined)\n    .flatMap(panel => Array.from(panel.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)))\n    .find(item => Boolean(item.shadowRoot?.activeElement))\n}\n\n/**\n * 托管菜单项的模板位锚：每个被迁入面板的项在宿主 light DOM 留一个 marker 注释，\n * 表示其模板位。宿主因此始终持有完整有序骨架（marker + 框架注释锚点 + 非菜单节点），\n * 框架（Vue/React 条件渲染）打开期的插入以宿主为容器、以真实锚点为基准；\n * 面板项的顺序按 marker 序重排；关闭时按 marker 位双向归还。\n * context-menu 与 dropdown 的打开期实时渲染共用本机制。\n */\nexport type MenuItemAnchors = Map<HTMLElement, Comment>\n\n/**\n * 全集 reconcile：以「content 现有元素 ∪ 宿主元素」为托管全集。\n * 框架（如 Vue 的 v-if 翻转）可能不经宿主直接改写 portal 内节点——卸载旧项留下\n * 注释锚点、把新项直接插进 content——它们都会被这里收编（补 marker + 补隐藏由调用方负责），\n * 已被框架删除/移出两处的条目则清理 marker。最后把宿主中尚存的托管项移入 content。\n */\nexport function reconcileManagedMenuItems(\n  host: HTMLElement,\n  content: HTMLElement,\n  anchors: MenuItemAnchors,\n  markerText: string\n): void {\n  // 宿主与 portal 面板分别位于不同容器，结构上不相交且收集只看直接子层，\n  // 两个集合不会重复。\n  const inContent = getMovableMenuSubtrees(content)\n  const inHost = getMovableMenuSubtrees(host)\n  const managed = new Set([...inContent, ...inHost])\n\n  // 清理已失效条目：托管元素既不在 content 也不在宿主，说明已被框架删除。\n  // 仍在 content 的元素必被上面收集进 managed，故这里只需处理宿主侧。\n  anchors.forEach((marker, subtree) => {\n    if (managed.has(subtree)) return\n    marker.remove()\n    anchors.delete(subtree)\n  })\n\n  // 确保每个托管元素都有 marker：框架直接插入 content 的项在此收编。\n  // content 项按其当前 DOM 序（框架语义序）**反向**处理，新 marker 插到后继项 marker 之前——\n  // 这样补建的 marker 序无需重排即可与 content 对齐；宿主项的 marker 原地补插。\n  const ensureMarker = (subtree: HTMLElement, inHost: boolean, before?: Comment) => {\n    const existing = anchors.get(subtree)\n    if (existing && existing.parentNode === host) return existing\n    existing?.remove()\n    const marker = document.createComment(markerText)\n    if (inHost) {\n      host.insertBefore(marker, subtree)\n    } else if (before && before.parentNode === host) {\n      host.insertBefore(marker, before)\n    } else {\n      host.appendChild(marker)\n    }\n    anchors.set(subtree, marker)\n    return marker\n  }\n  for (let index = inContent.length - 1; index >= 0; index--) {\n    const subtree = inContent[index]\n    const next = inContent[index + 1]\n    const nextMarker = next ? anchors.get(next) : undefined\n    ensureMarker(subtree, false, nextMarker)\n  }\n  for (const subtree of inHost) {\n    ensureMarker(subtree, true)\n  }\n\n  // 宿主中尚存的托管项移入 content。\n  for (const subtree of inHost) {\n    content.appendChild(subtree)\n  }\n}\n\n/** 按宿主 marker 序重排 content 项；顺序已一致时早退。 */\nexport function orderManagedMenuItems(\n  host: HTMLElement,\n  content: HTMLElement,\n  anchors: MenuItemAnchors,\n  markerText: string\n): void {\n  const targetItems: HTMLElement[] = []\n  for (const node of Array.from(host.childNodes)) {\n    if (node.nodeType !== Node.COMMENT_NODE || node.textContent !== markerText) continue\n    anchors.forEach((marker, subtree) => {\n      if (marker !== node || subtree.parentNode !== content) return\n      targetItems.push(subtree)\n    })\n  }\n\n  if (targetItems.length === 0) return\n\n  const currentItems = Array.from(content.children)\n  if (currentItems.length === targetItems.length && currentItems.every((item, index) => item === targetItems[index]))\n    return\n\n  // 把每个元素移动到目标序中下一个元素之前，而不是 appendChild 全部移到末尾。\n  // appendChild 会把元素越过 content 中的框架注释锚点（v-if 锚点），导致锚点脱离\n  // 模板位置，下次框架翻转时据此锚点插入新分支项就会落错位；insertBefore 只重排\n  // 元素相对顺序，锚点保持在原模板位置。锚点复位由 restoreFrameworkAnchors 独立完成。\n  for (let index = targetItems.length - 1; index >= 0; index--) {\n    const item = targetItems[index]\n    const next = targetItems[index + 1]\n    if (next) {\n      if (item.nextElementSibling !== next) content.insertBefore(item, next)\n    } else {\n      content.appendChild(item)\n    }\n  }\n}\n\n/**\n * 捕获框架 v-if 注释锚点相对其后继元素的绑定，供重排后复位。\n * 后继以 nextElementSibling 解析（跳过注释/文本，多个相邻锚点绑定同一后继）。\n * 锚点在 content 末尾、无后继元素时记为 null（尾部锚点，复位时保持末尾）。\n */\nexport function captureFrameworkAnchors(content: HTMLElement, markerText: string): Map<Comment, HTMLElement | null> {\n  const anchors = new Map<Comment, HTMLElement | null>()\n  for (const node of Array.from(content.childNodes)) {\n    if (node instanceof Comment && node.textContent !== markerText) {\n      const nextEl = node.nextElementSibling\n      anchors.set(node, nextEl instanceof HTMLElement ? nextEl : null)\n    }\n  }\n  return anchors\n}\n\n/**\n * 把锚点复位到捕获时其后继元素之前（尾部锚点保持末尾）。\n * 元素重排用 insertBefore/appendChild 不会移动注释，锚点必须显式复位，\n * 否则脱离模板位置后 Vue 下次 v-if 翻转会把新分支项插到错误插入点。\n */\nexport function restoreFrameworkAnchors(content: HTMLElement, anchors: Map<Comment, HTMLElement | null>): void {\n  for (const [anchor, successor] of anchors) {\n    if (anchor.parentNode !== content) continue\n    if (successor && successor.parentNode === content) {\n      if (anchor.nextElementSibling !== successor) content.insertBefore(anchor, successor)\n    } else {\n      // 尾部锚点：重排可能把元素 append 到末尾越过锚点，恢复其末尾位置。\n      content.appendChild(anchor)\n    }\n  }\n}\n\n/**\n * 关闭恢复：按 content 子节点序双向归还——元素回到宿主中自己的 marker 位，\n * 框架 v-if 注释锚点插到对应元素之前。Vue 仍持有这些锚点的 vnode.el 引用，\n * 随元素一起迁回宿主可确保框架下次 patch 以宿主为容器，不会因 parentNode === null 崩溃。\n * 归还后清除全部 marker 与登记。\n */\nexport function returnManagedMenuItemsToSlot(host: HTMLElement, content: HTMLElement, anchors: MenuItemAnchors): void {\n  const pending: Comment[] = []\n  for (const node of Array.from(content.childNodes)) {\n    // instanceof 收窄：Comment 接口为空，nodeType 继承自 Node 的 number，无法用 === 收窄\n    if (node instanceof Comment) {\n      pending.push(node)\n      continue\n    }\n    if (!(node instanceof HTMLElement)) continue\n    const marker = anchors.get(node)\n    if (!marker) continue\n    for (const c of pending) {\n      if (marker.parentNode === host) host.insertBefore(c, marker)\n      else host.appendChild(c)\n    }\n    pending.length = 0\n    if (marker.parentNode === host) {\n      host.insertBefore(node, marker)\n    } else {\n      host.appendChild(node)\n    }\n    marker.remove()\n    anchors.delete(node)\n  }\n  // 尾部框架锚点追加到宿主末尾\n  for (const c of pending) host.appendChild(c)\n  // 映射中剩余 = 已不在 content 的条目(如翻转中被框架卸载的),仅清理 marker\n  anchors.forEach(marker => marker.remove())\n  anchors.clear()\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu-tree.js","names":[],"sources":["../../../src/shared/menu-portal/menu-tree.ts"],"sourcesContent":["export const MENU_CONTENT_SELECTOR = 'web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header'\nexport const MENU_ITEM_SELECTOR = 'web-ui-dropdown-item'\n\nexport function getMenuChildren(container: ParentNode): HTMLElement[] {\n  const children: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR)) {\n      children.push(child)\n      continue\n    }\n\n    // 框架条件渲染会用元素包裹自有节点，或留下注释锚点。搜索 wrapper，\n    // 但不进入 menu item 内部；其子节点属于嵌套 submenu。\n    children.push(...getMenuChildren(child))\n  }\n  return children\n}\n\nexport function getEnabledMenuItems(container: ParentNode): HTMLElement[] {\n  return getMenuChildren(container).filter(item => item.matches(`${MENU_ITEM_SELECTOR}:not([disabled])`))\n}\n\nexport function getMovableMenuSubtrees(container: ParentNode): HTMLElement[] {\n  const subtrees: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR) || getMenuChildren(child).length > 0) subtrees.push(child)\n  }\n  return subtrees\n}\n\nexport function moveMenuChildren(source: ParentNode, target: HTMLElement) {\n  getMovableMenuSubtrees(source).forEach(subtree => {\n    // 正常调用 source !== target，移走后项不再属于 source，天然收敛；\n    // 这里兜底防御 source === target 的误用，避免 appendChild 自移动触发观察者刷新循环。\n    if (subtree.parentNode === target) return\n    target.appendChild(subtree)\n  })\n}\n\nexport function hideNestedMenuChildren(root: ParentNode, slot: string) {\n  root.querySelectorAll<HTMLElement>('web-ui-dropdown-item[submenu]').forEach(item => {\n    getMenuChildren(item).forEach(child => child.setAttribute('slot', slot))\n  })\n}\n\nexport function getMenuItemFromEvent(event: Event): HTMLElement | null {\n  return (\n    event\n      .composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(MENU_ITEM_SELECTOR)) ?? null\n  )\n}\n\nexport interface MenuItemFocusOptions {\n  /** 初始打开时的程序化聚焦不应绘制键盘焦点视觉。 */\n  suppressFocusVisible?: boolean\n}\n\nexport function focusMenuItem(item: HTMLElement | undefined, options: MenuItemFocusOptions = {}) {\n  if (!item || item.hasAttribute('disabled')) return\n  item.toggleAttribute('data-wui-menu-focus-suppressed', options.suppressFocusVisible === true)\n  ;(item as HTMLElement & { focusItem?: () => void }).focusItem?.()\n}\n\nexport function findFocusedMenuItem(panels: Iterable<HTMLElement | undefined>): HTMLElement | undefined {\n  return [...panels]\n    .filter((panel): panel is HTMLElement => panel !== undefined)\n    .flatMap(panel => Array.from(panel.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)))\n    .find(item => Boolean(item.shadowRoot?.activeElement))\n}\n\n/**\n * 托管菜单项的模板位锚：每个被迁入面板的项在宿主 light DOM 留一个 marker 注释，\n * 表示其模板位。宿主因此始终持有完整有序骨架（marker + 框架注释锚点 + 非菜单节点），\n * 框架（Vue/React 条件渲染）打开期的插入以宿主为容器、以真实锚点为基准；\n * 面板项的顺序按 marker 序重排；关闭时按 marker 位双向归还。\n * context-menu 与 dropdown 的打开期实时渲染共用本机制。\n */\nexport type MenuItemAnchors = Map<HTMLElement, Comment>\n\n/**\n * 全集 reconcile：以「content 现有元素 ∪ 宿主元素」为托管全集。\n * 框架（如 Vue 的 v-if 翻转）可能不经宿主直接改写 portal 内节点——卸载旧项留下\n * 注释锚点、把新项直接插进 content——它们都会被这里收编（补 marker + 补隐藏由调用方负责），\n * 已被框架删除/移出两处的条目则清理 marker。最后把宿主中尚存的托管项移入 content。\n */\nexport function reconcileManagedMenuItems(\n  host: HTMLElement,\n  content: HTMLElement,\n  anchors: MenuItemAnchors,\n  markerText: string\n): void {\n  // 宿主与 portal 面板分别位于不同容器，结构上不相交且收集只看直接子层，\n  // 两个集合不会重复。\n  const inContent = getMovableMenuSubtrees(content)\n  const inHost = getMovableMenuSubtrees(host)\n  const managed = new Set([...inContent, ...inHost])\n\n  // 清理已失效条目：托管元素既不在 content 也不在宿主，说明已被框架删除。\n  // 仍在 content 的元素必被上面收集进 managed，故这里只需处理宿主侧。\n  anchors.forEach((marker, subtree) => {\n    if (managed.has(subtree)) return\n    marker.remove()\n    anchors.delete(subtree)\n  })\n\n  // 确保每个托管元素都有 marker：框架直接插入 content 的项在此收编。\n  // content 项按其当前 DOM 序（框架语义序）**反向**处理，新 marker 插到后继项 marker 之前——\n  // 这样补建的 marker 序无需重排即可与 content 对齐；宿主项的 marker 原地补插。\n  const ensureMarker = (subtree: HTMLElement, inHost: boolean, before?: Comment) => {\n    const existing = anchors.get(subtree)\n    if (existing && existing.parentNode === host) return existing\n    existing?.remove()\n    const marker = document.createComment(markerText)\n    if (inHost) {\n      host.insertBefore(marker, subtree)\n    } else if (before && before.parentNode === host) {\n      host.insertBefore(marker, before)\n    } else {\n      host.appendChild(marker)\n    }\n    anchors.set(subtree, marker)\n    return marker\n  }\n  for (let index = inContent.length - 1; index >= 0; index--) {\n    const subtree = inContent[index]\n    const next = inContent[index + 1]\n    const nextMarker = next ? anchors.get(next) : undefined\n    ensureMarker(subtree, false, nextMarker)\n  }\n  for (const subtree of inHost) {\n    ensureMarker(subtree, true)\n  }\n\n  for (const subtree of inHost) {\n    content.appendChild(subtree)\n  }\n}\n\n/** 按宿主 marker 序重排 content 项；顺序已一致时早退。 */\nexport function orderManagedMenuItems(\n  host: HTMLElement,\n  content: HTMLElement,\n  anchors: MenuItemAnchors,\n  markerText: string\n): void {\n  const targetItems: HTMLElement[] = []\n  for (const node of Array.from(host.childNodes)) {\n    if (node.nodeType !== Node.COMMENT_NODE || node.textContent !== markerText) continue\n    anchors.forEach((marker, subtree) => {\n      if (marker !== node || subtree.parentNode !== content) return\n      targetItems.push(subtree)\n    })\n  }\n\n  if (targetItems.length === 0) return\n\n  const currentItems = Array.from(content.children)\n  if (currentItems.length === targetItems.length && currentItems.every((item, index) => item === targetItems[index]))\n    return\n\n  // 把每个元素移动到目标序中下一个元素之前，而不是 appendChild 全部移到末尾。\n  // appendChild 会把元素越过 content 中的框架注释锚点（v-if 锚点），导致锚点脱离\n  // 模板位置，下次框架翻转时据此锚点插入新分支项就会落错位；insertBefore 只重排\n  // 元素相对顺序，锚点保持在原模板位置。锚点复位由 restoreFrameworkAnchors 独立完成。\n  for (let index = targetItems.length - 1; index >= 0; index--) {\n    const item = targetItems[index]\n    const next = targetItems[index + 1]\n    if (next) {\n      if (item.nextElementSibling !== next) content.insertBefore(item, next)\n    } else {\n      content.appendChild(item)\n    }\n  }\n}\n\n/**\n * 捕获框架 v-if 注释锚点相对其后继元素的绑定，供重排后复位。\n * 后继以 nextElementSibling 解析（跳过注释/文本，多个相邻锚点绑定同一后继）。\n * 锚点在 content 末尾、无后继元素时记为 null（尾部锚点，复位时保持末尾）。\n */\nexport function captureFrameworkAnchors(content: HTMLElement, markerText: string): Map<Comment, HTMLElement | null> {\n  const anchors = new Map<Comment, HTMLElement | null>()\n  for (const node of Array.from(content.childNodes)) {\n    if (node instanceof Comment && node.textContent !== markerText) {\n      const nextEl = node.nextElementSibling\n      anchors.set(node, nextEl instanceof HTMLElement ? nextEl : null)\n    }\n  }\n  return anchors\n}\n\n/**\n * 把锚点复位到捕获时其后继元素之前（尾部锚点保持末尾）。\n * 元素重排用 insertBefore/appendChild 不会移动注释，锚点必须显式复位，\n * 否则脱离模板位置后 Vue 下次 v-if 翻转会把新分支项插到错误插入点。\n */\nexport function restoreFrameworkAnchors(content: HTMLElement, anchors: Map<Comment, HTMLElement | null>): void {\n  for (const [anchor, successor] of anchors) {\n    if (anchor.parentNode !== content) continue\n    if (successor && successor.parentNode === content) {\n      if (anchor.nextElementSibling !== successor) content.insertBefore(anchor, successor)\n    } else {\n      // 尾部锚点：重排可能把元素 append 到末尾越过锚点，恢复其末尾位置。\n      content.appendChild(anchor)\n    }\n  }\n}\n\n/**\n * 关闭恢复：按 content 子节点序双向归还——元素回到宿主中自己的 marker 位，\n * 框架 v-if 注释锚点插到对应元素之前。Vue 仍持有这些锚点的 vnode.el 引用，\n * 随元素一起迁回宿主可确保框架下次 patch 以宿主为容器，不会因 parentNode === null 崩溃。\n * 归还后清除全部 marker 与登记。\n */\nexport function returnManagedMenuItemsToSlot(host: HTMLElement, content: HTMLElement, anchors: MenuItemAnchors): void {\n  const pending: Comment[] = []\n  for (const node of Array.from(content.childNodes)) {\n    // instanceof 收窄：Comment 接口为空，nodeType 继承自 Node 的 number，无法用 === 收窄\n    if (node instanceof Comment) {\n      pending.push(node)\n      continue\n    }\n    if (!(node instanceof HTMLElement)) continue\n    const marker = anchors.get(node)\n    if (!marker) continue\n    for (const c of pending) {\n      if (marker.parentNode === host) host.insertBefore(c, marker)\n      else host.appendChild(c)\n    }\n    pending.length = 0\n    if (marker.parentNode === host) {\n      host.insertBefore(node, marker)\n    } else {\n      host.appendChild(node)\n    }\n    marker.remove()\n    anchors.delete(node)\n  }\n  // 尾部框架锚点追加到宿主末尾\n  for (const c of pending) host.appendChild(c)\n  // 映射中剩余 = 已不在 content 的条目(如翻转中被框架卸载的),仅清理 marker\n  anchors.forEach(marker => marker.remove())\n  anchors.clear()\n}\n"],"mappings":"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"}

package/dist/shared/overlay/anchored-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchored-panel.js","names":[],"sources":["../../../src/shared/overlay/anchored-panel.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { OpenOverlay, OpenOverlayHandle, OverlayArbitration } from './open-overlay'\nimport type { OverlayOptions } from './overlay'\nimport { defineOverlay } from './overlay'\nimport type { OverlayApi } from './overlay'\nimport type { OverlayPortal } from './portal'\nimport { hideOverlayPresence, showOverlayPresence } from './presence'\n\nexport interface AnchoredPanelOptions {\n  getAnchor(): HTMLElement | null\n  getLocalPanel(): HTMLElement | null\n  getPositioning(): OverlayOptions\n  isPortal(): boolean\n  createPortal(): OverlayPortal\n  /**\n   * 承载「本面板是一次开启态浮层」的实例：登记与 Escape 归属由它完成，本模块不再\n   * 自己维护逻辑父子关系。\n   *\n   * 必须是**调用方持有的那个实例**（而不是这里新建一个）——调用方同时要用它的帧\n   * 事务入口，两个实例会让「我开着吗」重新分裂。\n   */\n  openOverlay: OpenOverlay\n  /** 本面板与 Escape 仲裁的关系。tooltip 传 `none`；缺省 `escape`。 */\n  arbitration?: OverlayArbitration\n}\n\n/**\n * 管理锚定面板的本地/Portal 容器、定位器和可中断 presence。\n * 内容迁移与交互语义由各组件保留，避免把不同组件的 public contract 混入此模块。\n */\nexport interface AnchoredPanelApi {\n  getPanel(): HTMLElement | null\n  /**\n   * 当前在场会话的句柄；没有任何在场会话时为 `null`。\n   * 查询（`contains` / `containsEvent` / `hasFocusWithin`）与 `setInert` 都走它，\n   * 调用方因此不必持有 panel 引用，也不知道存在全局注册表。\n   * 退场等待期间仍是同一个句柄（暂缓仲裁），动画播完或重新 `open()` 才换人。\n   */\n  getHandle(): OpenOverlayHandle | null\n  open(isInstant?: boolean): void\n  close(isStillOpen: () => boolean): Promise<boolean>\n  updatePosition(): void\n  reconfigure(isOpen: boolean): void\n  dispose(): void\n}\n\nexport const defineAnchoredPanel = () =>\n  definePlugin<AnchoredPanelApi, AnchoredPanelOptions>(ctx => {\n    let overlay: OverlayApi | undefined\n    let portal: OverlayPortal | undefined\n    let handle: OpenOverlayHandle | null = null\n\n    const getPanel = () => portal?.panel ?? ctx.getLocalPanel()\n\n    const releaseHandle = () => {\n      handle?.release()\n      handle = null\n    }\n\n    const disposePortal = () => {\n      if (!portal) return\n      portal.restoreContent()\n      portal.remove()\n      portal = undefined\n      overlay = undefined\n    }\n\n    const getOrCreatePanel = (): HTMLElement | null => {\n      if (!ctx.isPortal()) return ctx.getLocalPanel()\n      portal ??= ctx.createPortal()\n      return portal.panel\n    }\n\n    const ensureOverlay = (anchor: HTMLElement, panel: HTMLElement) => {\n      if (overlay) {\n        overlay.updateAnchor(anchor)\n        overlay.update(ctx.getPositioning())\n        return\n      }\n      overlay = defineOverlay().make({ anchor, overlay: panel, ...ctx.getPositioning() })\n    }\n\n    const open = (isInstant = false) => {\n      const anchor = ctx.getAnchor()\n      if (!anchor) return\n      const panel = getOrCreatePanel()\n      if (!panel) return\n      // portal panel 与宿主物理分离；本地 panel 也可能隔着 shadow 边界。\n      // 以 anchor 祖先链寻找最近的已开启浮层，建立统一逻辑父子关系。\n      // claim ⟺ open：重复 open 视为新的一次开启，旧会话整体作废。\n      releaseHandle()\n      handle = ctx.openOverlay.claim(panel, { arbitration: ctx.arbitration, ancestryFrom: anchor })\n      ensureOverlay(anchor, panel)\n      overlay?.open()\n      showOverlayPresence(panel, { isInstant })\n    }\n\n    const dispose = () => {\n      overlay?.dispose()\n      overlay = undefined\n      releaseHandle()\n      disposePortal()\n    }\n\n    return {\n      getPanel() {\n        return getPanel()\n      },\n\n      getHandle() {\n        return handle\n      },\n\n      open,\n\n      async close(isStillOpen) {\n        /*\n         * 第三态「可见但暂缓仲裁」：退场等待期间面板仍在场，登记不撤，但不再走关闭\n         * 入口——它已经在关的路上了。撤销推迟到动画结束，或被 `open()` 以新会话取代。\n         *\n         * 旧实现在这里立即 `releaseHandle()`，于是两条提前返回的路径都把还看得见的面板\n         * 留在未登记状态：未登记即不参与「谁是最内层」的仲裁，直到下一次 `open()` 才\n         * 恢复（issue #138）。\n         *\n         * 暂缓层只是兜底候选：仍在开启的外层永远优先。否则「内层关掉后立刻再按一次\n         * Escape」会被退场动画吞掉，外层永远等不到自己那一次——issue #120 的契约。\n         *\n         * 退场被打断时 `showOverlayPresence` 已把面板带回场，`open()` 同时重新 claim\n         * （与「重复 open 视为新的一次开启」同一条路径），本条 `close()` 随后的\n         * `return false` 不碰那个新句柄。\n         *\n         * 走到 `isStillOpen()` 时退场已经播完：面板已 `hidden`。此刻宿主仍认为开着，\n         * 是面板状态与宿主状态不一致的那一格——把层交还仲裁而不是继续暂缓。继续暂缓的\n         * 前提是「面板可见」，而这里面板已经看不见了：一个隐藏的面板无限吞掉 Escape，\n         * 用户再也没有按键路径把这个状态收敛掉（按一次 Escape 走宿主的关闭入口，宿主\n         * 回写 open=false 后由随后的 close() 正常收尾）。登记仍然不撤，「宿主认为开着\n         * 就不掉出仲裁」的 #138 语义不变。\n         */\n        handle?.deferArbitration()\n        overlay?.close()\n        const panel = getPanel()\n        if (panel && !(await hideOverlayPresence(panel))) return false\n        if (isStillOpen()) {\n          handle?.deferArbitration(false)\n          return false\n        }\n        releaseHandle()\n        disposePortal()\n        return true\n      },\n\n      updatePosition() {\n        overlay?.update(ctx.getPositioning())\n      },\n\n      reconfigure(isOpen) {\n        const shouldAnimate = getPanel()?.dataset.wuiPresence === 'entering'\n        dispose()\n        if (isOpen) open(!shouldAnimate)\n      },\n\n      dispose\n    }\n  })\n"],"mappings":";;;;AA+CA,IAAa,UACX,GAAqD,MAAO;CAC1D,IAAI,GACA,GACA,IAAmC,MAEjC,UAAiB,GAAQ,SAAS,EAAI,cAAc,GAEpD,UAAsB;EAE1B,AADA,GAAQ,QAAQ,GAChB,IAAS;CACX,GAEM,UAAsB;EACrB,MACL,EAAO,eAAe,GACtB,EAAO,OAAO,GACd,IAAS,KAAA,GACT,IAAU,KAAA;CACZ,GAEM,UACC,EAAI,SAAS,KAClB,MAAW,EAAI,aAAa,GACrB,EAAO,SAFc,EAAI,cAAc,GAK1C,KAAiB,GAAqB,MAAuB;EACjE,IAAI,GAAS;GAEX,AADA,EAAQ,aAAa,CAAM,GAC3B,EAAQ,OAAO,EAAI,eAAe,CAAC;GACnC;EACF;EACA,IAAU,EAAc,CAAC,CAAC,KAAK;GAAE;GAAQ,SAAS;GAAO,GAAG,EAAI,eAAe;EAAE,CAAC;CACpF,GAEM,KAAQ,IAAY,OAAU;EAClC,IAAM,IAAS,EAAI,UAAU;EAC7B,IAAI,CAAC,GAAQ;EACb,IAAM,IAAQ,EAAiB;EAC1B,MAIL,EAAc,GACd,IAAS,EAAI,YAAY,MAAM,GAAO;GAAE,aAAa,EAAI;GAAa,cAAc;EAAO,CAAC,GAC5F,EAAc,GAAQ,CAAK,GAC3B,GAAS,KAAK,GACd,EAAoB,GAAO,EAAE,aAAU,CAAC;CAC1C,GAEM,UAAgB;EAIpB,AAHA,GAAS,QAAQ,GACjB,IAAU,KAAA,GACV,EAAc,GACd,EAAc;CAChB;CAEA,OAAO;EACL,WAAW;GACT,OAAO,EAAS;EAClB;EAEA,YAAY;GACV,OAAO;EACT;EAEA;EAEA,MAAM,MAAM,GAAa;GAwBvB,AADA,GAAQ,iBAAiB,GACzB,GAAS,MAAM;GACf,IAAM,IAAQ,EAAS;GAQvB,OAPI,KAAS,CAAE,MAAM,EAAoB,CAAK,IAAW,KACrD,EAAY,KACd,GAAQ,iBAAiB,EAAK,GACvB,OAET,EAAc,GACd,EAAc,GACP;EACT;EAEA,iBAAiB;GACf,GAAS,OAAO,EAAI,eAAe,CAAC;EACtC;EAEA,YAAY,GAAQ;GAClB,IAAM,IAAgB,EAAS,CAAC,EAAE,QAAQ,gBAAgB;GAE1D,AADA,EAAQ,GACJ,KAAQ,EAAK,CAAC,CAAa;EACjC;EAEA;CACF;AACF,CAAC"}
+{"version":3,"file":"anchored-panel.js","names":[],"sources":["../../../src/shared/overlay/anchored-panel.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { OpenOverlay, OpenOverlayHandle, OverlayArbitration } from './open-overlay'\nimport { defineOverlay, type OverlayApi, type OverlayOptions } from './overlay'\nimport type { OverlayPortal } from './portal'\nimport { hideOverlayPresence, showOverlayPresence } from './presence'\n\nexport interface AnchoredPanelOptions {\n  getAnchor(): HTMLElement | null\n  getLocalPanel(): HTMLElement | null\n  getPositioning(): OverlayOptions\n  isPortal(): boolean\n  createPortal(): OverlayPortal\n  /**\n   * 承载「本面板是一次开启态浮层」的实例：登记与 Escape 归属由它完成，本模块不再\n   * 自己维护逻辑父子关系。\n   *\n   * 必须是**调用方持有的那个实例**（而不是这里新建一个）——调用方同时要用它的帧\n   * 事务入口，两个实例会让「我开着吗」重新分裂。\n   */\n  openOverlay: OpenOverlay\n  /** 本面板与 Escape 仲裁的关系。tooltip 传 `none`；缺省 `escape`。 */\n  arbitration?: OverlayArbitration\n}\n\n/**\n * 管理锚定面板的本地/Portal 容器、定位器和可中断 presence。\n * 内容迁移与交互语义由各组件保留，避免把不同组件的 public contract 混入此模块。\n */\nexport interface AnchoredPanelApi {\n  getPanel(): HTMLElement | null\n  /**\n   * 当前在场会话的句柄；没有任何在场会话时为 `null`。\n   * 查询（`contains` / `containsEvent` / `hasFocusWithin`）与 `setInert` 都走它，\n   * 调用方因此不必持有 panel 引用，也不知道存在全局注册表。\n   * 退场等待期间仍是同一个句柄（暂缓仲裁），动画播完或重新 `open()` 才换人。\n   */\n  getHandle(): OpenOverlayHandle | null\n  open(isInstant?: boolean): void\n  close(isStillOpen: () => boolean): Promise<boolean>\n  updatePosition(): void\n  reconfigure(isOpen: boolean): void\n  dispose(): void\n}\n\nexport const defineAnchoredPanel = () =>\n  definePlugin<AnchoredPanelApi, AnchoredPanelOptions>(ctx => {\n    let overlay: OverlayApi | undefined\n    let portal: OverlayPortal | undefined\n    let handle: OpenOverlayHandle | null = null\n\n    const getPanel = () => portal?.panel ?? ctx.getLocalPanel()\n\n    const releaseHandle = () => {\n      handle?.release()\n      handle = null\n    }\n\n    const disposePortal = () => {\n      if (!portal) return\n      portal.restoreContent()\n      portal.remove()\n      portal = undefined\n      overlay = undefined\n    }\n\n    const getOrCreatePanel = (): HTMLElement | null => {\n      if (!ctx.isPortal()) return ctx.getLocalPanel()\n      portal ??= ctx.createPortal()\n      return portal.panel\n    }\n\n    const ensureOverlay = (anchor: HTMLElement, panel: HTMLElement) => {\n      if (overlay) {\n        overlay.updateAnchor(anchor)\n        overlay.update(ctx.getPositioning())\n        return\n      }\n      overlay = defineOverlay().make({ anchor, overlay: panel, ...ctx.getPositioning() })\n    }\n\n    const open = (isInstant = false) => {\n      const anchor = ctx.getAnchor()\n      if (!anchor) return\n      const panel = getOrCreatePanel()\n      if (!panel) return\n      // portal panel 与宿主物理分离；本地 panel 也可能隔着 shadow 边界。\n      // 以 anchor 祖先链寻找最近的已开启浮层，建立统一逻辑父子关系。\n      // claim ⟺ open：重复 open 视为新的一次开启，旧会话整体作废。\n      releaseHandle()\n      handle = ctx.openOverlay.claim(panel, { arbitration: ctx.arbitration, ancestryFrom: anchor })\n      ensureOverlay(anchor, panel)\n      overlay?.open()\n      showOverlayPresence(panel, { isInstant })\n    }\n\n    const dispose = () => {\n      overlay?.dispose()\n      overlay = undefined\n      releaseHandle()\n      disposePortal()\n    }\n\n    return {\n      getPanel() {\n        return getPanel()\n      },\n\n      getHandle() {\n        return handle\n      },\n\n      open,\n\n      async close(isStillOpen) {\n        /*\n         * 第三态「可见但暂缓仲裁」：退场等待期间面板仍在场，登记不撤，但不再走关闭\n         * 入口——它已经在关的路上了。撤销推迟到动画结束，或被 `open()` 以新会话取代。\n         *\n         * 旧实现在这里立即 `releaseHandle()`，于是两条提前返回的路径都把还看得见的面板\n         * 留在未登记状态：未登记即不参与「谁是最内层」的仲裁，直到下一次 `open()` 才\n         * 恢复（issue #138）。\n         *\n         * 暂缓层只是兜底候选：仍在开启的外层永远优先。否则「内层关掉后立刻再按一次\n         * Escape」会被退场动画吞掉，外层永远等不到自己那一次——issue #120 的契约。\n         *\n         * 退场被打断时 `showOverlayPresence` 已把面板带回场，`open()` 同时重新 claim\n         * （与「重复 open 视为新的一次开启」同一条路径），本条 `close()` 随后的\n         * `return false` 不碰那个新句柄。\n         *\n         * 走到 `isStillOpen()` 时退场已经播完：面板已 `hidden`。此刻宿主仍认为开着，\n         * 是面板状态与宿主状态不一致的那一格——把层交还仲裁而不是继续暂缓。继续暂缓的\n         * 前提是「面板可见」，而这里面板已经看不见了：一个隐藏的面板无限吞掉 Escape，\n         * 用户再也没有按键路径把这个状态收敛掉（按一次 Escape 走宿主的关闭入口，宿主\n         * 回写 open=false 后由随后的 close() 正常收尾）。登记仍然不撤，「宿主认为开着\n         * 就不掉出仲裁」的 #138 语义不变。\n         */\n        handle?.deferArbitration()\n        overlay?.close()\n        const panel = getPanel()\n        if (panel && !(await hideOverlayPresence(panel))) return false\n        if (isStillOpen()) {\n          handle?.deferArbitration(false)\n          return false\n        }\n        releaseHandle()\n        disposePortal()\n        return true\n      },\n\n      updatePosition() {\n        overlay?.update(ctx.getPositioning())\n      },\n\n      reconfigure(isOpen) {\n        const shouldAnimate = getPanel()?.dataset.wuiPresence === 'entering'\n        dispose()\n        if (isOpen) open(!shouldAnimate)\n      },\n\n      dispose\n    }\n  })\n"],"mappings":";;;;AA6CA,IAAa,UACX,GAAqD,MAAO;CAC1D,IAAI,GACA,GACA,IAAmC,MAEjC,UAAiB,GAAQ,SAAS,EAAI,cAAc,GAEpD,UAAsB;EAE1B,AADA,GAAQ,QAAQ,GAChB,IAAS;CACX,GAEM,UAAsB;EACrB,MACL,EAAO,eAAe,GACtB,EAAO,OAAO,GACd,IAAS,KAAA,GACT,IAAU,KAAA;CACZ,GAEM,UACC,EAAI,SAAS,KAClB,MAAW,EAAI,aAAa,GACrB,EAAO,SAFc,EAAI,cAAc,GAK1C,KAAiB,GAAqB,MAAuB;EACjE,IAAI,GAAS;GAEX,AADA,EAAQ,aAAa,CAAM,GAC3B,EAAQ,OAAO,EAAI,eAAe,CAAC;GACnC;EACF;EACA,IAAU,EAAc,CAAC,CAAC,KAAK;GAAE;GAAQ,SAAS;GAAO,GAAG,EAAI,eAAe;EAAE,CAAC;CACpF,GAEM,KAAQ,IAAY,OAAU;EAClC,IAAM,IAAS,EAAI,UAAU;EAC7B,IAAI,CAAC,GAAQ;EACb,IAAM,IAAQ,EAAiB;EAC1B,MAIL,EAAc,GACd,IAAS,EAAI,YAAY,MAAM,GAAO;GAAE,aAAa,EAAI;GAAa,cAAc;EAAO,CAAC,GAC5F,EAAc,GAAQ,CAAK,GAC3B,GAAS,KAAK,GACd,EAAoB,GAAO,EAAE,aAAU,CAAC;CAC1C,GAEM,UAAgB;EAIpB,AAHA,GAAS,QAAQ,GACjB,IAAU,KAAA,GACV,EAAc,GACd,EAAc;CAChB;CAEA,OAAO;EACL,WAAW;GACT,OAAO,EAAS;EAClB;EAEA,YAAY;GACV,OAAO;EACT;EAEA;EAEA,MAAM,MAAM,GAAa;GAwBvB,AADA,GAAQ,iBAAiB,GACzB,GAAS,MAAM;GACf,IAAM,IAAQ,EAAS;GAQvB,OAPI,KAAS,CAAE,MAAM,EAAoB,CAAK,IAAW,KACrD,EAAY,KACd,GAAQ,iBAAiB,EAAK,GACvB,OAET,EAAc,GACd,EAAc,GACP;EACT;EAEA,iBAAiB;GACf,GAAS,OAAO,EAAI,eAAe,CAAC;EACtC;EAEA,YAAY,GAAQ;GAClB,IAAM,IAAgB,EAAS,CAAC,EAAE,QAAQ,gBAAgB;GAE1D,AADA,EAAQ,GACJ,KAAQ,EAAK,CAAC,CAAa;EACjC;EAEA;CACF;AACF,CAAC"}

package/dist/shared/overlay/native-dialog-presence.js

@@ -19,16 +19,28 @@ var n = () => t((t) => {
 				r = void 0, t.isConnected() && t.isOpen() && e.open && e.classList.add("is-visible");
 			});
 		}
-	}, u = () => {
-		let r = t.getDialog();
-		if (r?.open) {
-			if (s(), i = !0, !r.classList.contains("is-visible")) {
-				c();
-				return;
-			}
-			r.classList.add("is-closing"), r.classList.remove("is-visible"), o(), n = setTimeout(() => c(), e(r) + 80);
+	}, u = (t) => {
+		t.offsetWidth, t.classList.add("is-closing"), t.classList.remove("is-visible"), o(), n = setTimeout(() => c(), e(t) + 80);
+	}, d = () => {
+		let e = t.getDialog();
+		if (!e?.open) return;
+		let n = r !== void 0;
+		if (s(), i = !0, e.classList.contains("is-visible")) {
+			u(e);
+			return;
 		}
-	}, d = (e) => {
+		if (!n) {
+			c();
+			return;
+		}
+		r = requestAnimationFrame(() => {
+			if (r = void 0, !i || t.isOpen() || !e.open) return;
+			let n = e.style.getPropertyValue("transition"), a = e.style.getPropertyPriority("transition");
+			e.style.setProperty("transition", "none", "important"), e.classList.add("is-visible"), e.offsetWidth, n ? e.style.setProperty("transition", n, a) : e.style.removeProperty("transition"), r = requestAnimationFrame(() => {
+				r = void 0, i && !t.isOpen() && e.open && u(e);
+			});
+		});
+	}, f = (e) => {
 		try {
 			return e.matches(":modal");
 		} catch {
@@ -37,7 +49,7 @@ var n = () => t((t) => {
 	};
 	return {
 		sync(e) {
-			e ? l() : u();
+			e ? l() : d();
 		},
 		reconcile() {
 			let e = t.getDialog();
@@ -46,7 +58,7 @@ var n = () => t((t) => {
 					s(), o(), i = !1, e.open && (a = !0, e.close()), e.classList.remove("is-closing", "is-visible");
 					return;
 				}
-				e.open && !d(e) && (a = !0, e.close()), l();
+				e.open && !f(e) && (a = !0, e.close()), l();
 			}
 		},
 		handleTransitionEnd(e) {

package/dist/shared/overlay/native-dialog-presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-dialog-presence.js","names":[],"sources":["../../../src/shared/overlay/native-dialog-presence.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getTransitionDuration } from './presence'\n\nexport interface NativeDialogPresenceOptions {\n  getDialog(): HTMLDialogElement | null\n  isConnected(): boolean\n  isOpen(): boolean\n}\n\nexport interface NativeDialogPresenceApi {\n  sync(open: boolean): void\n  /**\n   * 重挂载对账：宿主在打开态被移出文档再接回时调用。\n   *\n   * 平台行为（Chromium/WebKit 实测）：`<dialog>` 随宿主移出文档时脱离 top layer，\n   * 但 `open` 属性残留。此时 `sync(true)` 救不回来——`startOpening` 的\n   * `if (!dialog.open)` 守卫会跳过 `showModal`，而直接对残留 open 的 dialog 调\n   * `showModal` 会抛 `InvalidStateError`；且排队的 `close` 事件若被消费方当成\n   * 外部关闭，会把 `open` 误置为 false。本方法先标记 self-close 再真正 close，\n   * 随后走 `startOpening`（此刻 open 属性已清，`showModal` 正常执行，排队的\n   * `close` 事件由 `handleNativeClose` 消费），dialog 因此同步回到 top layer。\n   */\n  reconcile(): void\n  handleTransitionEnd(event: TransitionEvent): void\n  /**\n   * 处理原生 dialog 的 `close` 事件。\n   *\n   * 返回 `true` 表示该事件是本模块自己 `finishClosing → dialog.close()` 排队的\n   * 异步事件（正常时序在本关闭会话内到达，快速重开时在重开后到达的过期事件），\n   * 消费方不应把它当成外部关闭；返回 `false` 表示真实的外部关闭\n   * （如表单 method=\"dialog\"、宿主程序化 dialog.close()），消费方需自行恢复状态。\n   */\n  handleNativeClose(): boolean\n  dispose(): void\n}\n\n// 管理原生 dialog 保持在 top layer 直至退出动画完成的生命周期。\nexport const defineNativeDialogPresence = () =>\n  definePlugin<NativeDialogPresenceApi, NativeDialogPresenceOptions>(ctx => {\n    let closeFallbackTimer: ReturnType<typeof setTimeout> | undefined\n    let openFrame: number | undefined\n    let isClosing = false\n    // 由本模块 finishClosing 主动 dialog.close() 时置 true。原生 dialog 的 close 事件\n    // 是异步任务（queue a task），可能在之后任意时刻才到达：正常时序在本关闭会话内\n    // 到达（消费方 open 已为 false，本就该忽略）；快速「关闭→重开」时它在重新打开\n    // 之后才到达，若消费方把它当成外部关闭，会把刚重开的 dialog 关掉——这是 drawer\n    // 连续开关后丢失过渡动画（重开即被误关）的根因。置位后由消费方的\n    // handleNativeClose 经 handleNativeClose() 消费；消费方 open 为 false 提前返回时\n    // 也必须调用一次以消费标志，避免泄漏到下一次真实关闭。\n    let selfClosePending = false\n\n    const clearCloseFallback = () => {\n      if (closeFallbackTimer === undefined) return\n      clearTimeout(closeFallbackTimer)\n      closeFallbackTimer = undefined\n    }\n\n    const cancelOpenFrame = () => {\n      if (openFrame === undefined) return\n      cancelAnimationFrame(openFrame)\n      openFrame = undefined\n    }\n\n    const finishClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog || !isClosing || ctx.isOpen()) return\n      clearCloseFallback()\n      isClosing = false\n      dialog.classList.remove('is-closing', 'is-visible')\n      if (dialog.open) {\n        selfClosePending = true\n        dialog.close?.()\n      }\n    }\n\n    const startOpening = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      isClosing = false\n      clearCloseFallback()\n      dialog.classList.remove('is-closing')\n      if (!dialog.open) {\n        try {\n          // 并发多个 modal dialog（nested drawer 场景）在规范中合法；\n          // 此 try/catch 为防御性兜底（如对已在 top layer 的 dialog 重复 showModal\n          // 会抛 InvalidStateError），失败时由下方 rAF 回调的 dialog.open 判断中止动画。\n          dialog.showModal?.()\n        } catch {\n          // 保留未打开状态\n        }\n      }\n      // 强制计算初始 top-layer 布局，确保 Safari 等浏览器在下一帧切换 class 时\n      // 有稳定的 transition 起点，而不是偶发跳过进场过渡。\n      void dialog.offsetWidth\n\n      cancelOpenFrame()\n      openFrame = requestAnimationFrame(() => {\n        openFrame = undefined\n        if (!ctx.isConnected() || !ctx.isOpen() || !dialog.open) return\n        dialog.classList.add('is-visible')\n      })\n    }\n\n    const startClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog?.open) return\n      cancelOpenFrame()\n      isClosing = true\n      if (!dialog.classList.contains('is-visible')) {\n        finishClosing()\n        return\n      }\n\n      dialog.classList.add('is-closing')\n      dialog.classList.remove('is-visible')\n      clearCloseFallback()\n      closeFallbackTimer = setTimeout(() => finishClosing(), getTransitionDuration(dialog) + 80)\n    }\n\n    // jsdom 的选择器引擎不认识 :modal（可能抛错）；抛错按「不在 top layer」处理，\n    // reconcile 随之走 close+showModal 的收敛路径，行为仍正确。\n    const isInTopLayer = (dialog: HTMLDialogElement): boolean => {\n      try {\n        return dialog.matches(':modal')\n      } catch {\n        return false\n      }\n    }\n\n    return {\n      sync(open) {\n        if (open) startOpening()\n        else startClosing()\n      },\n\n      reconcile() {\n        const dialog = ctx.getDialog()\n        if (!dialog) return\n\n        if (!ctx.isOpen()) {\n          // 宿主在断连期间被置为关闭（或关闭动画被 disconnect 打断）：\n          // updated() 在断连时被跳过，inner dialog 可能仍残留 open 属性与\n          // is-visible/is-closing class，补一次强制收敛到关闭态。\n          cancelOpenFrame()\n          clearCloseFallback()\n          isClosing = false\n          if (dialog.open) {\n            selfClosePending = true\n            dialog.close()\n          }\n          dialog.classList.remove('is-closing', 'is-visible')\n          return\n        }\n\n        // 打开态重挂载：open 属性残留但已脱离 top layer 时，必须先真关闭再重开。\n        if (dialog.open && !isInTopLayer(dialog)) {\n          selfClosePending = true\n          dialog.close()\n        }\n        startOpening()\n      },\n\n      handleTransitionEnd(event) {\n        if (event.target !== ctx.getDialog() || event.propertyName !== 'transform') return\n        finishClosing()\n      },\n\n      handleNativeClose() {\n        if (selfClosePending) {\n          // 我们自己的 dialog.close() 排队的事件：正常时序在本会话内到达、快速重开\n          // 时是上一会话的过期事件——两种情况本模块都已在 finishClosing 完成全部清理，\n          // 消费标志并让调用方跳过外部关闭处理即可。\n          selfClosePending = false\n          return true\n        }\n        // 真实的外部关闭：重置打开/关闭状态，等待消费方恢复（如 open=false）。\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        ctx.getDialog()?.classList.remove('is-closing', 'is-visible')\n        return false\n      },\n\n      dispose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        selfClosePending = false\n      }\n    }\n  })\n"],"mappings":";;;AAsCA,IAAa,UACX,GAAmE,MAAO;CACxE,IAAI,GACA,GACA,IAAY,IAQZ,IAAmB,IAEjB,UAA2B;EAC3B,MAAuB,KAAA,MAC3B,aAAa,CAAkB,GAC/B,IAAqB,KAAA;CACvB,GAEM,UAAwB;EACxB,MAAc,KAAA,MAClB,qBAAqB,CAAS,GAC9B,IAAY,KAAA;CACd,GAEM,UAAsB;EAC1B,IAAM,IAAS,EAAI,UAAU;EACzB,AAAC,KAAW,KAAa,GAAI,OAAO,MACxC,EAAmB,GACnB,IAAY,IACZ,EAAO,UAAU,OAAO,cAAc,YAAY,GAC9C,EAAO,SACT,IAAmB,IACnB,EAAO,QAAQ;CAEnB,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,OAIL;OAHA,IAAY,IACZ,EAAmB,GACnB,EAAO,UAAU,OAAO,YAAY,GAChC,CAAC,EAAO,MACV,IAAI;IAIF,EAAO,YAAY;GACrB,QAAQ,CAER;GAOF,AAHA,EAAY,aAEZ,EAAgB,GAChB,IAAY,4BAA4B;IACtC,IAAY,KAAA,GACP,EAAI,YAAY,KAAM,EAAI,OAAO,KAAM,EAAO,QACnD,EAAO,UAAU,IAAI,YAAY;GACnC,CAAC;EAXC;CAYJ,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,OAAQ,MAGb;OAFA,EAAgB,GAChB,IAAY,IACR,CAAC,EAAO,UAAU,SAAS,YAAY,GAAG;IAC5C,EAAc;IACd;GACF;GAKA,AAHA,EAAO,UAAU,IAAI,YAAY,GACjC,EAAO,UAAU,OAAO,YAAY,GACpC,EAAmB,GACnB,IAAqB,iBAAiB,EAAc,GAAG,EAAsB,CAAM,IAAI,EAAE;EALzF;CAMF,GAIM,KAAgB,MAAuC;EAC3D,IAAI;GACF,OAAO,EAAO,QAAQ,QAAQ;EAChC,QAAQ;GACN,OAAO;EACT;CACF;CAEA,OAAO;EACL,KAAK,GAAM;GACT,AAAI,IAAM,EAAa,IAClB,EAAa;EACpB;EAEA,YAAY;GACV,IAAM,IAAS,EAAI,UAAU;GACxB,OAEL;QAAI,CAAC,EAAI,OAAO,GAAG;KAWjB,AAPA,EAAgB,GAChB,EAAmB,GACnB,IAAY,IACR,EAAO,SACT,IAAmB,IACnB,EAAO,MAAM,IAEf,EAAO,UAAU,OAAO,cAAc,YAAY;KAClD;IACF;IAOA,AAJI,EAAO,QAAQ,CAAC,EAAa,CAAM,MACrC,IAAmB,IACnB,EAAO,MAAM,IAEf,EAAa;GAPb;EAQF;EAEA,oBAAoB,GAAO;GACrB,EAAM,WAAW,EAAI,UAAU,KAAK,EAAM,iBAAiB,eAC/D,EAAc;EAChB;EAEA,oBAAoB;GAalB,OAZI,KAIF,IAAmB,IACZ,OAGT,EAAgB,GAChB,EAAmB,GACnB,IAAY,IACZ,EAAI,UAAU,CAAC,EAAE,UAAU,OAAO,cAAc,YAAY,GACrD;EACT;EAEA,UAAU;GAIR,AAHA,EAAgB,GAChB,EAAmB,GACnB,IAAY,IACZ,IAAmB;EACrB;CACF;AACF,CAAC"}
+{"version":3,"file":"native-dialog-presence.js","names":[],"sources":["../../../src/shared/overlay/native-dialog-presence.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getTransitionDuration } from './presence'\n\nexport interface NativeDialogPresenceOptions {\n  getDialog(): HTMLDialogElement | null\n  isConnected(): boolean\n  isOpen(): boolean\n}\n\nexport interface NativeDialogPresenceApi {\n  sync(open: boolean): void\n  /**\n   * 重挂载对账：宿主在打开态被移出文档再接回时调用。\n   *\n   * 平台行为（Chromium/WebKit 实测）：`<dialog>` 随宿主移出文档时脱离 top layer，\n   * 但 `open` 属性残留。此时 `sync(true)` 救不回来——`startOpening` 的\n   * `if (!dialog.open)` 守卫会跳过 `showModal`，而直接对残留 open 的 dialog 调\n   * `showModal` 会抛 `InvalidStateError`；且排队的 `close` 事件若被消费方当成\n   * 外部关闭，会把 `open` 误置为 false。本方法先标记 self-close 再真正 close，\n   * 随后走 `startOpening`（此刻 open 属性已清，`showModal` 正常执行，排队的\n   * `close` 事件由 `handleNativeClose` 消费），dialog 因此同步回到 top layer。\n   */\n  reconcile(): void\n  handleTransitionEnd(event: TransitionEvent): void\n  /**\n   * 处理原生 dialog 的 `close` 事件。\n   *\n   * 返回 `true` 表示该事件是本模块自己 `finishClosing → dialog.close()` 排队的\n   * 异步事件（正常时序在本关闭会话内到达，快速重开时在重开后到达的过期事件），\n   * 消费方不应把它当成外部关闭；返回 `false` 表示真实的外部关闭\n   * （如表单 method=\"dialog\"、宿主程序化 dialog.close()），消费方需自行恢复状态。\n   */\n  handleNativeClose(): boolean\n  dispose(): void\n}\n\n// 管理原生 dialog 保持在 top layer 直至退出动画完成的生命周期。\nexport const defineNativeDialogPresence = () =>\n  definePlugin<NativeDialogPresenceApi, NativeDialogPresenceOptions>(ctx => {\n    let closeFallbackTimer: ReturnType<typeof setTimeout> | undefined\n    let openFrame: number | undefined\n    let isClosing = false\n    // 由本模块 finishClosing 主动 dialog.close() 时置 true。原生 dialog 的 close 事件\n    // 是异步任务（queue a task），可能在之后任意时刻才到达：正常时序在本关闭会话内\n    // 到达（消费方 open 已为 false，本就该忽略）；快速「关闭→重开」时它在重新打开\n    // 之后才到达，若消费方把它当成外部关闭，会把刚重开的 dialog 关掉——这是 drawer\n    // 连续开关后丢失过渡动画（重开即被误关）的根因。置位后由消费方的\n    // handleNativeClose 经 handleNativeClose() 消费；消费方 open 为 false 提前返回时\n    // 也必须调用一次以消费标志，避免泄漏到下一次真实关闭。\n    let selfClosePending = false\n\n    const clearCloseFallback = () => {\n      if (closeFallbackTimer === undefined) return\n      clearTimeout(closeFallbackTimer)\n      closeFallbackTimer = undefined\n    }\n\n    const cancelOpenFrame = () => {\n      if (openFrame === undefined) return\n      cancelAnimationFrame(openFrame)\n      openFrame = undefined\n    }\n\n    const finishClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog || !isClosing || ctx.isOpen()) return\n      clearCloseFallback()\n      isClosing = false\n      dialog.classList.remove('is-closing', 'is-visible')\n      if (dialog.open) {\n        selfClosePending = true\n        dialog.close?.()\n      }\n    }\n\n    const startOpening = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      isClosing = false\n      clearCloseFallback()\n      dialog.classList.remove('is-closing')\n      if (!dialog.open) {\n        try {\n          // 并发多个 modal dialog（nested drawer 场景）在规范中合法；\n          // 此 try/catch 为防御性兜底（如对已在 top layer 的 dialog 重复 showModal\n          // 会抛 InvalidStateError），失败时由下方 rAF 回调的 dialog.open 判断中止动画。\n          dialog.showModal?.()\n        } catch {\n          // 保留未打开状态\n        }\n      }\n      // 强制计算初始 top-layer 布局，确保 Safari 等浏览器在下一帧切换 class 时\n      // 有稳定的 transition 起点，而不是偶发跳过进场过渡。\n      void dialog.offsetWidth\n\n      cancelOpenFrame()\n      openFrame = requestAnimationFrame(() => {\n        openFrame = undefined\n        if (!ctx.isConnected() || !ctx.isOpen() || !dialog.open) return\n        dialog.classList.add('is-visible')\n      })\n    }\n\n    const startClosingTransition = (dialog: HTMLDialogElement) => {\n      // WebKit may coalesce class changes in the same style scope and skip the transition\n      // when the previous computed state has not been submitted yet.\n      void dialog.offsetWidth\n      dialog.classList.add('is-closing')\n      dialog.classList.remove('is-visible')\n      clearCloseFallback()\n      closeFallbackTimer = setTimeout(() => finishClosing(), getTransitionDuration(dialog) + 80)\n    }\n\n    const startClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog?.open) return\n      const hasPendingOpenFrame = openFrame !== undefined\n      cancelOpenFrame()\n      isClosing = true\n      if (dialog.classList.contains('is-visible')) {\n        startClosingTransition(dialog)\n        return\n      }\n      if (!hasPendingOpenFrame) {\n        finishClosing()\n        return\n      }\n\n      // 关闭可能先于打开路径的首个 rAF 到达。先用一帧补齐可见态并强制提交布局，\n      // 再用下一帧切换 closing，让退出 transition 有稳定的起点。进场 transition\n      // 不能参与这次布局提交，否则当前 transform 仍停在闭合起点。\n      openFrame = requestAnimationFrame(() => {\n        openFrame = undefined\n        if (!isClosing || ctx.isOpen() || !dialog.open) return\n        const transition = dialog.style.getPropertyValue('transition')\n        const transitionPriority = dialog.style.getPropertyPriority('transition')\n        dialog.style.setProperty('transition', 'none', 'important')\n        dialog.classList.add('is-visible')\n        void dialog.offsetWidth\n        if (transition) {\n          dialog.style.setProperty('transition', transition, transitionPriority)\n        } else {\n          dialog.style.removeProperty('transition')\n        }\n        openFrame = requestAnimationFrame(() => {\n          openFrame = undefined\n          if (!isClosing || ctx.isOpen() || !dialog.open) return\n          startClosingTransition(dialog)\n        })\n      })\n    }\n\n    // jsdom 的选择器引擎不认识 :modal（可能抛错）；抛错按「不在 top layer」处理，\n    // reconcile 随之走 close+showModal 的收敛路径，行为仍正确。\n    const isInTopLayer = (dialog: HTMLDialogElement): boolean => {\n      try {\n        return dialog.matches(':modal')\n      } catch {\n        return false\n      }\n    }\n\n    return {\n      sync(open) {\n        if (open) startOpening()\n        else startClosing()\n      },\n\n      reconcile() {\n        const dialog = ctx.getDialog()\n        if (!dialog) return\n\n        if (!ctx.isOpen()) {\n          // 宿主在断连期间被置为关闭（或关闭动画被 disconnect 打断）：\n          // updated() 在断连时被跳过，inner dialog 可能仍残留 open 属性与\n          // is-visible/is-closing class，补一次强制收敛到关闭态。\n          cancelOpenFrame()\n          clearCloseFallback()\n          isClosing = false\n          if (dialog.open) {\n            selfClosePending = true\n            dialog.close()\n          }\n          dialog.classList.remove('is-closing', 'is-visible')\n          return\n        }\n\n        // 打开态重挂载：open 属性残留但已脱离 top layer 时，必须先真关闭再重开。\n        if (dialog.open && !isInTopLayer(dialog)) {\n          selfClosePending = true\n          dialog.close()\n        }\n        startOpening()\n      },\n\n      handleTransitionEnd(event) {\n        if (event.target !== ctx.getDialog() || event.propertyName !== 'transform') return\n        finishClosing()\n      },\n\n      handleNativeClose() {\n        if (selfClosePending) {\n          // 我们自己的 dialog.close() 排队的事件：正常时序在本会话内到达、快速重开\n          // 时是上一会话的过期事件——两种情况本模块都已在 finishClosing 完成全部清理，\n          // 消费标志并让调用方跳过外部关闭处理即可。\n          selfClosePending = false\n          return true\n        }\n        // 真实的外部关闭：重置打开/关闭状态，等待消费方恢复（如 open=false）。\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        ctx.getDialog()?.classList.remove('is-closing', 'is-visible')\n        return false\n      },\n\n      dispose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        selfClosePending = false\n      }\n    }\n  })\n"],"mappings":"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"}

package/dist/shared/overlay/nested-drawer-layers.js

@@ -1,12 +1,19 @@
 import { definePlugin as e } from "@greypan/js-kit";
 //#region src/shared/overlay/nested-drawer-layers.ts
-var t = "--wui-internal-drawer-nested-depth", n = .95, r = 12, i = /* @__PURE__ */ new Set(), a = !1;
-function o() {
+var t = "--wui-internal-drawer-nested-depth", n = .95, r = "--wui-drawer-nested-peek-base", i = 43.2, a = "(width <= 640px)", o = /* @__PURE__ */ new Set(), s = !1, c = null;
+function l(e) {
+	let t = getComputedStyle(e).getPropertyValue(r), n = Number.parseFloat(t);
+	return Number.isFinite(n) ? n : i;
+}
+function u() {
+	o.size > 0 && d();
+}
+function d() {
 	let e = [];
-	for (let t of i) {
+	for (let t of o) {
 		let n = t.dialog;
 		if (!n.isConnected || !n.open) {
-			i.delete(t);
+			o.delete(t);
 			continue;
 		}
 		let r = t.placement() === "left" || t.placement() === "right" ? n.offsetWidth : n.offsetHeight;
@@ -16,43 +23,43 @@ function o() {
 			size: r
 		});
 	}
-	let a = e.length;
-	for (let i = 0; i < a; i++) {
-		let { dialog: o, size: s } = e[i], c = a - 1 - i, l = n ** +c, u = s * (1 - l) / 2, d = 0;
-		for (let t = i + 1; t < a; t++) e[t].size > d && (d = e[t].size);
-		let f = Math.max(0, d - s), p = c > 0 ? u + f + c * r : 0;
-		o.style.setProperty(t, String(c)), o.style.setProperty("--wui-internal-drawer-nested-scale", l.toFixed(4)), o.style.setProperty("--wui-internal-drawer-nested-shift", `${p.toFixed(2)}px`), c > 0 ? o.classList.add("is-nested-lower") : o.classList.remove("is-nested-lower");
+	let r = e.length;
+	for (let i = 0; i < r; i++) {
+		let { dialog: a, size: o } = e[i], s = r - 1 - i, c = n ** +s, u = o * (1 - c) / 2, d = 0;
+		for (let t = i + 1; t < r; t++) e[t].size > d && (d = e[t].size);
+		let f = Math.max(0, d - o), p = l(a) * Math.log(s + 1), m = s > 0 ? u + f + p : 0;
+		a.style.setProperty(t, String(s)), a.style.setProperty("--wui-internal-drawer-nested-scale", c.toFixed(4)), a.style.setProperty("--wui-internal-drawer-nested-shift", `${m.toFixed(2)}px`), s > 0 ? a.classList.add("is-nested-lower") : a.classList.remove("is-nested-lower");
 	}
 }
-function s(e) {
-	e.target instanceof HTMLDialogElement && i.size > 0 && o();
+function f(e) {
+	e.target instanceof HTMLDialogElement && o.size > 0 && d();
 }
-function c() {
-	a ||= (document.addEventListener("close", s, !0), !0);
+function p() {
+	s ||= (document.addEventListener("close", f, !0), typeof window.matchMedia == "function" && (c = window.matchMedia(a), c.addEventListener("change", u)), !0);
 }
-var l = () => e((e) => ({
+var m = () => e((e) => ({
 	register() {
 		let t = e.getDialog();
 		if (t) {
-			for (let e of i) e.dialog === t && i.delete(e);
-			c(), i.add({
+			for (let e of o) e.dialog === t && o.delete(e);
+			p(), o.add({
 				dialog: t,
 				placement: () => e.getPlacement()
-			}), o();
+			}), d();
 		}
 	},
 	unregister() {
 		let t = e.getDialog();
-		for (let e of i) e.dialog === t && i.delete(e);
-		i.size > 0 && o();
+		for (let e of o) e.dialog === t && o.delete(e);
+		o.size > 0 && d();
 	},
 	dispose() {
 		let t = e.getDialog();
-		for (let e of i) e.dialog === t && i.delete(e);
-		i.size === 0 && a && (document.removeEventListener("close", s, !0), a = !1);
+		for (let e of o) e.dialog === t && o.delete(e);
+		o.size === 0 && s && (document.removeEventListener("close", f, !0), c?.removeEventListener("change", u), c = null, s = !1);
 	}
 }));
 //#endregion
-export { l as defineNestedDrawerLayers };
+export { i as NESTED_PEEK_BASE_FALLBACK, r as PEEK_BASE_VARIABLE, m as defineNestedDrawerLayers };
 
 //# sourceMappingURL=nested-drawer-layers.js.map

package/dist/shared/overlay/nested-drawer-layers.js.map

@@ -1 +1 @@
-{"version":3,"file":"nested-drawer-layers.js","names":[],"sources":["../../../src/shared/overlay/nested-drawer-layers.ts"],"sourcesContent":["/*\n * Nested drawer 层序管理：\n * 每打开一层 modal drawer，其下所有已打开的 drawer 按 0.95^n 缩放并向\n * 屏幕内侧平移，在顶层抽屉后方露出阶梯式卡片边缘（peeking edge）；顶层全尺寸。\n *\n * 层序来源是原生 top layer 本身：depth = 在自身 showModal 之前已打开的\n * modal dialog 数。上层关闭通过 document 捕获阶段的 `close` 事件感知\n * （原生 close 事件不冒泡，但捕获阶段在 document 上可观察所有 target），\n * 底层重算 depth 后由 CSS transition 平滑回弹。\n *\n * 视觉规格：\n * - scale = 0.95^depth\n * - shift = shrink + depth * 12px（向屏幕内侧偏移，露出阶梯卡片边缘）\n * - 过渡 transform 450ms cubic-bezier(0.22, 1, 0.36, 1)\n *\n * 拖拽与释放后的收尾期间 JS 直接写 dialog.style.transform（优先级高于本机制的\n * CSS 变量组合），顶层才有拖拽，故无冲突。\n */\n\nimport { definePlugin } from '@greypan/js-kit'\n\nconst DEPTH_VARIABLE = '--wui-internal-drawer-nested-depth'\nconst NESTED_SCALE = 0.95\nconst NESTED_PEEK_OFFSET = 12\n\ninterface NestedDrawerEntry {\n  dialog: HTMLDialogElement\n  placement: () => 'right' | 'left' | 'top' | 'bottom'\n}\n\nconst entries = new Set<NestedDrawerEntry>()\n\nlet documentListenerAttached = false\n\nfunction applyLayers() {\n  const openEntries: Array<{\n    entry: NestedDrawerEntry\n    dialog: HTMLDialogElement\n    size: number\n  }> = []\n\n  for (const entry of entries) {\n    const dialog = entry.dialog\n    if (!dialog.isConnected || !dialog.open) {\n      entries.delete(entry)\n      continue\n    }\n    const size =\n      entry.placement() === 'left' || entry.placement() === 'right' ? dialog.offsetWidth : dialog.offsetHeight\n    openEntries.push({ entry, dialog, size })\n  }\n\n  const total = openEntries.length\n  for (let i = 0; i < total; i++) {\n    const { dialog, size } = openEntries[i]\n    // 注册顺序：先打开的在前 (index 小)，后打开的在后 (index 大)。\n    // depth = 在我之后打开的 drawer 数量 = (total - 1) - i\n    const depth = total - 1 - i\n    const scale = Math.pow(NESTED_SCALE, depth)\n    const shrink = (size * (1 - scale)) / 2\n\n    // 检查所有排在我之后的上层 drawer 的最大尺寸（若上层更宽，补偿宽度差确保露边）\n    let aboveMaxSize = 0\n    for (let j = i + 1; j < total; j++) {\n      if (openEntries[j].size > aboveMaxSize) {\n        aboveMaxSize = openEntries[j].size\n      }\n    }\n    const sizeDiff = Math.max(0, aboveMaxSize - size)\n    const shift = depth > 0 ? shrink + sizeDiff + depth * NESTED_PEEK_OFFSET : 0\n\n    dialog.style.setProperty(DEPTH_VARIABLE, String(depth))\n    dialog.style.setProperty('--wui-internal-drawer-nested-scale', scale.toFixed(4))\n    dialog.style.setProperty('--wui-internal-drawer-nested-shift', `${shift.toFixed(2)}px`)\n    if (depth > 0) {\n      dialog.classList.add('is-nested-lower')\n    } else {\n      dialog.classList.remove('is-nested-lower')\n    }\n  }\n}\n\nfunction handleAnyDialogClose(event: Event) {\n  if (!(event.target instanceof HTMLDialogElement)) return\n  // 上层（或任意层）关闭后，重算所有存活 drawer 的 depth。\n  if (entries.size > 0) applyLayers()\n}\n\nfunction ensureDocumentListener() {\n  if (documentListenerAttached) return\n  document.addEventListener('close', handleAnyDialogClose, true)\n  documentListenerAttached = true\n}\n\nexport interface NestedDrawerLayerOptions {\n  getDialog(): HTMLDialogElement | null\n  getPlacement(): 'right' | 'left' | 'top' | 'bottom'\n}\n\nexport interface NestedDrawerLayerApi {\n  /** dialog 进入 top layer（打开动画就绪）后调用，纳入层序管理。 */\n  register(): void\n  /** 关闭流程开始时调用：移出层序并触发底层回弹。 */\n  unregister(): void\n  dispose(): void\n}\n\nexport const defineNestedDrawerLayers = () =>\n  definePlugin<NestedDrawerLayerApi, NestedDrawerLayerOptions>(ctx => ({\n    register() {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      // 幂等保护：重挂载对账与 updated() 的 open 分支可能对同一 dialog 先后各调\n      // 一次 register，重复条目会让 applyLayers 把同一层计两次。\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      ensureDocumentListener()\n      entries.add({ dialog, placement: () => ctx.getPlacement() })\n      applyLayers()\n    },\n\n    unregister() {\n      const dialog = ctx.getDialog()\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      // 移除后重算剩余层（顶层关闭 → 次层回到 depth 0）。\n      if (entries.size > 0) applyLayers()\n    },\n\n    dispose() {\n      const dialog = ctx.getDialog()\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      if (entries.size === 0 && documentListenerAttached) {\n        document.removeEventListener('close', handleAnyDialogClose, true)\n        documentListenerAttached = false\n      }\n    }\n  }))\n"],"mappings":";;AAqBA,IAAM,IAAiB,sCACjB,IAAe,KACf,IAAqB,IAOrB,oBAAU,IAAI,IAAuB,GAEvC,IAA2B;AAE/B,SAAS,IAAc;CACrB,IAAM,IAID,CAAC;CAEN,KAAK,IAAM,KAAS,GAAS;EAC3B,IAAM,IAAS,EAAM;EACrB,IAAI,CAAC,EAAO,eAAe,CAAC,EAAO,MAAM;GACvC,EAAQ,OAAO,CAAK;GACpB;EACF;EACA,IAAM,IACJ,EAAM,UAAU,MAAM,UAAU,EAAM,UAAU,MAAM,UAAU,EAAO,cAAc,EAAO;EAC9F,EAAY,KAAK;GAAE;GAAO;GAAQ;EAAK,CAAC;CAC1C;CAEA,IAAM,IAAQ,EAAY;CAC1B,KAAK,IAAI,IAAI,GAAG,IAAI,GAAO,KAAK;EAC9B,IAAM,EAAE,WAAQ,YAAS,EAAY,IAG/B,IAAQ,IAAQ,IAAI,GACpB,IAAiB,MAAc,GAC/B,IAAU,KAAQ,IAAI,KAAU,GAGlC,IAAe;EACnB,KAAK,IAAI,IAAI,IAAI,GAAG,IAAI,GAAO,KAC7B,AAAI,EAAY,EAAE,CAAC,OAAO,MACxB,IAAe,EAAY,EAAE,CAAC;EAGlC,IAAM,IAAW,KAAK,IAAI,GAAG,IAAe,CAAI,GAC1C,IAAQ,IAAQ,IAAI,IAAS,IAAW,IAAQ,IAAqB;EAK3E,AAHA,EAAO,MAAM,YAAY,GAAgB,OAAO,CAAK,CAAC,GACtD,EAAO,MAAM,YAAY,sCAAsC,EAAM,QAAQ,CAAC,CAAC,GAC/E,EAAO,MAAM,YAAY,sCAAsC,GAAG,EAAM,QAAQ,CAAC,EAAE,GAAG,GAClF,IAAQ,IACV,EAAO,UAAU,IAAI,iBAAiB,IAEtC,EAAO,UAAU,OAAO,iBAAiB;CAE7C;AACF;AAEA,SAAS,EAAqB,GAAc;CACpC,EAAM,kBAAkB,qBAE1B,EAAQ,OAAO,KAAG,EAAY;AACpC;AAEA,SAAS,IAAyB;CAC5B,AAEJ,OADA,SAAS,iBAAiB,SAAS,GAAsB,EAAI,GAClC;AAC7B;AAeA,IAAa,UACX,GAA6D,OAAQ;CACnE,WAAW;EACT,IAAM,IAAS,EAAI,UAAU;EACxB,OAGL;QAAK,IAAM,KAAS,GAClB,AAAI,EAAM,WAAW,KAAQ,EAAQ,OAAO,CAAK;GAInD,AAFA,EAAuB,GACvB,EAAQ,IAAI;IAAE;IAAQ,iBAAiB,EAAI,aAAa;GAAE,CAAC,GAC3D,EAAY;EAJuC;CAKrD;CAEA,aAAa;EACX,IAAM,IAAS,EAAI,UAAU;EAC7B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,WAAW,KAAQ,EAAQ,OAAO,CAAK;EAGnD,AAAI,EAAQ,OAAO,KAAG,EAAY;CACpC;CAEA,UAAU;EACR,IAAM,IAAS,EAAI,UAAU;EAC7B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,WAAW,KAAQ,EAAQ,OAAO,CAAK;EAEnD,AAAI,EAAQ,SAAS,KAAK,MACxB,SAAS,oBAAoB,SAAS,GAAsB,EAAI,GAChE,IAA2B;CAE/B;AACF,EAAE"}
+{"version":3,"file":"nested-drawer-layers.js","names":[],"sources":["../../../src/shared/overlay/nested-drawer-layers.ts"],"sourcesContent":["/*\n * Nested drawer 层序管理：\n * 每打开一层 modal drawer，其下所有已打开的 drawer 按 0.95^n 缩放并向\n * 屏幕内侧平移，在顶层抽屉后方露出阶梯式卡片边缘（peeking edge）；顶层全尺寸。\n *\n * 层序来源是原生 top layer 本身：depth = 在自身 showModal 之前已打开的\n * modal dialog 数。上层关闭通过 document 捕获阶段的 `close` 事件感知\n * （原生 close 事件不冒泡，但捕获阶段在 document 上可观察所有 target），\n * 底层重算 depth 后由 CSS transition 平滑回弹。\n *\n * 视觉规格：\n * - scale = 0.95^depth\n * - 堆叠总宽度随层数按对数曲线增长：T(n) = base · ln(n)。\n *   shift = shrink + sizeDiff + base · ln(depth + 1)（向屏幕内侧偏移，露出阶梯卡片边缘）。\n *   ln(1) = 0，单层不受影响；层数越多每层新增的露边越少，堆叠总宽不随层数线性膨胀。\n *   base 读自公开 token `--wui-drawer-nested-peek-base`（注册项的 initialValue 是桌面\n *   基准的唯一真相源，窄视口基准由 drawer 的媒体查询覆盖），消费方可整体改写层叠观感。\n * - 过渡 transform 450ms cubic-bezier(0.22, 1, 0.36, 1)\n *\n * 拖拽与释放后的收尾期间 JS 直接写 dialog.style.transform（优先级高于本机制的\n * CSS 变量组合），顶层才有拖拽，故无冲突。\n */\n\nimport { definePlugin } from '@greypan/js-kit'\n\nconst DEPTH_VARIABLE = '--wui-internal-drawer-nested-depth'\nconst NESTED_SCALE = 0.95\nexport const PEEK_BASE_VARIABLE = '--wui-drawer-nested-peek-base'\n/*\n * 注册项 initialValue 的镜像，**不是**第二真相源：真实基准由 drawer/index.ts 的\n * `CSS.registerProperty` 决定，浏览器里 computed style 永远有值，走不到这个兜底。\n * 保留它只为 jsdom——那里没有 registerProperty，getComputedStyle 返回空串，\n * 层序数学仍需要有定义的基准。浏览器 spec 有一条断言把两者钉在一起，防止漂移。\n */\nexport const NESTED_PEEK_BASE_FALLBACK = 43.2\n/*\n * 与 drawer/style.css 里 `@media (width <= 640px)` 同一条断点：跨越断点时媒体查询会\n * 换掉基准，已打开的堆叠要重算，否则会停留在旧断点的露边宽度上。\n */\nconst NESTED_PEEK_BASE_QUERY = '(width <= 640px)'\n\ninterface NestedDrawerEntry {\n  dialog: HTMLDialogElement\n  placement: () => 'right' | 'left' | 'top' | 'bottom'\n}\n\nconst entries = new Set<NestedDrawerEntry>()\n\nlet documentListenerAttached = false\nlet peekBaseQuery: MediaQueryList | null = null\n\nfunction readPeekBase(dialog: HTMLDialogElement): number {\n  const raw = getComputedStyle(dialog).getPropertyValue(PEEK_BASE_VARIABLE)\n  const parsed = Number.parseFloat(raw)\n  return Number.isFinite(parsed) ? parsed : NESTED_PEEK_BASE_FALLBACK\n}\n\nfunction handlePeekBaseChange() {\n  if (entries.size > 0) applyLayers()\n}\n\nfunction applyLayers() {\n  const openEntries: Array<{\n    entry: NestedDrawerEntry\n    dialog: HTMLDialogElement\n    size: number\n  }> = []\n\n  for (const entry of entries) {\n    const dialog = entry.dialog\n    if (!dialog.isConnected || !dialog.open) {\n      entries.delete(entry)\n      continue\n    }\n    const size =\n      entry.placement() === 'left' || entry.placement() === 'right' ? dialog.offsetWidth : dialog.offsetHeight\n    openEntries.push({ entry, dialog, size })\n  }\n\n  const total = openEntries.length\n  for (let i = 0; i < total; i++) {\n    const { dialog, size } = openEntries[i]\n    // 注册顺序：先打开的在前 (index 小)，后打开的在后 (index 大)。\n    // depth = 在我之后打开的 drawer 数量 = (total - 1) - i\n    const depth = total - 1 - i\n    const scale = Math.pow(NESTED_SCALE, depth)\n    const shrink = (size * (1 - scale)) / 2\n\n    // 检查所有排在我之后的上层 drawer 的最大尺寸（若上层更宽，补偿宽度差确保露边）\n    let aboveMaxSize = 0\n    for (let j = i + 1; j < total; j++) {\n      if (openEntries[j].size > aboveMaxSize) {\n        aboveMaxSize = openEntries[j].size\n      }\n    }\n    const sizeDiff = Math.max(0, aboveMaxSize - size)\n    // 逐层读基准：消费方可以给某一层单独换基准，不必所有层共用一个值。\n    const peek = readPeekBase(dialog) * Math.log(depth + 1)\n    // depth 0 显式归零：单层抽屉的偏移不依赖 ln(1) 的浮点结果，也不依赖基准是否被改写。\n    const shift = depth > 0 ? shrink + sizeDiff + peek : 0\n\n    dialog.style.setProperty(DEPTH_VARIABLE, String(depth))\n    dialog.style.setProperty('--wui-internal-drawer-nested-scale', scale.toFixed(4))\n    dialog.style.setProperty('--wui-internal-drawer-nested-shift', `${shift.toFixed(2)}px`)\n    if (depth > 0) {\n      dialog.classList.add('is-nested-lower')\n    } else {\n      dialog.classList.remove('is-nested-lower')\n    }\n  }\n}\n\nfunction handleAnyDialogClose(event: Event) {\n  if (!(event.target instanceof HTMLDialogElement)) return\n  // 上层（或任意层）关闭后，重算所有存活 drawer 的 depth。\n  if (entries.size > 0) applyLayers()\n}\n\nfunction ensureDocumentListener() {\n  if (documentListenerAttached) return\n  document.addEventListener('close', handleAnyDialogClose, true)\n  // jsdom 等无 matchMedia 的环境：媒体查询换不掉基准，但打开/关闭路径仍会重算。\n  if (typeof window.matchMedia === 'function') {\n    peekBaseQuery = window.matchMedia(NESTED_PEEK_BASE_QUERY)\n    peekBaseQuery.addEventListener('change', handlePeekBaseChange)\n  }\n  documentListenerAttached = true\n}\n\nexport interface NestedDrawerLayerOptions {\n  getDialog(): HTMLDialogElement | null\n  getPlacement(): 'right' | 'left' | 'top' | 'bottom'\n}\n\nexport interface NestedDrawerLayerApi {\n  /** dialog 进入 top layer（打开动画就绪）后调用，纳入层序管理。 */\n  register(): void\n  /** 关闭流程开始时调用：移出层序并触发底层回弹。 */\n  unregister(): void\n  dispose(): void\n}\n\nexport const defineNestedDrawerLayers = () =>\n  definePlugin<NestedDrawerLayerApi, NestedDrawerLayerOptions>(ctx => ({\n    register() {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      // 幂等保护：重挂载对账与 updated() 的 open 分支可能对同一 dialog 先后各调\n      // 一次 register，重复条目会让 applyLayers 把同一层计两次。\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      ensureDocumentListener()\n      entries.add({ dialog, placement: () => ctx.getPlacement() })\n      applyLayers()\n    },\n\n    unregister() {\n      const dialog = ctx.getDialog()\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      // 移除后重算剩余层（顶层关闭 → 次层回到 depth 0）。\n      if (entries.size > 0) applyLayers()\n    },\n\n    dispose() {\n      const dialog = ctx.getDialog()\n      for (const entry of entries) {\n        if (entry.dialog === dialog) entries.delete(entry)\n      }\n      if (entries.size === 0 && documentListenerAttached) {\n        document.removeEventListener('close', handleAnyDialogClose, true)\n        peekBaseQuery?.removeEventListener('change', handlePeekBaseChange)\n        peekBaseQuery = null\n        documentListenerAttached = false\n      }\n    }\n  }))\n"],"mappings":"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"}

package/dist/shared/scroll-lock/scroll-lock.js

@@ -1,11 +1,11 @@
 import { definePlugin as e } from "@greypan/js-kit";
 //#region src/shared/scroll-lock/scroll-lock.ts
-var t = 0, n = "", r = 0;
+var t = 0, n = "", r = "";
 function i() {
-	t === 0 && (r = window.scrollY, n = document.documentElement.style.overflow, document.documentElement.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${r}px`, document.body.style.width = "100%"), t++;
+	t === 0 && (n = document.documentElement.style.overflow, r = document.documentElement.style.overscrollBehavior, document.documentElement.style.overflow = "hidden", document.documentElement.style.overscrollBehavior = "none"), t++;
 }
 function a() {
-	t = Math.max(0, t - 1), t === 0 && (document.documentElement.style.overflow = n, document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, r));
+	t = Math.max(0, t - 1), t === 0 && (document.documentElement.style.overflow = n, document.documentElement.style.overscrollBehavior = r);
 }
 var o = () => e(() => {
 	let e = !1, t = (t) => {

package/dist/shared/scroll-lock/scroll-lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-lock.js","names":[],"sources":["../../../src/shared/scroll-lock/scroll-lock.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nlet lockCount = 0\nlet savedOverflow = ''\nlet savedScrollY = 0\n\nexport interface ScrollLockLease {\n  readonly isLocked: boolean\n  sync(shouldLock: boolean): void\n  release(): void\n}\n\n/**\n * 锁定页面滚动。支持嵌套调用（引用计数），仅在最后一个锁释放时恢复。\n */\nexport function lockScroll() {\n  if (lockCount === 0) {\n    savedScrollY = window.scrollY\n    savedOverflow = document.documentElement.style.overflow\n    document.documentElement.style.overflow = 'hidden'\n    // 固定 body 防止 iOS 弹性滚动\n    document.body.style.position = 'fixed'\n    document.body.style.top = `-${savedScrollY}px`\n    document.body.style.width = '100%'\n  }\n  lockCount++\n}\n\n/**\n * 解锁页面滚动。与 lockScroll 配对，引用归零时恢复。\n */\nexport function unlockScroll() {\n  lockCount = Math.max(0, lockCount - 1)\n  if (lockCount === 0) {\n    document.documentElement.style.overflow = savedOverflow\n    document.body.style.position = ''\n    document.body.style.top = ''\n    document.body.style.width = ''\n    window.scrollTo(0, savedScrollY)\n  }\n}\n\n/**\n * 构建组件实例持有的滚动锁租约。每个租约仅释放自身获得的那一次锁，\n * 因此卸载、属性切换和嵌套浮层不会互相影响。\n */\nexport const defineScrollLockLease = () =>\n  definePlugin<ScrollLockLease, Record<never, never>>(() => {\n    let isLocked = false\n\n    const sync = (shouldLock: boolean) => {\n      if (shouldLock === isLocked) return\n      if (shouldLock) lockScroll()\n      else unlockScroll()\n      isLocked = shouldLock\n    }\n\n    return {\n      get isLocked() {\n        return isLocked\n      },\n\n      sync,\n\n      release() {\n        sync(false)\n      }\n    }\n  })\n"],"mappings":";;AAEA,IAAI,IAAY,GACZ,IAAgB,IAChB,IAAe;AAWnB,SAAgB,IAAa;CAU3B,AATI,MAAc,MAChB,IAAe,OAAO,SACtB,IAAgB,SAAS,gBAAgB,MAAM,UAC/C,SAAS,gBAAgB,MAAM,WAAW,UAE1C,SAAS,KAAK,MAAM,WAAW,SAC/B,SAAS,KAAK,MAAM,MAAM,IAAI,EAAa,KAC3C,SAAS,KAAK,MAAM,QAAQ,SAE9B;AACF;AAKA,SAAgB,IAAe;CAE7B,AADA,IAAY,KAAK,IAAI,GAAG,IAAY,CAAC,GACjC,MAAc,MAChB,SAAS,gBAAgB,MAAM,WAAW,GAC1C,SAAS,KAAK,MAAM,WAAW,IAC/B,SAAS,KAAK,MAAM,MAAM,IAC1B,SAAS,KAAK,MAAM,QAAQ,IAC5B,OAAO,SAAS,GAAG,CAAY;AAEnC;AAMA,IAAa,UACX,QAA0D;CACxD,IAAI,IAAW,IAET,KAAQ,MAAwB;EAChC,MAAe,MACf,IAAY,EAAW,IACtB,EAAa,GAClB,IAAW;CACb;CAEA,OAAO;EACL,IAAI,WAAW;GACb,OAAO;EACT;EAEA;EAEA,UAAU;GACR,EAAK,EAAK;EACZ;CACF;AACF,CAAC"}
+{"version":3,"file":"scroll-lock.js","names":[],"sources":["../../../src/shared/scroll-lock/scroll-lock.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nlet lockCount = 0\nlet savedOverflow = ''\nlet savedOverscroll = ''\n\nexport interface ScrollLockLease {\n  readonly isLocked: boolean\n  sync(shouldLock: boolean): void\n  release(): void\n}\n\n/**\n * 锁定页面滚动。支持嵌套调用（引用计数），仅在最后一个锁释放时恢复。\n *\n * 只改 `documentElement` 的 `overflow` 和 `overscroll-behavior`，body 始终留在文档流内。\n * 改用 `body { position: fixed }` + `top: -scrollY` 会让 body 脱离文档流：\n * `documentElement.scrollHeight` 随之塌缩、`window.scrollY` 被归零，\n * 按窗口偏移定位的虚拟列表因此渲染出第 0 行却仍带旧的 `top` 偏移，表现为整屏空白。\n *\n * 阻止滚动本身（`overflow`）与抑制橡皮筋/下拉刷新（`overscroll-behavior`）是两件事：\n * 旧实现用 fixed body 同时覆盖两者，现在拆成两个根元素属性。macOS 已实测\n * `overscroll-behavior: none` 有效；iOS 侧尚无真机证据，属待验收项。\n */\nexport function lockScroll() {\n  if (lockCount === 0) {\n    savedOverflow = document.documentElement.style.overflow\n    savedOverscroll = document.documentElement.style.overscrollBehavior\n    document.documentElement.style.overflow = 'hidden'\n    document.documentElement.style.overscrollBehavior = 'none'\n  }\n  lockCount++\n}\n\n/**\n * 解锁页面滚动。与 lockScroll 配对，引用归零时恢复。\n */\nexport function unlockScroll() {\n  lockCount = Math.max(0, lockCount - 1)\n  if (lockCount === 0) {\n    document.documentElement.style.overflow = savedOverflow\n    document.documentElement.style.overscrollBehavior = savedOverscroll\n  }\n}\n\n/**\n * 构建组件实例持有的滚动锁租约。每个租约仅释放自身获得的那一次锁，\n * 因此卸载、属性切换和嵌套浮层不会互相影响。\n */\nexport const defineScrollLockLease = () =>\n  definePlugin<ScrollLockLease, Record<never, never>>(() => {\n    let isLocked = false\n\n    const sync = (shouldLock: boolean) => {\n      if (shouldLock === isLocked) return\n      if (shouldLock) lockScroll()\n      else unlockScroll()\n      isLocked = shouldLock\n    }\n\n    return {\n      get isLocked() {\n        return isLocked\n      },\n\n      sync,\n\n      release() {\n        sync(false)\n      }\n    }\n  })\n"],"mappings":";;AAEA,IAAI,IAAY,GACZ,IAAgB,IAChB,IAAkB;AAoBtB,SAAgB,IAAa;CAO3B,AANI,MAAc,MAChB,IAAgB,SAAS,gBAAgB,MAAM,UAC/C,IAAkB,SAAS,gBAAgB,MAAM,oBACjD,SAAS,gBAAgB,MAAM,WAAW,UAC1C,SAAS,gBAAgB,MAAM,qBAAqB,SAEtD;AACF;AAKA,SAAgB,IAAe;CAE7B,AADA,IAAY,KAAK,IAAI,GAAG,IAAY,CAAC,GACjC,MAAc,MAChB,SAAS,gBAAgB,MAAM,WAAW,GAC1C,SAAS,gBAAgB,MAAM,qBAAqB;AAExD;AAMA,IAAa,UACX,QAA0D;CACxD,IAAI,IAAW,IAET,KAAQ,MAAwB;EAChC,MAAe,MACf,IAAY,EAAW,IACtB,EAAa,GAClB,IAAW;CACb;CAEA,OAAO;EACL,IAAI,WAAW;GACb,OAAO;EACT;EAEA;EAEA,UAAU;GACR,EAAK,EAAK;EACZ;CACF;AACF,CAAC"}