@greypan/web-ui 11.2.0 → 12.0.0

package/dist/shared/overlay/overlay-root.js

@@ -1,29 +1,38 @@
-import e from "../../classes/glass.js";
-import t from "../../assets/overlay-motion.js";
-import n from "../../scrollbars/internal.js";
-import r from "../../assets/menu-portal.js";
-import i from "../../assets/toast-containers.js";
-//#region src/shared/overlay/overlay-root.ts
-var a = "data-wui-overlay-root", o = `${e}\n${i}\n${r}\n${t}\n${n}`;
-function s(e) {
-	let t = document.createElement("style");
-	t.textContent = o, e.prepend(t);
+import glass_default from "../../classes/glass.js";
+import overlay_motion_default from "../../assets/overlay-motion.js";
+import scrollbar_default from "../../assets/scrollbar.js";
+import menu_portal_default from "../../assets/menu-portal.js";
+import toast_containers_default from "../../assets/toast-containers.js";
+// src/shared/overlay/overlay-root.ts
+/**
+* Theme-owned overlay root plumbing: applies shared overlay styles to a theme
+* root and lazily creates the document-level fallback overlay root.
+*/
+const FALLBACK_ROOT_ATTRIBUTE = "data-wui-overlay-root";
+const overlayStyle = `${glass_default}\n${toast_containers_default}\n${menu_portal_default}\n${overlay_motion_default}\n${scrollbar_default}`;
+function applyOverlayRootStyles(root) {
+	const style = document.createElement("style");
+	style.textContent = overlayStyle;
+	root.prepend(style);
 }
-function c() {
-	let e = document.querySelector(`[${a}]`);
-	if (e?.shadowRoot) return l(e.shadowRoot);
-	let t = document.createElement("div");
-	t.setAttribute(a, "");
-	let n = t.attachShadow({ mode: "open" });
-	return s(n), document.body.appendChild(t), l(n);
+function getFallbackOverlayRoot() {
+	const existing = document.querySelector(`[${FALLBACK_ROOT_ATTRIBUTE}]`);
+	if (existing?.shadowRoot) return getOverlayContainer(existing.shadowRoot);
+	const host = document.createElement("div");
+	host.setAttribute(FALLBACK_ROOT_ATTRIBUTE, "");
+	const root = host.attachShadow({ mode: "open" });
+	applyOverlayRootStyles(root);
+	document.body.appendChild(host);
+	return getOverlayContainer(root);
 }
-function l(e) {
-	let t = e.querySelector("[data-wui-overlay-container]");
-	if (t) return t;
-	let n = document.createElement("div");
-	return n.setAttribute("data-wui-overlay-container", ""), e.appendChild(n), n;
+function getOverlayContainer(root) {
+	const existing = root.querySelector("[data-wui-overlay-container]");
+	if (existing) return existing;
+	const container = document.createElement("div");
+	container.setAttribute("data-wui-overlay-container", "");
+	root.appendChild(container);
+	return container;
 }
-//#endregion
-export { s as applyOverlayRootStyles, c as getFallbackOverlayRoot, l as getOverlayContainer };
+export { applyOverlayRootStyles, getFallbackOverlayRoot, getOverlayContainer };
 
 //# sourceMappingURL=overlay-root.js.map

package/dist/shared/overlay/overlay-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-root.js","names":[],"sources":["../../../src/shared/overlay/overlay-root.ts"],"sourcesContent":["import menuPortalStyle from '@/assets/menu-portal.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport toastContainerStyle from '@/assets/toast-containers.css?inline'\nimport glass from '@/classes/glass.css?inline'\nimport internalScrollbars from '@/scrollbars/internal.css?inline'\n\n/**\n * Theme-owned overlay root plumbing: applies shared overlay styles to a theme\n * root and lazily creates the document-level fallback overlay root.\n */\nconst FALLBACK_ROOT_ATTRIBUTE = 'data-wui-overlay-root'\n\nconst overlayStyle = `${glass}\\n${toastContainerStyle}\\n${menuPortalStyle}\\n${overlayMotion}\\n${internalScrollbars}`\n\nexport function applyOverlayRootStyles(root: ShadowRoot) {\n  const style = document.createElement('style')\n  style.textContent = overlayStyle\n  root.prepend(style)\n}\n\nexport function getFallbackOverlayRoot(): HTMLElement {\n  const existing = document.querySelector<HTMLElement>(`[${FALLBACK_ROOT_ATTRIBUTE}]`)\n  if (existing?.shadowRoot) return getOverlayContainer(existing.shadowRoot)\n\n  const host = document.createElement('div')\n  host.setAttribute(FALLBACK_ROOT_ATTRIBUTE, '')\n  const root = host.attachShadow({ mode: 'open' })\n  applyOverlayRootStyles(root)\n  document.body.appendChild(host)\n  return getOverlayContainer(root)\n}\n\nexport function getOverlayContainer(root: ShadowRoot): HTMLElement {\n  const existing = root.querySelector<HTMLElement>('[data-wui-overlay-container]')\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.setAttribute('data-wui-overlay-container', '')\n  root.appendChild(container)\n  return container\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAA0B,yBAE1B,IAAe,GAAG,EAAM,IAAI,EAAoB,IAAI,EAAgB,IAAI,EAAc,IAAI;AAEhG,SAAgB,EAAuB,GAAkB;CACvD,IAAM,IAAQ,SAAS,cAAc,OAAO;CAE5C,AADA,EAAM,cAAc,GACpB,EAAK,QAAQ,CAAK;AACpB;AAEA,SAAgB,IAAsC;CACpD,IAAM,IAAW,SAAS,cAA2B,IAAI,EAAwB,EAAE;CACnF,IAAI,GAAU,YAAY,OAAO,EAAoB,EAAS,UAAU;CAExE,IAAM,IAAO,SAAS,cAAc,KAAK;CACzC,EAAK,aAAa,GAAyB,EAAE;CAC7C,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC;CAG/C,OAFA,EAAuB,CAAI,GAC3B,SAAS,KAAK,YAAY,CAAI,GACvB,EAAoB,CAAI;AACjC;AAEA,SAAgB,EAAoB,GAA+B;CACjE,IAAM,IAAW,EAAK,cAA2B,8BAA8B;CAC/E,IAAI,GAAU,OAAO;CAErB,IAAM,IAAY,SAAS,cAAc,KAAK;CAG9C,OAFA,EAAU,aAAa,8BAA8B,EAAE,GACvD,EAAK,YAAY,CAAS,GACnB;AACT"}
+{"version":3,"file":"overlay-root.js","names":["glass","toastContainerStyle","menuPortalStyle","overlayMotion","scrollbarStyle"],"sources":["../../../src/shared/overlay/overlay-root.ts"],"sourcesContent":["import menuPortalStyle from '@/assets/menu-portal.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport scrollbarStyle from '@/assets/scrollbar.css?inline'\nimport toastContainerStyle from '@/assets/toast-containers.css?inline'\nimport glass from '@/classes/glass.css?inline'\n\n/**\n * Theme-owned overlay root plumbing: applies shared overlay styles to a theme\n * root and lazily creates the document-level fallback overlay root.\n */\nconst FALLBACK_ROOT_ATTRIBUTE = 'data-wui-overlay-root'\n\nconst overlayStyle = `${glass}\\n${toastContainerStyle}\\n${menuPortalStyle}\\n${overlayMotion}\\n${scrollbarStyle}`\n\nexport function applyOverlayRootStyles(root: ShadowRoot) {\n  const style = document.createElement('style')\n  style.textContent = overlayStyle\n  root.prepend(style)\n}\n\nexport function getFallbackOverlayRoot(): HTMLElement {\n  const existing = document.querySelector<HTMLElement>(`[${FALLBACK_ROOT_ATTRIBUTE}]`)\n  if (existing?.shadowRoot) return getOverlayContainer(existing.shadowRoot)\n\n  const host = document.createElement('div')\n  host.setAttribute(FALLBACK_ROOT_ATTRIBUTE, '')\n  const root = host.attachShadow({ mode: 'open' })\n  applyOverlayRootStyles(root)\n  document.body.appendChild(host)\n  return getOverlayContainer(root)\n}\n\nexport function getOverlayContainer(root: ShadowRoot): HTMLElement {\n  const existing = root.querySelector<HTMLElement>('[data-wui-overlay-container]')\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.setAttribute('data-wui-overlay-container', '')\n  root.appendChild(container)\n  return container\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAM,0BAA0B;AAEhC,MAAM,eAAe,GAAGA,cAAM,IAAIC,yBAAoB,IAAIC,oBAAgB,IAAIC,uBAAc,IAAIC;AAEhG,SAAgB,uBAAuB,MAAkB;CACvD,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,cAAc;CACpB,KAAK,QAAQ,KAAK;AACpB;AAEA,SAAgB,yBAAsC;CACpD,MAAM,WAAW,SAAS,cAA2B,IAAI,wBAAwB,EAAE;CACnF,IAAI,UAAU,YAAY,OAAO,oBAAoB,SAAS,UAAU;CAExE,MAAM,OAAO,SAAS,cAAc,KAAK;CACzC,KAAK,aAAa,yBAAyB,EAAE;CAC7C,MAAM,OAAO,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;CAC/C,uBAAuB,IAAI;CAC3B,SAAS,KAAK,YAAY,IAAI;CAC9B,OAAO,oBAAoB,IAAI;AACjC;AAEA,SAAgB,oBAAoB,MAA+B;CACjE,MAAM,WAAW,KAAK,cAA2B,8BAA8B;CAC/E,IAAI,UAAU,OAAO;CAErB,MAAM,YAAY,SAAS,cAAc,KAAK;CAC9C,UAAU,aAAa,8BAA8B,EAAE;CACvD,KAAK,YAAY,SAAS;CAC1B,OAAO;AACT"}

package/dist/shared/overlay/overlay.js

@@ -1,101 +1,144 @@
-import { defineOverlayPositioningGeneration as e } from "./positioning-generation.js";
-import { definePlugin as t } from "@greypan/js-kit";
-import { autoUpdate as n, computePosition as r, flip as i, offset as a, shift as o, size as s } from "@floating-ui/dom";
-//#region src/shared/overlay/overlay.ts
-var c = 120, l = "--wui-overlay-min-width", u = {
+import { defineOverlayPositioningGeneration } from "./positioning-generation.js";
+import { definePlugin } from "@greypan/js-kit";
+import { autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
+// src/shared/overlay/overlay.ts
+const DEFAULT_OVERLAY_MIN_WIDTH = 120;
+const OVERLAY_MIN_WIDTH_VARIABLE = "--wui-overlay-min-width";
+const DEFAULT_OPTIONS = {
 	placement: "bottom-start",
 	offset: 4,
-	flip: !0,
-	shift: !0,
-	matchWidth: !1,
-	minAnchorWidth: !1,
+	flip: true,
+	shift: true,
+	matchWidth: false,
+	minAnchorWidth: false,
 	strategy: "absolute"
 };
-function d(e) {
-	if (typeof getComputedStyle != "function") return c;
-	let t = Number.parseFloat(getComputedStyle(e).getPropertyValue(l));
-	return Number.isFinite(t) ? t : c;
+function readOverlayMinWidth(overlay) {
+	if (typeof getComputedStyle !== "function") return DEFAULT_OVERLAY_MIN_WIDTH;
+	const minWidth = Number.parseFloat(getComputedStyle(overlay).getPropertyValue(OVERLAY_MIN_WIDTH_VARIABLE));
+	return Number.isFinite(minWidth) ? minWidth : DEFAULT_OVERLAY_MIN_WIDTH;
 }
-function f(e) {
-	e.style.removeProperty("width"), e.style.removeProperty("min-width");
+function clearManagedWidthStyles(overlay) {
+	overlay.style.removeProperty("width");
+	overlay.style.removeProperty("min-width");
 }
-function p(e, t, n, r, i) {
-	let a = () => r.isCurrent(i);
-	if (t.matchWidth) return e.style.removeProperty("min-width"), n.hasManagedStyles = !0, s({ apply({ rects: t }) {
-		a() && (e.style.width = `${t.reference.width}px`);
-	} });
-	if (t.minAnchorWidth) {
-		let t = d(e);
-		return n.hasManagedStyles = !0, s({ apply({ rects: n }) {
-			a() && (e.style.width = "max-content", e.style.minWidth = `${Math.max(n.reference.width, t)}px`);
+function createWidthMiddleware(overlay, options, widthStyles, positioningGeneration, generation) {
+	const isCurrentGeneration = () => positioningGeneration.isCurrent(generation);
+	if (options.matchWidth) {
+		overlay.style.removeProperty("min-width");
+		widthStyles.hasManagedStyles = true;
+		return size({ apply({ rects }) {
+			if (!isCurrentGeneration()) return;
+			overlay.style.width = `${rects.reference.width}px`;
 		} });
 	}
-	n.hasManagedStyles &&= (f(e), !1);
+	if (options.minAnchorWidth) {
+		const minWidth = readOverlayMinWidth(overlay);
+		widthStyles.hasManagedStyles = true;
+		return size({ apply({ rects }) {
+			if (!isCurrentGeneration()) return;
+			overlay.style.width = "max-content";
+			overlay.style.minWidth = `${Math.max(rects.reference.width, minWidth)}px`;
+		} });
+	}
+	if (widthStyles.hasManagedStyles) {
+		clearManagedWidthStyles(overlay);
+		widthStyles.hasManagedStyles = false;
+	}
 }
-function m(e, t, n, r, s) {
-	let c = [a(t.offset)];
-	if (t.flip && c.push(i()), t.shift) {
-		let e = t.placement.split("-")[0];
-		c.push(o({
+function createPositioningMiddleware(overlay, options, widthStyles, positioningGeneration, generation) {
+	const middleware = [offset(options.offset)];
+	if (options.flip) middleware.push(flip());
+	if (options.shift) {
+		const side = options.placement.split("-")[0];
+		middleware.push(shift({
 			padding: 8,
-			crossAxis: e === "left" || e === "right"
+			crossAxis: side === "left" || side === "right"
 		}));
 	}
-	let l = p(e, t, n, r, s);
-	return l && c.push(l), c;
+	const widthMiddleware = createWidthMiddleware(overlay, options, widthStyles, positioningGeneration, generation);
+	if (widthMiddleware) middleware.push(widthMiddleware);
+	return middleware;
 }
-function h(e) {
-	let [t, n] = e.split("-"), r = n === "start" ? "left" : n === "end" ? "right" : "center", i = n === "start" ? "top" : n === "end" ? "bottom" : "center";
-	return t === "top" ? `bottom ${r}` : t === "bottom" ? `top ${r}` : t === "left" ? `right ${i}` : `left ${i}`;
+function getTransformOrigin(placement) {
+	const [side, alignment] = placement.split("-");
+	const horizontalOrigin = alignment === "start" ? "left" : alignment === "end" ? "right" : "center";
+	const verticalOrigin = alignment === "start" ? "top" : alignment === "end" ? "bottom" : "center";
+	if (side === "top") return `bottom ${horizontalOrigin}`;
+	if (side === "bottom") return `top ${horizontalOrigin}`;
+	if (side === "left") return `right ${verticalOrigin}`;
+	return `left ${verticalOrigin}`;
 }
-var g = () => t((t) => {
-	let i = {
-		placement: t.placement ?? u.placement,
-		offset: t.offset ?? u.offset,
-		flip: t.flip ?? u.flip,
-		shift: t.shift ?? u.shift,
-		matchWidth: t.matchWidth ?? u.matchWidth,
-		minAnchorWidth: t.minAnchorWidth ?? u.minAnchorWidth,
-		strategy: t.strategy ?? u.strategy
-	}, a = t.overlay, o = { hasManagedStyles: !1 }, s = !1, c = null, l = t.anchor, d = e().make();
-	function f() {
-		let e = d.next(), t = m(a, i, o, d, e), u = () => {
-			r(l, a, {
-				placement: i.placement,
-				strategy: i.strategy,
-				middleware: t
-			}).then(({ x: t, y: n, placement: r }) => {
-				d.isCurrent(e) && s && (a.style.left = `${t}px`, a.style.top = `${n}px`, a.style.setProperty("--wui-internal-overlay-transform-origin", h(r)));
+const defineOverlay = () => definePlugin((ctx) => {
+	const options = {
+		placement: ctx.placement ?? DEFAULT_OPTIONS.placement,
+		offset: ctx.offset ?? DEFAULT_OPTIONS.offset,
+		flip: ctx.flip ?? DEFAULT_OPTIONS.flip,
+		shift: ctx.shift ?? DEFAULT_OPTIONS.shift,
+		matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,
+		minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,
+		strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy
+	};
+	const overlay = ctx.overlay;
+	const widthStyles = { hasManagedStyles: false };
+	let isOpen = false;
+	let cleanupAutoUpdate = null;
+	let currentAnchor = ctx.anchor;
+	const positioningGeneration = defineOverlayPositioningGeneration().make();
+	function updatePosition() {
+		const generation = positioningGeneration.next();
+		const middleware = createPositioningMiddleware(overlay, options, widthStyles, positioningGeneration, generation);
+		const applyPosition = () => {
+			computePosition(currentAnchor, overlay, {
+				placement: options.placement,
+				strategy: options.strategy,
+				middleware
+			}).then(({ x, y, placement }) => {
+				if (!positioningGeneration.isCurrent(generation) || !isOpen) return;
+				overlay.style.left = `${x}px`;
+				overlay.style.top = `${y}px`;
+				overlay.style.setProperty("--wui-internal-overlay-transform-origin", getTransformOrigin(placement));
 			});
 		};
-		u(), c?.(), c = n(l, a, u);
+		applyPosition();
+		cleanupAutoUpdate?.();
+		cleanupAutoUpdate = autoUpdate(currentAnchor, overlay, applyPosition);
 	}
 	return {
 		isOpen() {
-			return s;
+			return isOpen;
 		},
-		options: i,
+		options,
 		open() {
-			s || (s = !0, a.style.display = "", f());
+			if (isOpen) return;
+			isOpen = true;
+			overlay.style.display = "";
+			updatePosition();
 		},
 		close() {
-			s && (s = !1, d.invalidate(), c?.(), c = null);
+			if (!isOpen) return;
+			isOpen = false;
+			positioningGeneration.invalidate();
+			cleanupAutoUpdate?.();
+			cleanupAutoUpdate = null;
 		},
 		toggle() {
-			s ? this.close() : this.open();
+			if (isOpen) this.close();
+			else this.open();
 		},
-		update(e) {
-			Object.assign(i, e), s && f();
+		update(nextOptions) {
+			Object.assign(options, nextOptions);
+			if (isOpen) updatePosition();
 		},
-		updateAnchor(e) {
-			l = e, s && f();
+		updateAnchor(newAnchor) {
+			currentAnchor = newAnchor;
+			if (isOpen) updatePosition();
 		},
 		dispose() {
 			this.close();
 		}
 	};
 });
-//#endregion
-export { g as defineOverlay };
+export { defineOverlay };
 
 //# sourceMappingURL=overlay.js.map

package/dist/shared/overlay/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../src/shared/overlay/overlay.ts"],"sourcesContent":["import {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  type Middleware,\n  type Placement,\n  type Strategy\n} from '@floating-ui/dom'\nimport { definePlugin } from '@greypan/js-kit'\n\nimport { defineOverlayPositioningGeneration, type OverlayPositioningGeneration } from './positioning-generation'\n\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** panel 宽度与锚点宽度保持一致。 */\n  matchWidth?: boolean\n  /** panel 至少与锚点同宽，同时允许内容将 panel 撑宽。 */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\n/** 虚拟锚点：无对应 DOM 元素的定位基准。context-menu 未走 defineOverlay（定位语义分歧见 ADR-0038）。 */\nexport interface OverlayVirtualAnchor {\n  getBoundingClientRect(): DOMRect\n}\n\nexport type OverlayAnchor = HTMLElement | OverlayVirtualAnchor\n\nexport interface OverlayApi {\n  isOpen(): boolean\n  readonly options: Required<OverlayOptions>\n  open(): void\n  close(): void\n  toggle(): void\n  update(options: Partial<OverlayOptions>): void\n  updateAnchor(anchor: OverlayAnchor): void\n  dispose(): void\n}\n\nconst DEFAULT_OVERLAY_MIN_WIDTH = 120\nconst OVERLAY_MIN_WIDTH_VARIABLE = '--wui-overlay-min-width'\n\nconst DEFAULT_OPTIONS: Required<OverlayOptions> = {\n  placement: 'bottom-start',\n  offset: 4,\n  flip: true,\n  shift: true,\n  matchWidth: false,\n  minAnchorWidth: false,\n  strategy: 'absolute'\n}\n\ninterface WidthStyleState {\n  hasManagedStyles: boolean\n}\n\nfunction readOverlayMinWidth(overlay: HTMLElement): number {\n  if (typeof getComputedStyle !== 'function') return DEFAULT_OVERLAY_MIN_WIDTH\n\n  const minWidth = Number.parseFloat(getComputedStyle(overlay).getPropertyValue(OVERLAY_MIN_WIDTH_VARIABLE))\n  return Number.isFinite(minWidth) ? minWidth : DEFAULT_OVERLAY_MIN_WIDTH\n}\n\nfunction clearManagedWidthStyles(overlay: HTMLElement) {\n  overlay.style.removeProperty('width')\n  overlay.style.removeProperty('min-width')\n}\n\nfunction createWidthMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState,\n  positioningGeneration: OverlayPositioningGeneration,\n  generation: number\n): Middleware | undefined {\n  const isCurrentGeneration = () => positioningGeneration.isCurrent(generation)\n  if (options.matchWidth) {\n    // matchWidth 必须移除之前 minAnchorWidth 写入的 min-width，才能精确跟随 trigger。\n    overlay.style.removeProperty('min-width')\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        if (!isCurrentGeneration()) return\n        overlay.style.width = `${rects.reference.width}px`\n      }\n    })\n  }\n\n  if (options.minAnchorWidth) {\n    const minWidth = readOverlayMinWidth(overlay)\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        if (!isCurrentGeneration()) return\n        // max-content 让内容决定宽度，min-width 再提供 trigger 与 floor 两个下限。\n        overlay.style.width = 'max-content'\n        overlay.style.minWidth = `${Math.max(rects.reference.width, minWidth)}px`\n      }\n    })\n  }\n\n  if (widthStyles.hasManagedStyles) {\n    clearManagedWidthStyles(overlay)\n    widthStyles.hasManagedStyles = false\n  }\n\n  return undefined\n}\n\nfunction createPositioningMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState,\n  positioningGeneration: OverlayPositioningGeneration,\n  generation: number\n): Middleware[] {\n  const middleware: Middleware[] = [offset(options.offset)]\n  if (options.flip) middleware.push(flip())\n  if (options.shift) {\n    const side = options.placement.split('-')[0]\n    middleware.push(shift({ padding: 8, crossAxis: side === 'left' || side === 'right' }))\n  }\n\n  const widthMiddleware = createWidthMiddleware(overlay, options, widthStyles, positioningGeneration, generation)\n  if (widthMiddleware) middleware.push(widthMiddleware)\n\n  return middleware\n}\n\nfunction getTransformOrigin(placement: Placement): string {\n  const [side, alignment] = placement.split('-')\n  const horizontalOrigin = alignment === 'start' ? 'left' : alignment === 'end' ? 'right' : 'center'\n  const verticalOrigin = alignment === 'start' ? 'top' : alignment === 'end' ? 'bottom' : 'center'\n\n  if (side === 'top') return `bottom ${horizontalOrigin}`\n  if (side === 'bottom') return `top ${horizontalOrigin}`\n  if (side === 'left') return `right ${verticalOrigin}`\n  return `left ${verticalOrigin}`\n}\n\nexport const defineOverlay = () =>\n  definePlugin<OverlayApi, { anchor: OverlayAnchor; overlay: HTMLElement } & OverlayOptions>(ctx => {\n    const options: Required<OverlayOptions> = {\n      placement: ctx.placement ?? DEFAULT_OPTIONS.placement,\n      offset: ctx.offset ?? DEFAULT_OPTIONS.offset,\n      flip: ctx.flip ?? DEFAULT_OPTIONS.flip,\n      shift: ctx.shift ?? DEFAULT_OPTIONS.shift,\n      matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,\n      minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,\n      strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy\n    }\n\n    const overlay = ctx.overlay\n    const widthStyles: WidthStyleState = { hasManagedStyles: false }\n    let isOpen = false\n    let cleanupAutoUpdate: (() => void) | null = null\n    let currentAnchor = ctx.anchor\n    // 每次刷新都是新定位代；open 期间 autoUpdate 的多次回调属于同一代。\n    // reposition/close 会让上一代 promise 失效，避免乱序完成覆盖最新坐标。\n    const positioningGeneration = defineOverlayPositioningGeneration().make()\n\n    function updatePosition() {\n      const generation = positioningGeneration.next()\n      const middleware = createPositioningMiddleware(overlay, options, widthStyles, positioningGeneration, generation)\n\n      const applyPosition = () => {\n        void computePosition(currentAnchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          if (!positioningGeneration.isCurrent(generation) || !isOpen) return\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-internal-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      }\n\n      // 立即定位一次，避免 overlay 首帧出现在左上角；autoUpdate 负责后续滚动/尺寸变化。\n      applyPosition()\n      cleanupAutoUpdate?.()\n      cleanupAutoUpdate = autoUpdate(currentAnchor, overlay, applyPosition)\n    }\n\n    return {\n      isOpen() {\n        return isOpen\n      },\n      options,\n\n      open() {\n        if (isOpen) return\n        isOpen = true\n        overlay.style.display = ''\n        updatePosition()\n      },\n\n      close() {\n        if (!isOpen) return\n        isOpen = false\n        positioningGeneration.invalidate()\n        cleanupAutoUpdate?.()\n        cleanupAutoUpdate = null\n      },\n\n      toggle() {\n        if (isOpen) this.close()\n        else this.open()\n      },\n\n      update(nextOptions) {\n        Object.assign(options, nextOptions)\n        if (isOpen) updatePosition()\n      },\n\n      updateAnchor(newAnchor: OverlayAnchor) {\n        currentAnchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  })\n"],"mappings":"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"}
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../src/shared/overlay/overlay.ts"],"sourcesContent":["import {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  type Middleware,\n  type Placement,\n  type Strategy\n} from '@floating-ui/dom'\nimport { definePlugin } from '@greypan/js-kit'\n\nimport { defineOverlayPositioningGeneration, type OverlayPositioningGeneration } from './positioning-generation'\n\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** panel 宽度与锚点宽度保持一致。 */\n  matchWidth?: boolean\n  /** panel 至少与锚点同宽，同时允许内容将 panel 撑宽。 */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\n/** 虚拟锚点：无对应 DOM 元素的定位基准。context-menu 未走 defineOverlay（定位语义分歧见 ADR-0038）。 */\nexport interface OverlayVirtualAnchor {\n  getBoundingClientRect(): DOMRect\n}\n\nexport type OverlayAnchor = HTMLElement | OverlayVirtualAnchor\n\nexport interface OverlayApi {\n  isOpen(): boolean\n  readonly options: Required<OverlayOptions>\n  open(): void\n  close(): void\n  toggle(): void\n  update(options: Partial<OverlayOptions>): void\n  updateAnchor(anchor: OverlayAnchor): void\n  dispose(): void\n}\n\nconst DEFAULT_OVERLAY_MIN_WIDTH = 120\nconst OVERLAY_MIN_WIDTH_VARIABLE = '--wui-overlay-min-width'\n\nconst DEFAULT_OPTIONS: Required<OverlayOptions> = {\n  placement: 'bottom-start',\n  offset: 4,\n  flip: true,\n  shift: true,\n  matchWidth: false,\n  minAnchorWidth: false,\n  strategy: 'absolute'\n}\n\ninterface WidthStyleState {\n  hasManagedStyles: boolean\n}\n\nfunction readOverlayMinWidth(overlay: HTMLElement): number {\n  if (typeof getComputedStyle !== 'function') return DEFAULT_OVERLAY_MIN_WIDTH\n\n  const minWidth = Number.parseFloat(getComputedStyle(overlay).getPropertyValue(OVERLAY_MIN_WIDTH_VARIABLE))\n  return Number.isFinite(minWidth) ? minWidth : DEFAULT_OVERLAY_MIN_WIDTH\n}\n\nfunction clearManagedWidthStyles(overlay: HTMLElement) {\n  overlay.style.removeProperty('width')\n  overlay.style.removeProperty('min-width')\n}\n\nfunction createWidthMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState,\n  positioningGeneration: OverlayPositioningGeneration,\n  generation: number\n): Middleware | undefined {\n  const isCurrentGeneration = () => positioningGeneration.isCurrent(generation)\n  if (options.matchWidth) {\n    // matchWidth 必须移除之前 minAnchorWidth 写入的 min-width，才能精确跟随 trigger。\n    overlay.style.removeProperty('min-width')\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        if (!isCurrentGeneration()) return\n        overlay.style.width = `${rects.reference.width}px`\n      }\n    })\n  }\n\n  if (options.minAnchorWidth) {\n    const minWidth = readOverlayMinWidth(overlay)\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        if (!isCurrentGeneration()) return\n        // max-content 让内容决定宽度，min-width 再提供 trigger 与 floor 两个下限。\n        overlay.style.width = 'max-content'\n        overlay.style.minWidth = `${Math.max(rects.reference.width, minWidth)}px`\n      }\n    })\n  }\n\n  if (widthStyles.hasManagedStyles) {\n    clearManagedWidthStyles(overlay)\n    widthStyles.hasManagedStyles = false\n  }\n\n  return undefined\n}\n\nfunction createPositioningMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState,\n  positioningGeneration: OverlayPositioningGeneration,\n  generation: number\n): Middleware[] {\n  const middleware: Middleware[] = [offset(options.offset)]\n  if (options.flip) middleware.push(flip())\n  if (options.shift) {\n    const side = options.placement.split('-')[0]\n    middleware.push(shift({ padding: 8, crossAxis: side === 'left' || side === 'right' }))\n  }\n\n  const widthMiddleware = createWidthMiddleware(overlay, options, widthStyles, positioningGeneration, generation)\n  if (widthMiddleware) middleware.push(widthMiddleware)\n\n  return middleware\n}\n\nfunction getTransformOrigin(placement: Placement): string {\n  const [side, alignment] = placement.split('-')\n  const horizontalOrigin = alignment === 'start' ? 'left' : alignment === 'end' ? 'right' : 'center'\n  const verticalOrigin = alignment === 'start' ? 'top' : alignment === 'end' ? 'bottom' : 'center'\n\n  if (side === 'top') return `bottom ${horizontalOrigin}`\n  if (side === 'bottom') return `top ${horizontalOrigin}`\n  if (side === 'left') return `right ${verticalOrigin}`\n  return `left ${verticalOrigin}`\n}\n\nexport const defineOverlay = () =>\n  definePlugin<OverlayApi, { anchor: OverlayAnchor; overlay: HTMLElement } & OverlayOptions>(ctx => {\n    const options: Required<OverlayOptions> = {\n      placement: ctx.placement ?? DEFAULT_OPTIONS.placement,\n      offset: ctx.offset ?? DEFAULT_OPTIONS.offset,\n      flip: ctx.flip ?? DEFAULT_OPTIONS.flip,\n      shift: ctx.shift ?? DEFAULT_OPTIONS.shift,\n      matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,\n      minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,\n      strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy\n    }\n\n    const overlay = ctx.overlay\n    const widthStyles: WidthStyleState = { hasManagedStyles: false }\n    let isOpen = false\n    let cleanupAutoUpdate: (() => void) | null = null\n    let currentAnchor = ctx.anchor\n    // 每次刷新都是新定位代；open 期间 autoUpdate 的多次回调属于同一代。\n    // reposition/close 会让上一代 promise 失效，避免乱序完成覆盖最新坐标。\n    const positioningGeneration = defineOverlayPositioningGeneration().make()\n\n    function updatePosition() {\n      const generation = positioningGeneration.next()\n      const middleware = createPositioningMiddleware(overlay, options, widthStyles, positioningGeneration, generation)\n\n      const applyPosition = () => {\n        void computePosition(currentAnchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          if (!positioningGeneration.isCurrent(generation) || !isOpen) return\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-internal-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      }\n\n      // 立即定位一次，避免 overlay 首帧出现在左上角；autoUpdate 负责后续滚动/尺寸变化。\n      applyPosition()\n      cleanupAutoUpdate?.()\n      cleanupAutoUpdate = autoUpdate(currentAnchor, overlay, applyPosition)\n    }\n\n    return {\n      isOpen() {\n        return isOpen\n      },\n      options,\n\n      open() {\n        if (isOpen) return\n        isOpen = true\n        overlay.style.display = ''\n        updatePosition()\n      },\n\n      close() {\n        if (!isOpen) return\n        isOpen = false\n        positioningGeneration.invalidate()\n        cleanupAutoUpdate?.()\n        cleanupAutoUpdate = null\n      },\n\n      toggle() {\n        if (isOpen) this.close()\n        else this.open()\n      },\n\n      update(nextOptions) {\n        Object.assign(options, nextOptions)\n        if (isOpen) updatePosition()\n      },\n\n      updateAnchor(newAnchor: OverlayAnchor) {\n        currentAnchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  })\n"],"mappings":";;;;AA6CA,MAAM,4BAA4B;AAClC,MAAM,6BAA6B;AAEnC,MAAM,kBAA4C;CAChD,WAAW;CACX,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,UAAU;AACZ;AAMA,SAAS,oBAAoB,SAA8B;CACzD,IAAI,OAAO,qBAAqB,YAAY,OAAO;CAEnD,MAAM,WAAW,OAAO,WAAW,iBAAiB,OAAO,CAAC,CAAC,iBAAiB,0BAA0B,CAAC;CACzG,OAAO,OAAO,SAAS,QAAQ,IAAI,WAAW;AAChD;AAEA,SAAS,wBAAwB,SAAsB;CACrD,QAAQ,MAAM,eAAe,OAAO;CACpC,QAAQ,MAAM,eAAe,WAAW;AAC1C;AAEA,SAAS,sBACP,SACA,SACA,aACA,uBACA,YACwB;CACxB,MAAM,4BAA4B,sBAAsB,UAAU,UAAU;CAC5E,IAAI,QAAQ,YAAY;EAEtB,QAAQ,MAAM,eAAe,WAAW;EACxC,YAAY,mBAAmB;EAC/B,OAAO,KAAK,EACV,MAAM,EAAE,SAAS;GACf,IAAI,CAAC,oBAAoB,GAAG;GAC5B,QAAQ,MAAM,QAAQ,GAAG,MAAM,UAAU,MAAM;EACjD,EACF,CAAC;CACH;CAEA,IAAI,QAAQ,gBAAgB;EAC1B,MAAM,WAAW,oBAAoB,OAAO;EAC5C,YAAY,mBAAmB;EAC/B,OAAO,KAAK,EACV,MAAM,EAAE,SAAS;GACf,IAAI,CAAC,oBAAoB,GAAG;GAE5B,QAAQ,MAAM,QAAQ;GACtB,QAAQ,MAAM,WAAW,GAAG,KAAK,IAAI,MAAM,UAAU,OAAO,QAAQ,EAAE;EACxE,EACF,CAAC;CACH;CAEA,IAAI,YAAY,kBAAkB;EAChC,wBAAwB,OAAO;EAC/B,YAAY,mBAAmB;CACjC;AAGF;AAEA,SAAS,4BACP,SACA,SACA,aACA,uBACA,YACc;CACd,MAAM,aAA2B,CAAC,OAAO,QAAQ,MAAM,CAAC;CACxD,IAAI,QAAQ,MAAM,WAAW,KAAK,KAAK,CAAC;CACxC,IAAI,QAAQ,OAAO;EACjB,MAAM,OAAO,QAAQ,UAAU,MAAM,GAAG,CAAC,CAAC;EAC1C,WAAW,KAAK,MAAM;GAAE,SAAS;GAAG,WAAW,SAAS,UAAU,SAAS;EAAQ,CAAC,CAAC;CACvF;CAEA,MAAM,kBAAkB,sBAAsB,SAAS,SAAS,aAAa,uBAAuB,UAAU;CAC9G,IAAI,iBAAiB,WAAW,KAAK,eAAe;CAEpD,OAAO;AACT;AAEA,SAAS,mBAAmB,WAA8B;CACxD,MAAM,CAAC,MAAM,aAAa,UAAU,MAAM,GAAG;CAC7C,MAAM,mBAAmB,cAAc,UAAU,SAAS,cAAc,QAAQ,UAAU;CAC1F,MAAM,iBAAiB,cAAc,UAAU,QAAQ,cAAc,QAAQ,WAAW;CAExF,IAAI,SAAS,OAAO,OAAO,UAAU;CACrC,IAAI,SAAS,UAAU,OAAO,OAAO;CACrC,IAAI,SAAS,QAAQ,OAAO,SAAS;CACrC,OAAO,QAAQ;AACjB;AAEA,MAAa,sBACX,cAA2F,QAAO;CAChG,MAAM,UAAoC;EACxC,WAAW,IAAI,aAAa,gBAAgB;EAC5C,QAAQ,IAAI,UAAU,gBAAgB;EACtC,MAAM,IAAI,QAAQ,gBAAgB;EAClC,OAAO,IAAI,SAAS,gBAAgB;EACpC,YAAY,IAAI,cAAc,gBAAgB;EAC9C,gBAAgB,IAAI,kBAAkB,gBAAgB;EACtD,UAAU,IAAI,YAAY,gBAAgB;CAC5C;CAEA,MAAM,UAAU,IAAI;CACpB,MAAM,cAA+B,EAAE,kBAAkB,MAAM;CAC/D,IAAI,SAAS;CACb,IAAI,oBAAyC;CAC7C,IAAI,gBAAgB,IAAI;CAGxB,MAAM,wBAAwB,mCAAmC,CAAC,CAAC,KAAK;CAExE,SAAS,iBAAiB;EACxB,MAAM,aAAa,sBAAsB,KAAK;EAC9C,MAAM,aAAa,4BAA4B,SAAS,SAAS,aAAa,uBAAuB,UAAU;EAE/G,MAAM,sBAAsB;GAC1B,gBAAqB,eAAe,SAAS;IAC3C,WAAW,QAAQ;IACnB,UAAU,QAAQ;IAClB;GACF,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,GAAG,gBAAgB;IAC/B,IAAI,CAAC,sBAAsB,UAAU,UAAU,KAAK,CAAC,QAAQ;IAC7D,QAAQ,MAAM,OAAO,GAAG,EAAE;IAC1B,QAAQ,MAAM,MAAM,GAAG,EAAE;IACzB,QAAQ,MAAM,YAAY,2CAA2C,mBAAmB,SAAS,CAAC;GACpG,CAAC;EACH;EAGA,cAAc;EACd,oBAAoB;EACpB,oBAAoB,WAAW,eAAe,SAAS,aAAa;CACtE;CAEA,OAAO;EACL,SAAS;GACP,OAAO;EACT;EACA;EAEA,OAAO;GACL,IAAI,QAAQ;GACZ,SAAS;GACT,QAAQ,MAAM,UAAU;GACxB,eAAe;EACjB;EAEA,QAAQ;GACN,IAAI,CAAC,QAAQ;GACb,SAAS;GACT,sBAAsB,WAAW;GACjC,oBAAoB;GACpB,oBAAoB;EACtB;EAEA,SAAS;GACP,IAAI,QAAQ,KAAK,MAAM;QAClB,KAAK,KAAK;EACjB;EAEA,OAAO,aAAa;GAClB,OAAO,OAAO,SAAS,WAAW;GAClC,IAAI,QAAQ,eAAe;EAC7B;EAEA,aAAa,WAA0B;GACrC,gBAAgB;GAChB,IAAI,QAAQ,eAAe;EAC7B;EAEA,UAAU;GACR,KAAK,MAAM;EACb;CACF;AACF,CAAC"}

package/dist/shared/overlay/placement-props.js

@@ -1,5 +1,11 @@
-//#region src/shared/overlay/placement-props.ts
-var e = [
+// src/shared/overlay/placement-props.ts
+/**
+* Floating UI anchored overlay 组件共享的 placement 白名单。
+*
+* 12 个方向成员相同、声明顺序在各组件间有差异；normalizeLiteral 只做
+* 成员判定，顺序不参与语义，因此这里以稳定顺序单源化，组件统一从这里取。
+*/
+const FLOATING_PLACEMENTS = [
 	"top",
 	"top-start",
 	"top-end",
@@ -13,7 +19,6 @@ var e = [
 	"right-start",
 	"right-end"
 ];
-//#endregion
-export { e as FLOATING_PLACEMENTS };
+export { FLOATING_PLACEMENTS };
 
 //# sourceMappingURL=placement-props.js.map

package/dist/shared/overlay/placement-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"placement-props.js","names":[],"sources":["../../../src/shared/overlay/placement-props.ts"],"sourcesContent":["/**\n * Floating UI anchored overlay 组件共享的 placement 白名单。\n *\n * 12 个方向成员相同、声明顺序在各组件历史上有差异；normalizeLiteral 只做\n * 成员判定，顺序不参与语义，因此这里以稳定顺序单源化，组件不再各自声明。\n */\nexport const FLOATING_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nexport type FloatingPlacement = (typeof FLOATING_PLACEMENTS)[number]\n"],"mappings":";AAMA,IAAa,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"placement-props.js","names":[],"sources":["../../../src/shared/overlay/placement-props.ts"],"sourcesContent":["/**\n * Floating UI anchored overlay 组件共享的 placement 白名单。\n *\n * 12 个方向成员相同、声明顺序在各组件间有差异；normalizeLiteral 只做\n * 成员判定，顺序不参与语义，因此这里以稳定顺序单源化，组件统一从这里取。\n */\nexport const FLOATING_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nexport type FloatingPlacement = (typeof FLOATING_PLACEMENTS)[number]\n"],"mappings":";;;;;;;AAMA,MAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/shared/overlay/portal.d.ts

@@ -0,0 +1,2 @@
+export type OverlayContainer = HTMLElement | (() => HTMLElement | undefined);
+//# sourceMappingURL=portal.d.ts.map

package/dist/shared/overlay/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"mappings":"A,YAKY,mBAAmB,qBAAqB"}