@greypan/web-ui 11.2.0 → 12.0.0

package/dist/shared/option-portal/combobox-shell.js

@@ -1,84 +1,149 @@
-import { definePlugin as e } from "@greypan/js-kit";
-//#region src/shared/option-portal/combobox-shell.ts
-function t(e) {
-	function t(t = !1) {
-		e.canOpen() === !1 || e.getIsOpen() || (e.setIsOpen(!0), e.dispatchOpenChange(), e.onOpen?.(t), e.syncScrollLock(!0), e.isPortal() ? requestAnimationFrame(() => {
-			e.getIsOpen() && e.openOverlay(t);
-		}) : e.openOverlay(t));
+import { definePlugin } from "@greypan/js-kit";
+// src/shared/option-portal/combobox-shell.ts
+function createComboboxOpenController(hooks) {
+	function open(isKeyboardNavigation = false) {
+		if (hooks.canOpen() === false || hooks.getIsOpen()) return;
+		hooks.setIsOpen(true);
+		hooks.dispatchOpenChange();
+		hooks.onOpen?.(isKeyboardNavigation);
+		hooks.syncScrollLock(true);
+		if (hooks.isPortal()) requestAnimationFrame(() => {
+			if (hooks.getIsOpen()) hooks.openOverlay(isKeyboardNavigation);
+		});
+		else hooks.openOverlay(isKeyboardNavigation);
 	}
-	function n() {
-		e.getIsOpen() && (e.onBeforeClose?.(), e.setIsOpen(!1), e.dispatchOpenChange(), e.onAfterClose?.(), e.syncScrollLock(!1), e.closeOverlay());
+	function close() {
+		if (!hooks.getIsOpen()) return;
+		hooks.onBeforeClose?.();
+		hooks.setIsOpen(false);
+		hooks.dispatchOpenChange();
+		hooks.onAfterClose?.();
+		hooks.syncScrollLock(false);
+		hooks.closeOverlay();
 	}
 	return {
-		open: t,
-		close: n
+		open,
+		close
 	};
 }
-var n = () => e((e) => {
-	let t = null, n = () => e.getCustomTrigger() ?? e.getFallbackTrigger() ?? null, r = (e) => {
-		let t = e?.value;
-		return typeof t == "string" ? t : null;
-	}, i = (e, t) => {
-		let n = e.target;
-		return !!t && n instanceof Node && (n === t || t.contains(n));
-	}, a = (t) => {
-		let a = n();
-		if (!i(t, a)) return;
-		let o = r(a);
-		o !== null && e.onInput(o);
-	}, o = (e) => {
-		i(e, n()) && e.stopPropagation();
-	}, s = () => e.onClick(), c = (t) => e.onFocusIn(t), l = (t) => e.onFocusOut(t);
+/**
+* combobox trigger 委托层（autocomplete）。
+*
+* 默认 trigger 是 shadow 内的 `web-ui-input`，自定义 trigger 由 `slot[name="trigger"]`
+* 提供（`web-ui-textarea` 等）。两者对组件暴露同一形状：字符串 value、可聚焦、
+* 派发 composed 的 input / click / focusin / focusout。委托层把这些差异收敛成一份接口：
+* 监听统一挂在包装 div 上（事件委托，覆盖 shadow 内与 light DOM 两条路径），
+* 文本读写只认 trigger host 的 value 属性。
+*
+* 焦点用 focusin/focusout 而非 focus/blur：后两者不冒泡，到不了包装 div
+* （实测：shadow 内默认 trigger 与 light DOM 自定义 trigger 都不触发包装 div 的 focus/blur）。
+*
+* trigger 自身派发的 change（web-ui-input/textarea 在原生 change 不 composed 时补发）
+* 必须被拦下：组件的 change 只表示「选中提交」，否则失焦即误报一次 change。
+*/
+const defineComboboxTrigger = () => definePlugin((source) => {
+	let boundWrapper = null;
+	const getTrigger = () => source.getCustomTrigger() ?? source.getFallbackTrigger() ?? null;
+	const readValue = (trigger) => {
+		const value = trigger?.value;
+		return typeof value === "string" ? value : null;
+	};
+	const isWithinTrigger = (event, trigger) => {
+		const target = event.target;
+		return !!trigger && target instanceof Node && (target === trigger || trigger.contains(target));
+	};
+	const onInput = (event) => {
+		const trigger = getTrigger();
+		if (!isWithinTrigger(event, trigger)) return;
+		const value = readValue(trigger);
+		if (value !== null) source.onInput(value);
+	};
+	const onNativeChange = (event) => {
+		if (isWithinTrigger(event, getTrigger())) event.stopPropagation();
+	};
+	const onClick = () => source.onClick();
+	const onFocusIn = (event) => source.onFocusIn(event);
+	const onFocusOut = (event) => source.onFocusOut(event);
 	return {
-		getTrigger: n,
-		getValue: () => r(n()),
-		setValue(e) {
-			let t = n(), i = r(t);
-			t && i !== null && i !== e && (t.value = e);
+		getTrigger,
+		getValue: () => readValue(getTrigger()),
+		setValue(value) {
+			const trigger = getTrigger();
+			const current = readValue(trigger);
+			if (!trigger || current === null || current === value) return;
+			trigger.value = value;
 		},
-		isMultilineEdit(e) {
-			return e.composedPath()[0] instanceof HTMLTextAreaElement;
+		isMultilineEdit(event) {
+			return event.composedPath()[0] instanceof HTMLTextAreaElement;
 		},
-		focusTrigger(e) {
-			n()?.focus(e);
+		focusTrigger(options) {
+			getTrigger()?.focus(options);
 		},
 		blurTrigger() {
-			n()?.blur();
+			getTrigger()?.blur();
 		},
 		bind() {
-			let n = e.getWrapper();
-			n && n !== t && (t = n, n.addEventListener("input", a), n.addEventListener("change", o), n.addEventListener("click", s), n.addEventListener("focusin", c), n.addEventListener("focusout", l));
+			const wrapper = source.getWrapper();
+			if (!wrapper || wrapper === boundWrapper) return;
+			boundWrapper = wrapper;
+			wrapper.addEventListener("input", onInput);
+			wrapper.addEventListener("change", onNativeChange);
+			wrapper.addEventListener("click", onClick);
+			wrapper.addEventListener("focusin", onFocusIn);
+			wrapper.addEventListener("focusout", onFocusOut);
 		},
 		dispose() {
-			let e = t;
-			t = null, e && (e.removeEventListener("input", a), e.removeEventListener("change", o), e.removeEventListener("click", s), e.removeEventListener("focusin", c), e.removeEventListener("focusout", l));
+			const wrapper = boundWrapper;
+			boundWrapper = null;
+			if (!wrapper) return;
+			wrapper.removeEventListener("input", onInput);
+			wrapper.removeEventListener("change", onNativeChange);
+			wrapper.removeEventListener("click", onClick);
+			wrapper.removeEventListener("focusin", onFocusIn);
+			wrapper.removeEventListener("focusout", onFocusOut);
 		}
 	};
 });
-function r(e) {
-	function t(t) {
-		t.addEventListener("click", e.onClick), t.addEventListener("pointerover", e.onPointerOver), t.addEventListener("pointerdown", e.onPointerDown), t.addEventListener("option-update", e.onUpdate);
+/** option 四事件监听对的绑定/解绑；两组件的 handler 签名一致，仅实现不同。 */
+function createOptionListenerBinding(handlers) {
+	function bind(option) {
+		option.addEventListener("click", handlers.onClick);
+		option.addEventListener("pointerover", handlers.onPointerOver);
+		option.addEventListener("pointerdown", handlers.onPointerDown);
+		option.addEventListener("option-update", handlers.onUpdate);
 	}
-	function n(t) {
-		t.removeEventListener("click", e.onClick), t.removeEventListener("pointerover", e.onPointerOver), t.removeEventListener("pointerdown", e.onPointerDown), t.removeEventListener("option-update", e.onUpdate);
+	function unbind(option) {
+		option.removeEventListener("click", handlers.onClick);
+		option.removeEventListener("pointerover", handlers.onPointerOver);
+		option.removeEventListener("pointerdown", handlers.onPointerDown);
+		option.removeEventListener("option-update", handlers.onUpdate);
 	}
 	return {
-		bind: t,
-		unbind: n
+		bind,
+		unbind
 	};
 }
-function i(e, t, n, r) {
+/**
+* focusout 关闭复核：焦点是否真的离开了宿主与 panel。
+* rAF 等待 click/pointerdown 相关的焦点迁移完成后再判定。
+*/
+function handleComboboxFocusOut(host, getHandle, getIsOpen, close) {
 	requestAnimationFrame(() => {
-		let i = t();
-		n() && !e.matches(":focus-within") && !i?.hasFocusWithin() && r();
+		const handle = getHandle();
+		if (getIsOpen() && !host.matches(":focus-within") && !handle?.hasFocusWithin()) close();
 	});
 }
-function a(e, t, n) {
-	if (e === 0) return -1;
-	let r = t + n;
-	return r < 0 && (r = e - 1), r >= e && (r = 0), r;
+/**
+* 环绕游标：在 enabled 列表内按 delta 移动；从 -1（无激活）向下取首项、向上取末项。
+* 返回在 enabled 中的下一索引；调用方负责换算回全量 options 索引。
+*/
+function nextWrappingIndex(enabledCount, currentIdx, delta) {
+	if (enabledCount === 0) return -1;
+	let nextIdx = currentIdx + delta;
+	if (nextIdx < 0) nextIdx = enabledCount - 1;
+	if (nextIdx >= enabledCount) nextIdx = 0;
+	return nextIdx;
 }
-//#endregion
-export { t as createComboboxOpenController, r as createOptionListenerBinding, n as defineComboboxTrigger, i as handleComboboxFocusOut, a as nextWrappingIndex };
+export { createComboboxOpenController, createOptionListenerBinding, defineComboboxTrigger, handleComboboxFocusOut, nextWrappingIndex };
 
 //# sourceMappingURL=combobox-shell.js.map

package/dist/shared/option-portal/combobox-shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-shell.js","names":[],"sources":["../../../src/shared/option-portal/combobox-shell.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { WebUiOption } from '@/components/option'\nimport type { OpenOverlayHandle } from '@/shared/overlay/open-overlay'\n\n/**\n * combobox 开合与 option 交互的共享骨架（select / autocomplete）。\n *\n * 与 option-portal 的边界约定一致：交互语义的\"差异点\"经回调注入，\n * 这里收口两组件逐行复制的生命周期不变量——\n * - open/close 状态迁移顺序：guard → 状态翻转 → open-change 派发 →\n *   激活钩子 → scroll-lock 配对 → portal 模式的 rAF 延迟 openOverlay\n * - close 路径：before-close 钩子（portal 内容先收敛）→ 激活清理 →\n *   scroll-lock 释放 → closeOverlay（关闭后使 portal 引用失效）\n * - option 四事件监听对的绑定/解绑\n * - focusout 的 rAF :focus-within 复核\n * - 键盘导航的环绕游标算法\n */\n\nexport interface ComboboxOpenHooks {\n  /** 是否允许打开（disabled / readonly 等由组件判断）。 */\n  canOpen(): boolean\n  getIsOpen(): boolean\n  setIsOpen(open: boolean): void\n  dispatchOpenChange(): void\n  syncScrollLock(open: boolean): void\n  /** 是否 portal 模式（决定 openOverlay 是否延迟到下一帧）。 */\n  isPortal(): boolean\n  openOverlay(isKeyboardNavigation: boolean): void\n  closeOverlay(): void\n  /** 打开时的激活项初始化（键盘导航取选中/首项，指针打开保留现状）。 */\n  onOpen?(isKeyboardNavigation: boolean): void\n  /** 关闭前钩子：autocomplete 需先把 light DOM 新增节点收敛进当前 portal content。 */\n  onBeforeClose?(): void\n  /** 关闭时清理激活状态（清 _activeIndex 与 active 属性）。 */\n  onAfterClose?(): void\n}\n\nexport interface ComboboxOpenController {\n  open(isKeyboardNavigation?: boolean): void\n  close(): void\n}\n\nexport function createComboboxOpenController(hooks: ComboboxOpenHooks): ComboboxOpenController {\n  function open(isKeyboardNavigation = false) {\n    if (hooks.canOpen() === false || hooks.getIsOpen()) return\n    hooks.setIsOpen(true)\n    hooks.dispatchOpenChange()\n    hooks.onOpen?.(isKeyboardNavigation)\n    hooks.syncScrollLock(true)\n    if (hooks.isPortal()) {\n      requestAnimationFrame(() => {\n        if (hooks.getIsOpen()) hooks.openOverlay(isKeyboardNavigation)\n      })\n    } else {\n      hooks.openOverlay(isKeyboardNavigation)\n    }\n  }\n\n  function close() {\n    if (!hooks.getIsOpen()) return\n    hooks.onBeforeClose?.()\n    hooks.setIsOpen(false)\n    hooks.dispatchOpenChange()\n    hooks.onAfterClose?.()\n    hooks.syncScrollLock(false)\n    hooks.closeOverlay()\n  }\n\n  return { open, close }\n}\n\nexport interface OptionListenerHandlers {\n  onClick: (event: Event) => void\n  onPointerOver: (event: PointerEvent) => void\n  onPointerDown: (event: PointerEvent) => void\n  onUpdate: () => void\n}\n\nexport interface ComboboxTriggerSource {\n  /** 持 ARIA 与委托监听的 trigger 包装 div（shadow 内）。 */\n  getWrapper(): HTMLElement | null\n  /** `slot[name=\"trigger\"]` 的首个 assigned 元素；无自定义 trigger 时为 null。 */\n  getCustomTrigger(): HTMLElement | null\n  /** 默认 trigger（shadow 内的 web-ui-input）；未渲染时为 null。 */\n  getFallbackTrigger(): HTMLElement | null\n}\n\nexport interface ComboboxTriggerHandlers {\n  /** trigger 文本变化；value 取自 trigger host 的字符串 value 属性。 */\n  onInput(value: string): void\n  /** 点击 trigger 区域（含包装 div 自身留白）。 */\n  onClick(): void\n  onFocusIn(event: FocusEvent): void\n  onFocusOut(event: FocusEvent): void\n}\n\nexport interface ComboboxTriggerApi {\n  /** 当前生效的 trigger host：自定义 trigger slot 首个 assigned 元素，否则默认 trigger。 */\n  getTrigger(): HTMLElement | null\n  /** trigger 当前文本；trigger 不暴露字符串 value 时返回 null。 */\n  getValue(): string | null\n  /** 回写文本；仅在文本 trigger 且值确实变化时写入，避免无谓重渲染。 */\n  setValue(value: string): void\n  /** 多行可编辑元素判定：Enter 保留换行语义，不接管为「选中高亮项」。 */\n  isMultilineEdit(event: KeyboardEvent): boolean\n  /**\n   * 程序化聚焦当前 trigger。组件自带 focus 重定向（web-ui-input/textarea）时落到\n   * 内部原生控件；自定义 trigger 没有该能力时，原生 focus() 聚焦 host 自身。\n   */\n  focusTrigger(options?: FocusOptions): void\n  /** 失焦当前 trigger，兜底语义同 focusTrigger。 */\n  blurTrigger(): void\n  /** 绑定包装 div 上的委托监听（幂等：包装 div 不变则跳过）。 */\n  bind(): void\n  dispose(): void\n}\n\n/**\n * combobox trigger 委托层（autocomplete）。\n *\n * 默认 trigger 是 shadow 内的 `web-ui-input`，自定义 trigger 由 `slot[name=\"trigger\"]`\n * 提供（`web-ui-textarea` 等）。两者对组件暴露同一形状：字符串 value、可聚焦、\n * 派发 composed 的 input / click / focusin / focusout。委托层把这些差异收敛成一份接口：\n * 监听统一挂在包装 div 上（事件委托，覆盖 shadow 内与 light DOM 两条路径），\n * 文本读写只认 trigger host 的 value 属性。\n *\n * 焦点用 focusin/focusout 而非 focus/blur：后两者不冒泡，到不了包装 div\n * （实测：shadow 内默认 trigger 与 light DOM 自定义 trigger 都不触发包装 div 的 focus/blur）。\n *\n * trigger 自身派发的 change（web-ui-input/textarea 在原生 change 不 composed 时补发）\n * 必须被拦下：组件的 change 只表示「选中提交」，否则失焦即误报一次 change。\n */\nexport const defineComboboxTrigger = () =>\n  definePlugin<ComboboxTriggerApi, ComboboxTriggerSource & ComboboxTriggerHandlers>(source => {\n    let boundWrapper: HTMLElement | null = null\n\n    const getTrigger = (): HTMLElement | null => source.getCustomTrigger() ?? source.getFallbackTrigger() ?? null\n\n    const readValue = (trigger: HTMLElement | null): string | null => {\n      const value = (trigger as (HTMLElement & { value?: unknown }) | null)?.value\n      return typeof value === 'string' ? value : null\n    }\n\n    // composed 事件在包装 div 上看到的是 trigger host（或其在 light DOM 内的后代）；\n    // 只有来自 trigger 内部的输入才计入，包装 div 上的其它内容不干扰。\n    const isWithinTrigger = (event: Event, trigger: HTMLElement | null): boolean => {\n      const target = event.target\n      return !!trigger && target instanceof Node && (target === trigger || trigger.contains(target))\n    }\n\n    const onInput = (event: Event) => {\n      const trigger = getTrigger()\n      if (!isWithinTrigger(event, trigger)) return\n      const value = readValue(trigger)\n      if (value !== null) source.onInput(value)\n    }\n\n    const onNativeChange = (event: Event) => {\n      if (isWithinTrigger(event, getTrigger())) event.stopPropagation()\n    }\n\n    const onClick = () => source.onClick()\n    const onFocusIn = (event: FocusEvent) => source.onFocusIn(event)\n    const onFocusOut = (event: FocusEvent) => source.onFocusOut(event)\n\n    return {\n      getTrigger,\n      getValue: () => readValue(getTrigger()),\n      setValue(value: string) {\n        const trigger = getTrigger()\n        const current = readValue(trigger)\n        if (!trigger || current === null || current === value) return\n        ;(trigger as HTMLElement & { value: string }).value = value\n      },\n      isMultilineEdit(event: KeyboardEvent) {\n        // composedPath()[0] 是未 retarget 的真实可编辑元素：textarea 保留 Enter 换行\n        return event.composedPath()[0] instanceof HTMLTextAreaElement\n      },\n      focusTrigger(options?: FocusOptions) {\n        // web-ui-input/textarea 的公共 focus() 已重定向到内部原生控件；普通元素或\n        // 未实现 focus 的自定义 trigger 走原生 HTMLElement.focus()，即聚焦 host 自身\n        getTrigger()?.focus(options)\n      },\n      blurTrigger() {\n        getTrigger()?.blur()\n      },\n      bind() {\n        const wrapper = source.getWrapper()\n        if (!wrapper || wrapper === boundWrapper) return\n        boundWrapper = wrapper\n        wrapper.addEventListener('input', onInput)\n        wrapper.addEventListener('change', onNativeChange)\n        wrapper.addEventListener('click', onClick)\n        wrapper.addEventListener('focusin', onFocusIn)\n        wrapper.addEventListener('focusout', onFocusOut)\n      },\n      dispose() {\n        const wrapper = boundWrapper\n        boundWrapper = null\n        if (!wrapper) return\n        wrapper.removeEventListener('input', onInput)\n        wrapper.removeEventListener('change', onNativeChange)\n        wrapper.removeEventListener('click', onClick)\n        wrapper.removeEventListener('focusin', onFocusIn)\n        wrapper.removeEventListener('focusout', onFocusOut)\n      }\n    }\n  })\n\n/** option 四事件监听对的绑定/解绑；两组件的 handler 签名一致，仅实现不同。 */\nexport function createOptionListenerBinding(handlers: OptionListenerHandlers) {\n  function bind(option: WebUiOption) {\n    option.addEventListener('click', handlers.onClick)\n    option.addEventListener('pointerover', handlers.onPointerOver)\n    option.addEventListener('pointerdown', handlers.onPointerDown)\n    option.addEventListener('option-update', handlers.onUpdate)\n  }\n  function unbind(option: WebUiOption) {\n    option.removeEventListener('click', handlers.onClick)\n    option.removeEventListener('pointerover', handlers.onPointerOver)\n    option.removeEventListener('pointerdown', handlers.onPointerDown)\n    option.removeEventListener('option-update', handlers.onUpdate)\n  }\n  return { bind, unbind }\n}\n\n/**\n * focusout 关闭复核：焦点是否真的离开了宿主与 panel。\n * rAF 等待 click/pointerdown 相关的焦点迁移完成后再判定。\n */\nexport function handleComboboxFocusOut(\n  host: HTMLElement,\n  getHandle: () => OpenOverlayHandle | null | undefined,\n  getIsOpen: () => boolean,\n  close: () => void\n): void {\n  requestAnimationFrame(() => {\n    const handle = getHandle()\n    if (getIsOpen() && !host.matches(':focus-within') && !handle?.hasFocusWithin()) {\n      close()\n    }\n  })\n}\n\n/**\n * 环绕游标：在 enabled 列表内按 delta 移动；从 -1（无激活）向下取首项、向上取末项。\n * 返回在 enabled 中的下一索引；调用方负责换算回全量 options 索引。\n */\nexport function nextWrappingIndex(enabledCount: number, currentIdx: number, delta: number): number {\n  if (enabledCount === 0) return -1\n  let nextIdx = currentIdx + delta\n  if (nextIdx < 0) nextIdx = enabledCount - 1\n  if (nextIdx >= enabledCount) nextIdx = 0\n  return nextIdx\n}\n"],"mappings":"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"}
+{"version":3,"file":"combobox-shell.js","names":[],"sources":["../../../src/shared/option-portal/combobox-shell.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { WebUiOption } from '@/components/option'\nimport type { OpenOverlayHandle } from '@/shared/overlay/open-overlay'\n\n/**\n * combobox 开合与 option 交互的共享骨架（select / autocomplete）。\n *\n * 与 option-portal 的边界约定一致：交互语义的\"差异点\"经回调注入，\n * 这里收口两组件逐行复制的生命周期不变量——\n * - open/close 状态迁移顺序：guard → 状态翻转 → open-change 派发 →\n *   激活钩子 → scroll-lock 配对 → portal 模式的 rAF 延迟 openOverlay\n * - close 路径：before-close 钩子（portal 内容先收敛）→ 激活清理 →\n *   scroll-lock 释放 → closeOverlay（关闭后使 portal 引用失效）\n * - option 四事件监听对的绑定/解绑\n * - focusout 的 rAF :focus-within 复核\n * - 键盘导航的环绕游标算法\n */\n\nexport interface ComboboxOpenHooks {\n  /** 是否允许打开（disabled / readonly 等由组件判断）。 */\n  canOpen(): boolean\n  getIsOpen(): boolean\n  setIsOpen(open: boolean): void\n  dispatchOpenChange(): void\n  syncScrollLock(open: boolean): void\n  /** 是否 portal 模式（决定 openOverlay 是否延迟到下一帧）。 */\n  isPortal(): boolean\n  openOverlay(isKeyboardNavigation: boolean): void\n  closeOverlay(): void\n  /** 打开时的激活项初始化（键盘导航取选中/首项，指针打开保留现状）。 */\n  onOpen?(isKeyboardNavigation: boolean): void\n  /** 关闭前钩子：autocomplete 需先把 light DOM 新增节点收敛进当前 portal content。 */\n  onBeforeClose?(): void\n  /** 关闭时清理激活状态（清 _activeIndex 与 active 属性）。 */\n  onAfterClose?(): void\n}\n\nexport interface ComboboxOpenController {\n  open(isKeyboardNavigation?: boolean): void\n  close(): void\n}\n\nexport function createComboboxOpenController(hooks: ComboboxOpenHooks): ComboboxOpenController {\n  function open(isKeyboardNavigation = false) {\n    if (hooks.canOpen() === false || hooks.getIsOpen()) return\n    hooks.setIsOpen(true)\n    hooks.dispatchOpenChange()\n    hooks.onOpen?.(isKeyboardNavigation)\n    hooks.syncScrollLock(true)\n    if (hooks.isPortal()) {\n      requestAnimationFrame(() => {\n        if (hooks.getIsOpen()) hooks.openOverlay(isKeyboardNavigation)\n      })\n    } else {\n      hooks.openOverlay(isKeyboardNavigation)\n    }\n  }\n\n  function close() {\n    if (!hooks.getIsOpen()) return\n    hooks.onBeforeClose?.()\n    hooks.setIsOpen(false)\n    hooks.dispatchOpenChange()\n    hooks.onAfterClose?.()\n    hooks.syncScrollLock(false)\n    hooks.closeOverlay()\n  }\n\n  return { open, close }\n}\n\nexport interface OptionListenerHandlers {\n  onClick: (event: Event) => void\n  onPointerOver: (event: PointerEvent) => void\n  onPointerDown: (event: PointerEvent) => void\n  onUpdate: () => void\n}\n\nexport interface ComboboxTriggerSource {\n  /** 持 ARIA 与委托监听的 trigger 包装 div（shadow 内）。 */\n  getWrapper(): HTMLElement | null\n  /** `slot[name=\"trigger\"]` 的首个 assigned 元素；无自定义 trigger 时为 null。 */\n  getCustomTrigger(): HTMLElement | null\n  /** 默认 trigger（shadow 内的 web-ui-input）；未渲染时为 null。 */\n  getFallbackTrigger(): HTMLElement | null\n}\n\nexport interface ComboboxTriggerHandlers {\n  /** trigger 文本变化；value 取自 trigger host 的字符串 value 属性。 */\n  onInput(value: string): void\n  /** 点击 trigger 区域（含包装 div 自身留白）。 */\n  onClick(): void\n  onFocusIn(event: FocusEvent): void\n  onFocusOut(event: FocusEvent): void\n}\n\nexport interface ComboboxTriggerApi {\n  /** 当前生效的 trigger host：自定义 trigger slot 首个 assigned 元素，否则默认 trigger。 */\n  getTrigger(): HTMLElement | null\n  /** trigger 当前文本；trigger 不暴露字符串 value 时返回 null。 */\n  getValue(): string | null\n  /** 回写文本；仅在文本 trigger 且值确实变化时写入，避免无谓重渲染。 */\n  setValue(value: string): void\n  /** 多行可编辑元素判定：Enter 保留换行语义，不接管为「选中高亮项」。 */\n  isMultilineEdit(event: KeyboardEvent): boolean\n  /**\n   * 程序化聚焦当前 trigger。组件自带 focus 重定向（web-ui-input/textarea）时落到\n   * 内部原生控件；自定义 trigger 没有该能力时，原生 focus() 聚焦 host 自身。\n   */\n  focusTrigger(options?: FocusOptions): void\n  /** 失焦当前 trigger，兜底语义同 focusTrigger。 */\n  blurTrigger(): void\n  /** 绑定包装 div 上的委托监听（幂等：包装 div 不变则跳过）。 */\n  bind(): void\n  dispose(): void\n}\n\n/**\n * combobox trigger 委托层（autocomplete）。\n *\n * 默认 trigger 是 shadow 内的 `web-ui-input`，自定义 trigger 由 `slot[name=\"trigger\"]`\n * 提供（`web-ui-textarea` 等）。两者对组件暴露同一形状：字符串 value、可聚焦、\n * 派发 composed 的 input / click / focusin / focusout。委托层把这些差异收敛成一份接口：\n * 监听统一挂在包装 div 上（事件委托，覆盖 shadow 内与 light DOM 两条路径），\n * 文本读写只认 trigger host 的 value 属性。\n *\n * 焦点用 focusin/focusout 而非 focus/blur：后两者不冒泡，到不了包装 div\n * （实测：shadow 内默认 trigger 与 light DOM 自定义 trigger 都不触发包装 div 的 focus/blur）。\n *\n * trigger 自身派发的 change（web-ui-input/textarea 在原生 change 不 composed 时补发）\n * 必须被拦下：组件的 change 只表示「选中提交」，否则失焦即误报一次 change。\n */\nexport const defineComboboxTrigger = () =>\n  definePlugin<ComboboxTriggerApi, ComboboxTriggerSource & ComboboxTriggerHandlers>(source => {\n    let boundWrapper: HTMLElement | null = null\n\n    const getTrigger = (): HTMLElement | null => source.getCustomTrigger() ?? source.getFallbackTrigger() ?? null\n\n    const readValue = (trigger: HTMLElement | null): string | null => {\n      const value = (trigger as (HTMLElement & { value?: unknown }) | null)?.value\n      return typeof value === 'string' ? value : null\n    }\n\n    // composed 事件在包装 div 上看到的是 trigger host（或其在 light DOM 内的后代）；\n    // 只有来自 trigger 内部的输入才计入，包装 div 上的其它内容不干扰。\n    const isWithinTrigger = (event: Event, trigger: HTMLElement | null): boolean => {\n      const target = event.target\n      return !!trigger && target instanceof Node && (target === trigger || trigger.contains(target))\n    }\n\n    const onInput = (event: Event) => {\n      const trigger = getTrigger()\n      if (!isWithinTrigger(event, trigger)) return\n      const value = readValue(trigger)\n      if (value !== null) source.onInput(value)\n    }\n\n    const onNativeChange = (event: Event) => {\n      if (isWithinTrigger(event, getTrigger())) event.stopPropagation()\n    }\n\n    const onClick = () => source.onClick()\n    const onFocusIn = (event: FocusEvent) => source.onFocusIn(event)\n    const onFocusOut = (event: FocusEvent) => source.onFocusOut(event)\n\n    return {\n      getTrigger,\n      getValue: () => readValue(getTrigger()),\n      setValue(value: string) {\n        const trigger = getTrigger()\n        const current = readValue(trigger)\n        if (!trigger || current === null || current === value) return\n        ;(trigger as HTMLElement & { value: string }).value = value\n      },\n      isMultilineEdit(event: KeyboardEvent) {\n        // composedPath()[0] 是未 retarget 的真实可编辑元素：textarea 保留 Enter 换行\n        return event.composedPath()[0] instanceof HTMLTextAreaElement\n      },\n      focusTrigger(options?: FocusOptions) {\n        // web-ui-input/textarea 的公共 focus() 已重定向到内部原生控件；普通元素或\n        // 未实现 focus 的自定义 trigger 走原生 HTMLElement.focus()，即聚焦 host 自身\n        getTrigger()?.focus(options)\n      },\n      blurTrigger() {\n        getTrigger()?.blur()\n      },\n      bind() {\n        const wrapper = source.getWrapper()\n        if (!wrapper || wrapper === boundWrapper) return\n        boundWrapper = wrapper\n        wrapper.addEventListener('input', onInput)\n        wrapper.addEventListener('change', onNativeChange)\n        wrapper.addEventListener('click', onClick)\n        wrapper.addEventListener('focusin', onFocusIn)\n        wrapper.addEventListener('focusout', onFocusOut)\n      },\n      dispose() {\n        const wrapper = boundWrapper\n        boundWrapper = null\n        if (!wrapper) return\n        wrapper.removeEventListener('input', onInput)\n        wrapper.removeEventListener('change', onNativeChange)\n        wrapper.removeEventListener('click', onClick)\n        wrapper.removeEventListener('focusin', onFocusIn)\n        wrapper.removeEventListener('focusout', onFocusOut)\n      }\n    }\n  })\n\n/** option 四事件监听对的绑定/解绑；两组件的 handler 签名一致，仅实现不同。 */\nexport function createOptionListenerBinding(handlers: OptionListenerHandlers) {\n  function bind(option: WebUiOption) {\n    option.addEventListener('click', handlers.onClick)\n    option.addEventListener('pointerover', handlers.onPointerOver)\n    option.addEventListener('pointerdown', handlers.onPointerDown)\n    option.addEventListener('option-update', handlers.onUpdate)\n  }\n  function unbind(option: WebUiOption) {\n    option.removeEventListener('click', handlers.onClick)\n    option.removeEventListener('pointerover', handlers.onPointerOver)\n    option.removeEventListener('pointerdown', handlers.onPointerDown)\n    option.removeEventListener('option-update', handlers.onUpdate)\n  }\n  return { bind, unbind }\n}\n\n/**\n * focusout 关闭复核：焦点是否真的离开了宿主与 panel。\n * rAF 等待 click/pointerdown 相关的焦点迁移完成后再判定。\n */\nexport function handleComboboxFocusOut(\n  host: HTMLElement,\n  getHandle: () => OpenOverlayHandle | null | undefined,\n  getIsOpen: () => boolean,\n  close: () => void\n): void {\n  requestAnimationFrame(() => {\n    const handle = getHandle()\n    if (getIsOpen() && !host.matches(':focus-within') && !handle?.hasFocusWithin()) {\n      close()\n    }\n  })\n}\n\n/**\n * 环绕游标：在 enabled 列表内按 delta 移动；从 -1（无激活）向下取首项、向上取末项。\n * 返回在 enabled 中的下一索引；调用方负责换算回全量 options 索引。\n */\nexport function nextWrappingIndex(enabledCount: number, currentIdx: number, delta: number): number {\n  if (enabledCount === 0) return -1\n  let nextIdx = currentIdx + delta\n  if (nextIdx < 0) nextIdx = enabledCount - 1\n  if (nextIdx >= enabledCount) nextIdx = 0\n  return nextIdx\n}\n"],"mappings":"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"}

package/dist/shared/option-portal/index.js

@@ -1,66 +1,87 @@
-import { createComboboxOpenController as e, createOptionListenerBinding as t, defineComboboxTrigger as n, handleComboboxFocusOut as r, nextWrappingIndex as i } from "./combobox-shell.js";
-import { definePlugin as a } from "@greypan/js-kit";
-//#region src/shared/option-portal/index.ts
-var o = "web-ui-option", s = () => a((e) => {
-	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new WeakMap(), r = 0, i = (t) => {
-		e.bindOption(t), t.addEventListener("option-unregister", s);
-	}, a = (t) => {
-		e.unbindOption(t), t.removeEventListener("option-unregister", s);
-	}, s = (e) => {
-		e.target instanceof HTMLElement && e.target.localName === o && t.add(e.target), l.scheduleRefresh();
-	}, c = () => {
-		l.scheduleRefresh();
-	}, l = {
+import { createComboboxOpenController, createOptionListenerBinding, defineComboboxTrigger, handleComboboxFocusOut, nextWrappingIndex } from "./combobox-shell.js";
+import { definePlugin } from "@greypan/js-kit";
+// src/shared/option-portal/index.ts
+const OPTION_TAG = "web-ui-option";
+const defineOptionPortal = () => definePlugin((host) => {
+	const pendingUnregistered = /* @__PURE__ */ new Set();
+	const optionIds = /* @__PURE__ */ new WeakMap();
+	let nextOptionId = 0;
+	const bindOption = (option) => {
+		host.bindOption(option);
+		option.addEventListener("option-unregister", handleOptionUnregister);
+	};
+	const unbindOption = (option) => {
+		host.unbindOption(option);
+		option.removeEventListener("option-unregister", handleOptionUnregister);
+	};
+	const handleOptionUnregister = (event) => {
+		if (event.target instanceof HTMLElement && event.target.localName === OPTION_TAG) pendingUnregistered.add(event.target);
+		api.scheduleRefresh();
+	};
+	const handleRegister = () => {
+		api.scheduleRefresh();
+	};
+	const api = {
 		queryOptions() {
-			let t = e.getPortal()?.panel ?? e.getPortalContent(), n = t ? [...t.querySelectorAll(o)] : [];
-			return n.length > 0 ? n : [...e.element.querySelectorAll(o)];
+			const panel = host.getPortal()?.panel ?? host.getPortalContent();
+			const panelOptions = panel ? [...panel.querySelectorAll(OPTION_TAG)] : [];
+			return panelOptions.length > 0 ? panelOptions : [...host.element.querySelectorAll(OPTION_TAG)];
 		},
-		refresh(e, t) {
-			let n = l.queryOptions();
-			for (let t of e) n.includes(t) || a(t);
-			return n.forEach(i), {
-				options: n,
-				activeIndex: t && n.includes(t) ? n.indexOf(t) : -1
+		refresh(previous, activeOption) {
+			const nextOptions = api.queryOptions();
+			for (const option of previous) if (!nextOptions.includes(option)) unbindOption(option);
+			nextOptions.forEach(bindOption);
+			return {
+				options: nextOptions,
+				activeIndex: activeOption && nextOptions.includes(activeOption) ? nextOptions.indexOf(activeOption) : -1
 			};
 		},
-		ensureOptionIds(t) {
-			let i = new Set(t.map((e) => e.id).filter((e) => !!e));
-			t.forEach((t) => {
-				if (t.id) return;
-				let a = n.get(t);
-				if (!a || i.has(a)) {
+		ensureOptionIds(registryOptions) {
+			const usedIds = new Set(registryOptions.map((option) => option.id).filter((id) => Boolean(id)));
+			registryOptions.forEach((option) => {
+				if (option.id) return;
+				let id = optionIds.get(option);
+				if (!id || usedIds.has(id)) {
 					do
-						a = `${e.idPrefix}-option-${++r}`;
-					while (i.has(a));
-					n.set(t, a);
+						id = `${host.idPrefix}-option-${++nextOptionId}`;
+					while (usedIds.has(id));
+					optionIds.set(option, id);
 				}
-				t.id = a, i.add(a);
+				option.id = id;
+				usedIds.add(id);
 			});
 		},
 		syncPortalContent() {
-			let n = e.getPortal(), r = e.getPortalContent();
-			if (!n || !r) return;
-			for (let i of t) !r.contains(i) && !e.element.contains(i) && n.removeContent([i]);
-			if (t.clear(), !e.isOpen()) return;
-			let i = e.getMigratableNodes().filter((e) => !(e instanceof Comment));
-			i.length && n.appendContent(i, r);
+			const portal = host.getPortal();
+			const portalContent = host.getPortalContent();
+			if (!portal || !portalContent) return;
+			for (const option of pendingUnregistered) if (!portalContent.contains(option) && !host.element.contains(option)) portal.removeContent([option]);
+			pendingUnregistered.clear();
+			if (!host.isOpen()) return;
+			const nodes = host.getMigratableNodes().filter((node) => !(node instanceof Comment));
+			if (nodes.length) portal.appendContent(nodes, portalContent);
 		},
 		scheduleRefresh() {
 			queueMicrotask(() => {
-				e.element.isConnected && (l.syncPortalContent(), e.requestUpdate(), e.isOpen() && e.hasUpdated() && e.onImmediateSync?.());
+				if (!host.element.isConnected) return;
+				api.syncPortalContent();
+				host.requestUpdate();
+				if (host.isOpen() && host.hasUpdated()) host.onImmediateSync?.();
 			});
 		},
-		handleOptionUnregister: s,
+		handleOptionUnregister,
 		bindHost() {
-			e.element.addEventListener("option-register", c), e.element.addEventListener("option-unregister", s);
+			host.element.addEventListener("option-register", handleRegister);
+			host.element.addEventListener("option-unregister", handleOptionUnregister);
 		},
 		dispose() {
-			e.element.removeEventListener("option-register", c), e.element.removeEventListener("option-unregister", s), t.clear();
+			host.element.removeEventListener("option-register", handleRegister);
+			host.element.removeEventListener("option-unregister", handleOptionUnregister);
+			pendingUnregistered.clear();
 		}
 	};
-	return l;
+	return api;
 });
-//#endregion
-export { e as createComboboxOpenController, t as createOptionListenerBinding, n as defineComboboxTrigger, s as defineOptionPortal, r as handleComboboxFocusOut, i as nextWrappingIndex };
+export { createComboboxOpenController, createOptionListenerBinding, defineComboboxTrigger, defineOptionPortal, handleComboboxFocusOut, nextWrappingIndex };
 
 //# sourceMappingURL=index.js.map

package/dist/shared/option-portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/option-portal/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { WebUiOption } from '@/components/option'\nimport type { OverlayPortal } from '@/shared/overlay/portal'\n\n/**\n * select / autocomplete 共用的 portal option 域：宿主侧 option 注册表、\n * portal 内容同步（打开期迁移 + 真删除清理）与微任务调度。\n *\n * 交互语义与 Lit 响应式由各组件保留（同 anchored-panel 的边界约定）：\n * 组件通过 host 回调注入差异点（迁移节点来源、打开期即时同步等），\n * 并持有 _options/_activeIndex 的 @state，shared 只经返回值同步数据。\n */\n\nexport interface OptionPortalHost {\n  /** 承载宿主级监听的元素（select / autocomplete 宿主自身）。 */\n  readonly element: HTMLElement\n  /** option id 前缀；宿主应保证跨实例唯一（如含实例序号），供 aria 引用与样式定位。 */\n  readonly idPrefix: string\n  getPortal(): OverlayPortal | undefined\n  getPortalContent(): HTMLElement | undefined\n  /** 打开判定：syncPortalContent 仅在打开期执行内容迁移。 */\n  isOpen(): boolean\n  /**\n   * 打开期待迁移的节点来源。两组件粒度不同（select 迁裸 option，\n   * autocomplete 迁全部 childNodes），保持各自现状不在此统一。\n   */\n  getMigratableNodes(): Node[]\n  /** 微任务回调中判断宿主是否已完成首次渲染（Lit hasUpdated）。 */\n  hasUpdated(): boolean\n  /** 微任务末的宿主刷新（requestUpdate）。 */\n  requestUpdate(): void\n  /**\n   * 打开期即时同步钩子。select 在微任务内立即刷新 label 与激活态\n   * （portal 打开时 willUpdate 查不到 panel 外的新增项），autocomplete 无此需要。\n   */\n  onImmediateSync?(): void\n  /**\n   * 组件侧的逐元素交互监听（click/pointerover/pointerdown/option-update）。\n   * shared 负责随 refresh 配对调用，语义由组件定义。\n   */\n  bindOption(option: WebUiOption): void\n  unbindOption(option: WebUiOption): void\n}\n\nexport interface OptionPortalApi {\n  /** panel 优先查询，panel 无 option 或关闭时回退 light DOM。 */\n  queryOptions(): WebUiOption[]\n  /**\n   * diff 出旧集合解绑、新集合绑定；按 option 身份保持激活索引。\n   * 返回新注册表数组与新的激活索引（-1 表示激活项已失效，如移除/迁移）。\n   */\n  refresh(\n    previous: readonly WebUiOption[],\n    activeOption: WebUiOption | undefined\n  ): {\n    options: WebUiOption[]\n    activeIndex: number\n  }\n  /** 稳定 id 分配（WeakMap 身份 + 冲突循环），跨 remove/reorder 保持不变。 */\n  ensureOptionIds(options: readonly WebUiOption[]): void\n  /** pending 真删除清理 + 打开期把滞留 light DOM 的节点迁入 panel。 */\n  syncPortalContent(): void\n  /** register/unregister/contentChange 的统一微任务收敛入口（slot 监听由组件模板持有）。 */\n  scheduleRefresh(): void\n  /** 宿主级与逐元素 unregister 监听共用的处理器。 */\n  handleOptionUnregister(event: Event): void\n  /** 宿主级监听配对（connectedCallback 调用，与 dispose 配对）。 */\n  bindHost(): void\n  /** 断连清理：解绑宿主监听并清空 pending 集合。 */\n  dispose(): void\n}\n\nconst OPTION_TAG = 'web-ui-option'\n\nexport const defineOptionPortal = () =>\n  definePlugin<OptionPortalApi, OptionPortalHost>(host => {\n    const pendingUnregistered = new Set<WebUiOption>()\n    // 稳定 id：WeakMap 按 option 身份记忆分配结果，remove/reorder 后 id 不变；\n    // aria-activedescendant / 外部样式都依赖 id 的时序稳定性。\n    const optionIds = new WeakMap<WebUiOption, string>()\n    let nextOptionId = 0\n\n    const bindOption = (option: WebUiOption) => {\n      host.bindOption(option)\n      option.addEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const unbindOption = (option: WebUiOption) => {\n      host.unbindOption(option)\n      option.removeEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const handleOptionUnregister = (event: Event) => {\n      // Portal 迁移与真实删除都会触发 unregister；先记录候选，\n      // 微任务末 syncPortalContent 按最终位置区分二者。\n      if (event.target instanceof HTMLElement && event.target.localName === OPTION_TAG) {\n        pendingUnregistered.add(event.target as WebUiOption)\n      }\n      api.scheduleRefresh()\n    }\n\n    const handleRegister = () => {\n      api.scheduleRefresh()\n    }\n\n    const api: OptionPortalApi = {\n      queryOptions() {\n        const panel = host.getPortal()?.panel ?? host.getPortalContent()\n        const panelOptions = panel ? [...panel.querySelectorAll<WebUiOption>(OPTION_TAG)] : []\n        // panel 内容仅在 overlay 打开、moveContent 之后存在；关闭时回退 light DOM，\n        // 否则 portal 组件首次加载时注册表为空。\n        return panelOptions.length > 0 ? panelOptions : [...host.element.querySelectorAll<WebUiOption>(OPTION_TAG)]\n      },\n\n      refresh(previous, activeOption) {\n        const nextOptions = api.queryOptions()\n\n        // register/unregister 是 composed 事件：Portal 迁移时 target 会 retarget 成宿主，\n        // 不能作为监听器绑定依据；绑定只发生在按 DOM 查询确认身份的 option 上。\n        for (const option of previous) if (!nextOptions.includes(option)) unbindOption(option)\n        nextOptions.forEach(bindOption)\n\n        // 激活索引按 option 身份保持，避免移除中间项后静默偏移到相邻项\n        return {\n          options: nextOptions,\n          activeIndex: activeOption && nextOptions.includes(activeOption) ? nextOptions.indexOf(activeOption) : -1\n        }\n      },\n\n      ensureOptionIds(registryOptions) {\n        const usedIds = new Set(registryOptions.map(option => option.id).filter((id): id is string => Boolean(id)))\n        registryOptions.forEach(option => {\n          if (option.id) return\n\n          let id = optionIds.get(option)\n          if (!id || usedIds.has(id)) {\n            do {\n              id = `${host.idPrefix}-option-${++nextOptionId}`\n            } while (usedIds.has(id))\n            optionIds.set(option, id)\n          }\n          option.id = id\n          usedIds.add(id)\n        })\n      },\n\n      syncPortalContent() {\n        const portal = host.getPortal()\n        const portalContent = host.getPortalContent()\n        if (!portal || !portalContent) return\n\n        // 真删除（既不在 panel 也不在 light DOM）的 option 从 portal 追踪列表摘除，\n        // 否则关闭时 restoreContent 会把它复活回 light DOM。\n        for (const option of pendingUnregistered) {\n          if (!portalContent.contains(option) && !host.element.contains(option)) portal.removeContent([option])\n        }\n        pendingUnregistered.clear()\n\n        if (!host.isOpen()) return\n\n        // Portal 打开期间框架条件渲染（v-if）可能在 light DOM 插入新节点；\n        // panel 内已有内容时 queryOptions 不会回退 light DOM，必须显式迁入 panel。\n        // 注释（框架锚点与 portal 的 marker）不迁移：锚点留守宿主是实时渲染契约。\n        const nodes = host.getMigratableNodes().filter(node => !(node instanceof Comment))\n        if (nodes.length) portal.appendContent(nodes, portalContent)\n      },\n\n      scheduleRefresh() {\n        queueMicrotask(() => {\n          if (!host.element.isConnected) return\n          api.syncPortalContent()\n          host.requestUpdate()\n          // 关闭状态下 willUpdate 查不到 portal panel 内容；打开期的新增/删除\n          // 由宿主在微任务内立即同步 label 与激活态。\n          if (host.isOpen() && host.hasUpdated()) host.onImmediateSync?.()\n        })\n      },\n\n      handleOptionUnregister,\n\n      bindHost() {\n        host.element.addEventListener('option-register', handleRegister)\n        host.element.addEventListener('option-unregister', handleOptionUnregister)\n      },\n\n      dispose() {\n        host.element.removeEventListener('option-register', handleRegister)\n        host.element.removeEventListener('option-unregister', handleOptionUnregister)\n        pendingUnregistered.clear()\n      }\n    }\n\n    return api\n  })\nexport * from './combobox-shell'\n"],"mappings":";;;AAyEA,IAAM,IAAa,iBAEN,UACX,GAAgD,MAAQ;CACtD,IAAM,oBAAsB,IAAI,IAAiB,GAG3C,oBAAY,IAAI,QAA6B,GAC/C,IAAe,GAEb,KAAc,MAAwB;EAE1C,AADA,EAAK,WAAW,CAAM,GACtB,EAAO,iBAAiB,qBAAqB,CAAsB;CACrE,GAEM,KAAgB,MAAwB;EAE5C,AADA,EAAK,aAAa,CAAM,GACxB,EAAO,oBAAoB,qBAAqB,CAAsB;CACxE,GAEM,KAA0B,MAAiB;EAM/C,AAHI,EAAM,kBAAkB,eAAe,EAAM,OAAO,cAAc,KACpE,EAAoB,IAAI,EAAM,MAAqB,GAErD,EAAI,gBAAgB;CACtB,GAEM,UAAuB;EAC3B,EAAI,gBAAgB;CACtB,GAEM,IAAuB;EAC3B,eAAe;GACb,IAAM,IAAQ,EAAK,UAAU,CAAC,EAAE,SAAS,EAAK,iBAAiB,GACzD,IAAe,IAAQ,CAAC,GAAG,EAAM,iBAA8B,CAAU,CAAC,IAAI,CAAC;GAGrF,OAAO,EAAa,SAAS,IAAI,IAAe,CAAC,GAAG,EAAK,QAAQ,iBAA8B,CAAU,CAAC;EAC5G;EAEA,QAAQ,GAAU,GAAc;GAC9B,IAAM,IAAc,EAAI,aAAa;GAIrC,KAAK,IAAM,KAAU,GAAU,AAAK,EAAY,SAAS,CAAM,KAAG,EAAa,CAAM;GAIrF,OAHA,EAAY,QAAQ,CAAU,GAGvB;IACL,SAAS;IACT,aAAa,KAAgB,EAAY,SAAS,CAAY,IAAI,EAAY,QAAQ,CAAY,IAAI;GACxG;EACF;EAEA,gBAAgB,GAAiB;GAC/B,IAAM,IAAU,IAAI,IAAI,EAAgB,KAAI,MAAU,EAAO,EAAE,CAAC,CAAC,QAAQ,MAAqB,EAAQ,CAAG,CAAC;GAC1G,EAAgB,SAAQ,MAAU;IAChC,IAAI,EAAO,IAAI;IAEf,IAAI,IAAK,EAAU,IAAI,CAAM;IAC7B,IAAI,CAAC,KAAM,EAAQ,IAAI,CAAE,GAAG;KAC1B;MACE,IAAK,GAAG,EAAK,SAAS,UAAU,EAAE;YAC3B,EAAQ,IAAI,CAAE;KACvB,EAAU,IAAI,GAAQ,CAAE;IAC1B;IAEA,AADA,EAAO,KAAK,GACZ,EAAQ,IAAI,CAAE;GAChB,CAAC;EACH;EAEA,oBAAoB;GAClB,IAAM,IAAS,EAAK,UAAU,GACxB,IAAgB,EAAK,iBAAiB;GAC5C,IAAI,CAAC,KAAU,CAAC,GAAe;GAI/B,KAAK,IAAM,KAAU,GACnB,AAAI,CAAC,EAAc,SAAS,CAAM,KAAK,CAAC,EAAK,QAAQ,SAAS,CAAM,KAAG,EAAO,cAAc,CAAC,CAAM,CAAC;GAItG,IAFA,EAAoB,MAAM,GAEtB,CAAC,EAAK,OAAO,GAAG;GAKpB,IAAM,IAAQ,EAAK,mBAAmB,CAAC,CAAC,QAAO,MAAQ,EAAE,aAAgB,QAAQ;GACjF,AAAI,EAAM,UAAQ,EAAO,cAAc,GAAO,CAAa;EAC7D;EAEA,kBAAkB;GAChB,qBAAqB;IACd,EAAK,QAAQ,gBAClB,EAAI,kBAAkB,GACtB,EAAK,cAAc,GAGf,EAAK,OAAO,KAAK,EAAK,WAAW,KAAG,EAAK,kBAAkB;GACjE,CAAC;EACH;EAEA;EAEA,WAAW;GAET,AADA,EAAK,QAAQ,iBAAiB,mBAAmB,CAAc,GAC/D,EAAK,QAAQ,iBAAiB,qBAAqB,CAAsB;EAC3E;EAEA,UAAU;GAGR,AAFA,EAAK,QAAQ,oBAAoB,mBAAmB,CAAc,GAClE,EAAK,QAAQ,oBAAoB,qBAAqB,CAAsB,GAC5E,EAAoB,MAAM;EAC5B;CACF;CAEA,OAAO;AACT,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/option-portal/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { WebUiOption } from '@/components/option'\nimport type { OverlayPortal } from '@/shared/overlay/portal'\n\n/**\n * select / autocomplete 共用的 portal option 域：宿主侧 option 注册表、\n * portal 内容同步（打开期迁移 + 真删除清理）与微任务调度。\n *\n * 交互语义与 Lit 响应式由各组件保留（同 anchored-panel 的边界约定）：\n * 组件通过 host 回调注入差异点（迁移节点来源、打开期即时同步等），\n * 并持有 _options/_activeIndex 的 @state，shared 只经返回值同步数据。\n */\n\nexport interface OptionPortalHost {\n  /** 承载宿主级监听的元素（select / autocomplete 宿主自身）。 */\n  readonly element: HTMLElement\n  /** option id 前缀；宿主应保证跨实例唯一（如含实例序号），供 aria 引用与样式定位。 */\n  readonly idPrefix: string\n  getPortal(): OverlayPortal | undefined\n  getPortalContent(): HTMLElement | undefined\n  /** 打开判定：syncPortalContent 仅在打开期执行内容迁移。 */\n  isOpen(): boolean\n  /**\n   * 打开期待迁移的节点来源。两组件粒度不同（select 迁裸 option，\n   * autocomplete 迁全部 childNodes），保持各自现状不在此统一。\n   */\n  getMigratableNodes(): Node[]\n  /** 微任务回调中判断宿主是否已完成首次渲染（Lit hasUpdated）。 */\n  hasUpdated(): boolean\n  /** 微任务末的宿主刷新（requestUpdate）。 */\n  requestUpdate(): void\n  /**\n   * 打开期即时同步钩子。select 在微任务内立即刷新 label 与激活态\n   * （portal 打开时 willUpdate 查不到 panel 外的新增项），autocomplete 无此需要。\n   */\n  onImmediateSync?(): void\n  /**\n   * 组件侧的逐元素交互监听（click/pointerover/pointerdown/option-update）。\n   * shared 负责随 refresh 配对调用，语义由组件定义。\n   */\n  bindOption(option: WebUiOption): void\n  unbindOption(option: WebUiOption): void\n}\n\nexport interface OptionPortalApi {\n  /** panel 优先查询，panel 无 option 或关闭时回退 light DOM。 */\n  queryOptions(): WebUiOption[]\n  /**\n   * diff 出旧集合解绑、新集合绑定；按 option 身份保持激活索引。\n   * 返回新注册表数组与新的激活索引（-1 表示激活项已失效，如移除/迁移）。\n   */\n  refresh(\n    previous: readonly WebUiOption[],\n    activeOption: WebUiOption | undefined\n  ): {\n    options: WebUiOption[]\n    activeIndex: number\n  }\n  /** 稳定 id 分配（WeakMap 身份 + 冲突循环），跨 remove/reorder 保持不变。 */\n  ensureOptionIds(options: readonly WebUiOption[]): void\n  /** pending 真删除清理 + 打开期把滞留 light DOM 的节点迁入 panel。 */\n  syncPortalContent(): void\n  /** register/unregister/contentChange 的统一微任务收敛入口（slot 监听由组件模板持有）。 */\n  scheduleRefresh(): void\n  /** 宿主级与逐元素 unregister 监听共用的处理器。 */\n  handleOptionUnregister(event: Event): void\n  /** 宿主级监听配对（connectedCallback 调用，与 dispose 配对）。 */\n  bindHost(): void\n  /** 断连清理：解绑宿主监听并清空 pending 集合。 */\n  dispose(): void\n}\n\nconst OPTION_TAG = 'web-ui-option'\n\nexport const defineOptionPortal = () =>\n  definePlugin<OptionPortalApi, OptionPortalHost>(host => {\n    const pendingUnregistered = new Set<WebUiOption>()\n    // 稳定 id：WeakMap 按 option 身份记忆分配结果，remove/reorder 后 id 不变；\n    // aria-activedescendant / 外部样式都依赖 id 的时序稳定性。\n    const optionIds = new WeakMap<WebUiOption, string>()\n    let nextOptionId = 0\n\n    const bindOption = (option: WebUiOption) => {\n      host.bindOption(option)\n      option.addEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const unbindOption = (option: WebUiOption) => {\n      host.unbindOption(option)\n      option.removeEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const handleOptionUnregister = (event: Event) => {\n      // Portal 迁移与真实删除都会触发 unregister；先记录候选，\n      // 微任务末 syncPortalContent 按最终位置区分二者。\n      if (event.target instanceof HTMLElement && event.target.localName === OPTION_TAG) {\n        pendingUnregistered.add(event.target as WebUiOption)\n      }\n      api.scheduleRefresh()\n    }\n\n    const handleRegister = () => {\n      api.scheduleRefresh()\n    }\n\n    const api: OptionPortalApi = {\n      queryOptions() {\n        const panel = host.getPortal()?.panel ?? host.getPortalContent()\n        const panelOptions = panel ? [...panel.querySelectorAll<WebUiOption>(OPTION_TAG)] : []\n        // panel 内容仅在 overlay 打开、moveContent 之后存在；关闭时回退 light DOM，\n        // 否则 portal 组件首次加载时注册表为空。\n        return panelOptions.length > 0 ? panelOptions : [...host.element.querySelectorAll<WebUiOption>(OPTION_TAG)]\n      },\n\n      refresh(previous, activeOption) {\n        const nextOptions = api.queryOptions()\n\n        // register/unregister 是 composed 事件：Portal 迁移时 target 会 retarget 成宿主，\n        // 不能作为监听器绑定依据；绑定只发生在按 DOM 查询确认身份的 option 上。\n        for (const option of previous) if (!nextOptions.includes(option)) unbindOption(option)\n        nextOptions.forEach(bindOption)\n\n        // 激活索引按 option 身份保持，避免移除中间项后静默偏移到相邻项\n        return {\n          options: nextOptions,\n          activeIndex: activeOption && nextOptions.includes(activeOption) ? nextOptions.indexOf(activeOption) : -1\n        }\n      },\n\n      ensureOptionIds(registryOptions) {\n        const usedIds = new Set(registryOptions.map(option => option.id).filter((id): id is string => Boolean(id)))\n        registryOptions.forEach(option => {\n          if (option.id) return\n\n          let id = optionIds.get(option)\n          if (!id || usedIds.has(id)) {\n            do {\n              id = `${host.idPrefix}-option-${++nextOptionId}`\n            } while (usedIds.has(id))\n            optionIds.set(option, id)\n          }\n          option.id = id\n          usedIds.add(id)\n        })\n      },\n\n      syncPortalContent() {\n        const portal = host.getPortal()\n        const portalContent = host.getPortalContent()\n        if (!portal || !portalContent) return\n\n        // 真删除（既不在 panel 也不在 light DOM）的 option 从 portal 追踪列表摘除，\n        // 否则关闭时 restoreContent 会把它复活回 light DOM。\n        for (const option of pendingUnregistered) {\n          if (!portalContent.contains(option) && !host.element.contains(option)) portal.removeContent([option])\n        }\n        pendingUnregistered.clear()\n\n        if (!host.isOpen()) return\n\n        // Portal 打开期间框架条件渲染（v-if）可能在 light DOM 插入新节点；\n        // panel 内已有内容时 queryOptions 不会回退 light DOM，必须显式迁入 panel。\n        // 注释（框架锚点与 portal 的 marker）不迁移：锚点留守宿主是实时渲染契约。\n        const nodes = host.getMigratableNodes().filter(node => !(node instanceof Comment))\n        if (nodes.length) portal.appendContent(nodes, portalContent)\n      },\n\n      scheduleRefresh() {\n        queueMicrotask(() => {\n          if (!host.element.isConnected) return\n          api.syncPortalContent()\n          host.requestUpdate()\n          // 关闭状态下 willUpdate 查不到 portal panel 内容；打开期的新增/删除\n          // 由宿主在微任务内立即同步 label 与激活态。\n          if (host.isOpen() && host.hasUpdated()) host.onImmediateSync?.()\n        })\n      },\n\n      handleOptionUnregister,\n\n      bindHost() {\n        host.element.addEventListener('option-register', handleRegister)\n        host.element.addEventListener('option-unregister', handleOptionUnregister)\n      },\n\n      dispose() {\n        host.element.removeEventListener('option-register', handleRegister)\n        host.element.removeEventListener('option-unregister', handleOptionUnregister)\n        pendingUnregistered.clear()\n      }\n    }\n\n    return api\n  })\nexport * from './combobox-shell'\n"],"mappings":"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"}

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

@@ -1,57 +1,92 @@
-import { defineOverlay as e } from "./overlay.js";
-import { hideOverlayPresence as t, showOverlayPresence as n } from "./presence.js";
-import { definePlugin as r } from "@greypan/js-kit";
-//#region src/shared/overlay/anchored-panel.ts
-var i = () => r((r) => {
-	let i, a, o = null, s = () => a?.panel ?? r.getLocalPanel(), c = () => {
-		o?.release(), o = null;
-	}, l = () => {
-		a && (a.restoreContent(), a.remove(), a = void 0, i = void 0);
-	}, u = () => r.isPortal() ? (a ??= r.createPortal(), a.panel) : r.getLocalPanel(), d = (t, n) => {
-		if (i) {
-			i.updateAnchor(t), i.update(r.getPositioning());
+import { defineOverlay } from "./overlay.js";
+import { hideOverlayPresence, showOverlayPresence } from "./presence.js";
+import { definePlugin } from "@greypan/js-kit";
+// src/shared/overlay/anchored-panel.ts
+const defineAnchoredPanel = () => definePlugin((ctx) => {
+	let overlay;
+	let portal;
+	let handle = null;
+	const getPanel = () => portal?.panel ?? ctx.getLocalPanel();
+	const releaseHandle = () => {
+		handle?.release();
+		handle = null;
+	};
+	const disposePortal = () => {
+		if (!portal) return;
+		portal.restoreContent();
+		portal.remove();
+		portal = void 0;
+		overlay = void 0;
+	};
+	const getOrCreatePanel = () => {
+		if (!ctx.isPortal()) return ctx.getLocalPanel();
+		portal ??= ctx.createPortal();
+		return portal.panel;
+	};
+	const ensureOverlay = (anchor, panel) => {
+		if (overlay) {
+			overlay.updateAnchor(anchor);
+			overlay.update(ctx.getPositioning());
 			return;
 		}
-		i = e().make({
-			anchor: t,
-			overlay: n,
-			...r.getPositioning()
+		overlay = defineOverlay().make({
+			anchor,
+			overlay: panel,
+			...ctx.getPositioning()
 		});
-	}, f = (e = !1) => {
-		let t = r.getAnchor();
-		if (!t) return;
-		let a = u();
-		a && (c(), o = r.openOverlay.claim(a, {
-			arbitration: r.arbitration,
-			ancestryFrom: t
-		}), d(t, a), i?.open(), n(a, { isInstant: e }));
-	}, p = () => {
-		i?.dispose(), i = void 0, c(), l();
+	};
+	const open = (isInstant = false) => {
+		const anchor = ctx.getAnchor();
+		if (!anchor) return;
+		const panel = getOrCreatePanel();
+		if (!panel) return;
+		releaseHandle();
+		handle = ctx.openOverlay.claim(panel, {
+			arbitration: ctx.arbitration,
+			ancestryFrom: anchor
+		});
+		ensureOverlay(anchor, panel);
+		overlay?.open();
+		showOverlayPresence(panel, { isInstant });
+	};
+	const dispose = () => {
+		overlay?.dispose();
+		overlay = void 0;
+		releaseHandle();
+		disposePortal();
 	};
 	return {
 		getPanel() {
-			return s();
+			return getPanel();
 		},
 		getHandle() {
-			return o;
+			return handle;
 		},
-		open: f,
-		async close(e) {
-			o?.deferArbitration(), i?.close();
-			let n = s();
-			return n && !await t(n) ? !1 : e() ? (o?.deferArbitration(!1), !1) : (c(), l(), !0);
+		open,
+		async close(isStillOpen) {
+			handle?.deferArbitration();
+			overlay?.close();
+			const panel = getPanel();
+			if (panel && !await hideOverlayPresence(panel)) return false;
+			if (isStillOpen()) {
+				handle?.deferArbitration(false);
+				return false;
+			}
+			releaseHandle();
+			disposePortal();
+			return true;
 		},
 		updatePosition() {
-			i?.update(r.getPositioning());
+			overlay?.update(ctx.getPositioning());
 		},
-		reconfigure(e) {
-			let t = s()?.dataset.wuiPresence === "entering";
-			p(), e && f(!t);
+		reconfigure(isOpen) {
+			const shouldAnimate = getPanel()?.dataset.wuiPresence === "entering";
+			dispose();
+			if (isOpen) open(!shouldAnimate);
 		},
-		dispose: p
+		dispose
 	};
 });
-//#endregion
-export { i as defineAnchoredPanel };
+export { defineAnchoredPanel };
 
 //# sourceMappingURL=anchored-panel.js.map