@greypan/web-ui 2.1.8 → 3.0.1

package/dist/icons/generated/lucide-pencil.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-pencil.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-pencil.js.map

package/dist/icons/generated/lucide-pencil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-pencil.js","names":[],"sources":["../../../src/icons/generated/lucide-pencil.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-refresh-cw.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/lucide-refresh-cw.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-refresh-cw.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M8 16H3v5\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-refresh-cw.js.map

package/dist/icons/generated/lucide-refresh-cw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-refresh-cw.js","names":[],"sources":["../../../src/icons/generated/lucide-refresh-cw.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M8 16H3v5\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-tags.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/lucide-tags.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-tags.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1zM2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193\"/><circle cx=\"10.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-tags.js.map

package/dist/icons/generated/lucide-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-tags.js","names":[],"sources":["../../../src/icons/generated/lucide-tags.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1zM2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193\"/><circle cx=\"10.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-wrench.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/lucide-wrench.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-wrench.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-wrench.js.map

package/dist/icons/generated/lucide-wrench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-wrench.js","names":[],"sources":["../../../src/icons/generated/lucide-wrench.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/index.d.ts

@@ -38,3 +38,14 @@ export { default as lucideImage } from './generated/lucide-image';
 export { default as lucideGlobe } from './generated/lucide-globe';
 export { default as radixIconsPanelLeftMinimized } from './generated/radix-icons-panel-left-minimized';
 export { default as oouiClose } from './generated/ooui-close';
+export { default as lucideExternalLink } from './generated/lucide-external-link';
+export { default as lucideFileText } from './generated/lucide-file-text';
+export { default as lucideFilm } from './generated/lucide-film';
+export { default as lucideFolderOpen } from './generated/lucide-folder-open';
+export { default as lucideLayoutGrid } from './generated/lucide-layout-grid';
+export { default as lucideMusic } from './generated/lucide-music';
+export { default as lucidePackage } from './generated/lucide-package';
+export { default as lucidePencil } from './generated/lucide-pencil';
+export { default as lucideRefreshCw } from './generated/lucide-refresh-cw';
+export { default as lucideTags } from './generated/lucide-tags';
+export { default as lucideWrench } from './generated/lucide-wrench';

package/dist/icons/index.js

@@ -38,4 +38,15 @@ import I from "./generated/lucide-image.js";
 import L from "./generated/lucide-globe.js";
 import R from "./generated/radix-icons-panel-left-minimized.js";
 import z from "./generated/ooui-close.js";
-export { k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, h as lucideClipboardPaste, m as lucideCopy, y as lucideDownload, f as lucideFile, p as lucideFolder, L as lucideGlobe, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, C as lucideScissors, u as lucideSearch, v as lucideSettings, M as lucideStar, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized };
+import B from "./generated/lucide-external-link.js";
+import V from "./generated/lucide-file-text.js";
+import H from "./generated/lucide-film.js";
+import U from "./generated/lucide-folder-open.js";
+import W from "./generated/lucide-layout-grid.js";
+import G from "./generated/lucide-music.js";
+import K from "./generated/lucide-package.js";
+import q from "./generated/lucide-pencil.js";
+import J from "./generated/lucide-refresh-cw.js";
+import Y from "./generated/lucide-tags.js";
+import X from "./generated/lucide-wrench.js";
+export { k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, h as lucideClipboardPaste, m as lucideCopy, y as lucideDownload, B as lucideExternalLink, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, q as lucidePencil, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, M as lucideStar, Y as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, X as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized };

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

@@ -1,18 +1,17 @@
-import { getFallbackOverlayRoot as e } from "../theme/overlay-root.js";
-import { findNearestTheme as t, findRootTheme as n } from "../theme/theme-scope.js";
+import { resolveOverlayContainer as e } from "../overlay/portal.js";
 //#region src/shared/menu-portal/menu-portal.ts
-function r(r, i) {
+function t(t, n) {
+	let r = document.createElement("div");
+	r.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${t}`, r.dataset.wuiPresence = "entering";
+	let i = document.createElement("div");
+	i.className = "wui-menu-scroll";
 	let a = document.createElement("div");
-	a.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${r}`, a.dataset.wuiPresence = "entering";
-	let o = document.createElement("div");
-	o.className = "wui-menu-scroll";
-	let s = document.createElement("div");
-	return s.className = "wui-menu-content", o.append(s), a.append(o), ((i ? t(i) : n())?.getOverlayRoot() ?? e()).appendChild(a), {
-		panel: a,
-		content: s
+	return a.className = "wui-menu-content", i.append(a), r.append(i), e(void 0, n ?? document.body, { preferRootTheme: n === void 0 }).appendChild(r), {
+		panel: r,
+		content: a
 	};
 }
 //#endregion
-export { r as createMenuPortalOverlay };
+export { t as createMenuPortalOverlay };
 
 //# sourceMappingURL=menu-portal.js.map

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 { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\n\nexport function createMenuPortalOverlay(className: string, target?: Element): MenuPortalOverlay {\n  const panel = document.createElement('div')\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  panel.append(scroll)\n\n  const root = target ? findNearestTheme(target) : findRootTheme()\n  const container = root?.getOverlayRoot() ?? getFallbackOverlayRoot()\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;;AAQA,SAAgB,EAAwB,GAAmB,GAAqC;CAC9F,IAAM,IAAQ,SAAS,cAAc,KAAK;CAE1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAS5C,OARA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO,GACrB,EAAM,OAAO,CAAM,KAEN,IAAS,EAAiB,CAAM,IAAI,EAAc,EAAA,EACvC,eAAe,KAAK,EAAuB,EAAA,CACzD,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import { resolveOverlayContainer } from '@/shared/overlay/portal'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\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  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  panel.append(scroll)\n\n  const container = resolveOverlayContainer(undefined, target ?? document.body, {\n    preferRootTheme: target === undefined\n  })\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;AAaA,SAAgB,EAAwB,GAAmB,GAAqC;CAC9F,IAAM,IAAQ,SAAS,cAAc,KAAK;CAE1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAU5C,OATA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO,GACrB,EAAM,OAAO,CAAM,GAKnB,EAH0C,KAAA,GAAW,KAAU,SAAS,MAAM,EAC5E,iBAAiB,MAAW,KAAA,EAC9B,CACA,CAAA,CAAU,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}

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

@@ -1,25 +1,25 @@
-import { hideOverlayPresence as e, showOverlayPresence as t } from "./presence.js";
-import { defineOverlay as n } from "./overlay.js";
+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 = () => a?.panel ?? r.getLocalPanel(), s = () => {
 		a && (a.restoreContent(), a.remove(), a = void 0, i = void 0);
-	}, c = () => r.isPortal() ? (a ??= r.createPortal(), a.panel) : r.getLocalPanel(), l = (e, t) => {
+	}, c = () => r.isPortal() ? (a ??= r.createPortal(), a.panel) : r.getLocalPanel(), l = (t, n) => {
 		if (i) {
-			i.updateAnchor(e), i.update(r.getPositioning());
+			i.updateAnchor(t), i.update(r.getPositioning());
 			return;
 		}
-		i = n().make({
-			anchor: e,
-			overlay: t,
+		i = e().make({
+			anchor: t,
+			overlay: n,
 			...r.getPositioning()
 		});
 	}, u = (e = !1) => {
-		let n = r.getAnchor();
-		if (!n) return;
+		let t = r.getAnchor();
+		if (!t) return;
 		let a = c();
-		a && (l(n, a), i?.open(), t(a, { isInstant: e }));
+		a && (l(t, a), i?.open(), n(a, { isInstant: e }));
 	}, d = () => {
 		i?.dispose(), i = void 0, s();
 	};
@@ -28,10 +28,10 @@ var i = () => r((r) => {
 			return o();
 		},
 		open: u,
-		async close(t) {
+		async close(e) {
 			i?.close();
 			let n = o();
-			return n && !await e(n) || t() ? !1 : (s(), !0);
+			return n && !await t(n) || e() ? !1 : (s(), !0);
 		},
 		updatePosition() {
 			i?.update(r.getPositioning());

package/dist/shared/overlay/overlay.js

@@ -1,7 +1,7 @@
 import { autoUpdate as e, computePosition as t, flip as n, offset as r, shift as i, size as a } from "../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { definePlugin as o } from "@greypan/js-kit";
 //#region src/shared/overlay/overlay.ts
-var s = {
+var s = 120, c = "--wui-overlay-min-width", l = {
 	placement: "bottom-start",
 	offset: 4,
 	flip: !0,
@@ -10,55 +10,77 @@ var s = {
 	minAnchorWidth: !1,
 	strategy: "absolute"
 };
-function c(e) {
+function u(e) {
+	if (typeof getComputedStyle != "function") return s;
+	let t = Number.parseFloat(getComputedStyle(e).getPropertyValue(c));
+	return Number.isFinite(t) ? t : s;
+}
+function d(e) {
+	e.style.removeProperty("width"), e.style.removeProperty("min-width");
+}
+function f(e, t, n) {
+	if (t.matchWidth) return e.style.removeProperty("min-width"), n.hasManagedStyles = !0, a({ apply({ rects: t }) {
+		e.style.width = `${t.reference.width}px`;
+	} });
+	if (t.minAnchorWidth) {
+		let t = u(e);
+		return n.hasManagedStyles = !0, a({ apply({ rects: n }) {
+			e.style.width = "max-content", e.style.minWidth = `${Math.max(n.reference.width, t)}px`;
+		} });
+	}
+	n.hasManagedStyles &&= (d(e), !1);
+}
+function p(e, t, a) {
+	let o = [r(t.offset)];
+	t.flip && o.push(n()), t.shift && o.push(i({ padding: 8 }));
+	let s = f(e, t, a);
+	return s && o.push(s), o;
+}
+function m(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}`;
 }
-var l = () => o((o) => {
-	let l = {
-		placement: o.placement ?? s.placement,
-		offset: o.offset ?? s.offset,
-		flip: o.flip ?? s.flip,
-		shift: o.shift ?? s.shift,
-		matchWidth: o.matchWidth ?? s.matchWidth,
-		minAnchorWidth: o.minAnchorWidth ?? s.minAnchorWidth,
-		strategy: o.strategy ?? s.strategy
-	}, u = o.overlay, d = !1, f = null, p = o.anchor;
-	function m() {
-		let o = [r(l.offset)];
-		l.flip && o.push(n()), l.shift && o.push(i({ padding: 8 })), l.matchWidth ? o.push(a({ apply({ rects: e }) {
-			u.style.width = `${e.reference.width}px`;
-		} })) : l.minAnchorWidth && o.push(a({ apply({ rects: e }) {
-			u.style.minWidth = `${Math.max(e.reference.width, 120)}px`;
-		} })), f?.(), f = e(p, u, () => {
-			t(p, u, {
-				placement: l.placement,
-				strategy: l.strategy,
-				middleware: o
+var h = () => o((n) => {
+	let r = {
+		placement: n.placement ?? l.placement,
+		offset: n.offset ?? l.offset,
+		flip: n.flip ?? l.flip,
+		shift: n.shift ?? l.shift,
+		matchWidth: n.matchWidth ?? l.matchWidth,
+		minAnchorWidth: n.minAnchorWidth ?? l.minAnchorWidth,
+		strategy: n.strategy ?? l.strategy
+	}, i = n.overlay, a = { hasManagedStyles: !1 }, o = !1, s = null, c = n.anchor;
+	function u() {
+		let n = p(i, r, a), o = () => {
+			t(c, i, {
+				placement: r.placement,
+				strategy: r.strategy,
+				middleware: n
 			}).then(({ x: e, y: t, placement: n }) => {
-				u.style.left = `${e}px`, u.style.top = `${t}px`, u.style.setProperty("--wui-overlay-transform-origin", c(n));
+				i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.setProperty("--wui-overlay-transform-origin", m(n));
 			});
-		});
+		};
+		o(), s?.(), s = e(c, i, o);
 	}
 	return {
 		isOpen() {
-			return d;
+			return o;
 		},
-		options: l,
+		options: r,
 		open() {
-			d || (d = !0, u.style.display = "", m());
+			o || (o = !0, i.style.display = "", u());
 		},
 		close() {
-			d && (d = !1, f?.(), f = null);
+			o && (o = !1, s?.(), s = null);
 		},
 		toggle() {
-			d ? this.close() : this.open();
+			o ? this.close() : this.open();
 		},
 		update(e) {
-			Object.assign(l, e), d && m();
+			Object.assign(r, e), o && u();
 		},
 		updateAnchor(e) {
-			p = e, d && m();
+			c = e, o && u();
 		},
 		dispose() {
 			this.close();
@@ -66,6 +88,6 @@ var l = () => o((o) => {
 	};
 });
 //#endregion
-export { l as defineOverlay };
+export { h as 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\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  // Sync overlay width to anchor width\n  matchWidth?: boolean\n  // Set overlay min-width to anchor width (content can expand wider)\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\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: HTMLElement): void\n  dispose(): void\n}\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\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: HTMLElement; 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    let isOpen = false\n    let cleanup: (() => void) | null = null\n    let anchor = ctx.anchor\n\n    function updatePosition() {\n      const middleware: Middleware[] = [offset(options.offset)]\n      if (options.flip) middleware.push(flip())\n      if (options.shift) middleware.push(shift({ padding: 8 }))\n      if (options.matchWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.width = `${rects.reference.width}px`\n            }\n          })\n        )\n      } else if (options.minAnchorWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.minWidth = `${Math.max(rects.reference.width, 120)}px`\n            }\n          })\n        )\n      }\n\n      cleanup?.()\n      cleanup = autoUpdate(anchor, overlay, () => {\n        void computePosition(anchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      })\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        cleanup?.()\n        cleanup = 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: HTMLElement) {\n        anchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  })\n"],"mappings":";;;AAoCA,IAAM,IAA4C;CAChD,WAAW;CACX,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,UAAU;AACZ;AAEA,SAAS,EAAmB,GAA8B;CACxD,IAAM,CAAC,GAAM,KAAa,EAAU,MAAM,GAAG,GACvC,IAAmB,MAAc,UAAU,SAAS,MAAc,QAAQ,UAAU,UACpF,IAAiB,MAAc,UAAU,QAAQ,MAAc,QAAQ,WAAW;CAKxF,OAHI,MAAS,QAAc,UAAU,MACjC,MAAS,WAAiB,OAAO,MACjC,MAAS,SAAe,SAAS,MAC9B,QAAQ;AACjB;AAEA,IAAa,UACX,GAAyF,MAAO;CAC9F,IAAM,IAAoC;EACxC,WAAW,EAAI,aAAa,EAAgB;EAC5C,QAAQ,EAAI,UAAU,EAAgB;EACtC,MAAM,EAAI,QAAQ,EAAgB;EAClC,OAAO,EAAI,SAAS,EAAgB;EACpC,YAAY,EAAI,cAAc,EAAgB;EAC9C,gBAAgB,EAAI,kBAAkB,EAAgB;EACtD,UAAU,EAAI,YAAY,EAAgB;CAC5C,GAEM,IAAU,EAAI,SAChB,IAAS,IACT,IAA+B,MAC/B,IAAS,EAAI;CAEjB,SAAS,IAAiB;EACxB,IAAM,IAA2B,CAAC,EAAO,EAAQ,MAAM,CAAC;EAsBxD,AArBI,EAAQ,QAAM,EAAW,KAAK,EAAK,CAAC,GACpC,EAAQ,SAAO,EAAW,KAAK,EAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GACpD,EAAQ,aACV,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,QAAQ,GAAG,EAAM,UAAU,MAAM;EACjD,EACF,CAAC,CACH,IACS,EAAQ,kBACjB,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,WAAW,GAAG,KAAK,IAAI,EAAM,UAAU,OAAO,GAAG,EAAE;EACnE,EACF,CAAC,CACH,GAGF,IAAU,GACV,IAAU,EAAW,GAAQ,SAAe;GAC1C,EAAqB,GAAQ,GAAS;IACpC,WAAW,EAAQ;IACnB,UAAU,EAAQ;IAClB;GACF,CAAC,CAAC,CAAC,MAAM,EAAE,MAAG,MAAG,mBAAgB;IAG/B,AAFA,EAAQ,MAAM,OAAO,GAAG,EAAE,KAC1B,EAAQ,MAAM,MAAM,GAAG,EAAE,KACzB,EAAQ,MAAM,YAAY,kCAAkC,EAAmB,CAAS,CAAC;GAC3F,CAAC;EACH,CAAC;CACH;CAEA,OAAO;EACL,SAAS;GACP,OAAO;EACT;EACA;EAEA,OAAO;GACD,MACJ,IAAS,IACT,EAAQ,MAAM,UAAU,IACxB,EAAe;EACjB;EAEA,QAAQ;GACD,MACL,IAAS,IACT,IAAU,GACV,IAAU;EACZ;EAEA,SAAS;GACP,AAAI,IAAQ,KAAK,MAAM,IAClB,KAAK,KAAK;EACjB;EAEA,OAAO,GAAa;GAElB,AADA,OAAO,OAAO,GAAS,CAAW,GAC9B,KAAQ,EAAe;EAC7B;EAEA,aAAa,GAAwB;GAEnC,AADA,IAAS,GACL,KAAQ,EAAe;EAC7B;EAEA,UAAU;GACR,KAAK,MAAM;EACb;CACF;AACF,CAAC"}
+{"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\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** 面板宽度与锚点宽度保持一致。 */\n  matchWidth?: boolean\n  /** 面板至少与锚点同宽，同时允许内容将面板撑宽。 */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\n/** 虚拟锚点：无对应 DOM 元素的定位基准（如右键菜单的鼠标坐标）。 */\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): Middleware | undefined {\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        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        // 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): Middleware[] {\n  const middleware: Middleware[] = [offset(options.offset)]\n  if (options.flip) middleware.push(flip())\n  if (options.shift) middleware.push(shift({ padding: 8 }))\n\n  const widthMiddleware = createWidthMiddleware(overlay, options, widthStyles)\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\n    function updatePosition() {\n      const middleware = createPositioningMiddleware(overlay, options, widthStyles)\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          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      }\n\n      // 立即定位一次，避免浮层首帧出现在左上角；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        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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"}

package/dist/shared/overlay/portal.js

@@ -1,19 +1,31 @@
 import { getFallbackOverlayRoot as e } from "../theme/overlay-root.js";
-import { findNearestTheme as t } from "../theme/theme-scope.js";
+import { findNearestTheme as t, findRootTheme as n } from "../theme/theme-scope.js";
+import { definePlugin as r } from "@greypan/js-kit";
 //#region src/shared/overlay/portal.ts
-function n(e) {
+var i = () => r((e) => {
 	let t = document.createElement("div");
 	t.style.display = "contents";
-	let n = t.attachShadow({ mode: "open" }), i = document.createElement("style");
-	i.textContent = e.style;
-	let a = document.createElement("div");
-	a.className = e.className, a.dataset.wuiPresence = "entering", n.append(i, a), r(e.container, e.target).appendChild(t);
-	let o = [];
+	let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
+	r.textContent = e.style;
+	let i = document.createElement("div");
+	i.className = e.className, i.dataset.wuiPresence = "entering", n.append(r, i), a(e.container, e.target).appendChild(t);
+	let o = [], s = (e) => {
+		e.forEach((e) => {
+			let t = o.indexOf(e);
+			t >= 0 && o.splice(t, 1);
+		});
+	};
 	return {
-		panel: a,
-		moveContent(e, t = a) {
+		panel: i,
+		moveContent(e, t = i) {
 			o.splice(0, o.length, ...e), t.append(...o);
 		},
+		appendContent(e, t = i) {
+			s(e), o.push(...e), t.append(...e);
+		},
+		removeContent(e) {
+			s(e);
+		},
 		restoreContent() {
 			e.target.append(...o), o.length = 0;
 		},
@@ -21,11 +33,11 @@ function n(e) {
 			t.remove();
 		}
 	};
-}
-function r(n, r) {
-	return (typeof n == "function" ? n() : n) ?? t(r)?.getOverlayRoot() ?? e();
+});
+function a(r, i, a = {}) {
+	return (typeof r == "function" ? r() : r) || ((a.preferRootTheme ? n() : t(i))?.getOverlayRoot() ?? e());
 }
 //#endregion
-export { n as createOverlayPortal, r as resolveOverlayContainer };
+export { i as defineOverlayPortal, a as resolveOverlayContainer };
 
 //# sourceMappingURL=portal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\ninterface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  remove(): void\n}\n\nexport function createOverlayPortal(options: OverlayPortalOptions): OverlayPortal {\n  const host = document.createElement('div')\n  // 宿主只是固定定位面板的挂载点：注入的组件样式中的 :host 规则（如 display:inline-block）\n  // 会匹配到宿主，在块级 overlay 容器里产生匿名行盒，把布局撑开一行。display: contents\n  // 让宿主不生成盒；面板本身 position: fixed，定位不受影响。\n  host.style.display = 'contents'\n  const root = host.attachShadow({ mode: 'open' })\n  const style = document.createElement('style')\n  style.textContent = options.style\n  const panel = document.createElement('div')\n  panel.className = options.className\n  panel.dataset.wuiPresence = 'entering'\n  root.append(style, panel)\n  resolveOverlayContainer(options.container, options.target).appendChild(host)\n\n  const nodes: Node[] = []\n  return {\n    panel,\n    moveContent(content, target = panel) {\n      nodes.splice(0, nodes.length, ...content)\n      target.append(...nodes)\n    },\n    restoreContent() {\n      options.target.append(...nodes)\n      nodes.length = 0\n    },\n    remove() {\n      host.remove()\n    }\n  }\n}\n\nexport function resolveOverlayContainer(container: OverlayContainer | undefined, target: Element): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  return explicit ?? findNearestTheme(target)?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":";;;AAmBA,SAAgB,EAAoB,GAA8C;CAChF,IAAM,IAAO,SAAS,cAAc,KAAK;CAIzC,EAAK,MAAM,UAAU;CACrB,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GACzC,IAAQ,SAAS,cAAc,OAAO;CAC5C,EAAM,cAAc,EAAQ;CAC5B,IAAM,IAAQ,SAAS,cAAc,KAAK;CAI1C,AAHA,EAAM,YAAY,EAAQ,WAC1B,EAAM,QAAQ,cAAc,YAC5B,EAAK,OAAO,GAAO,CAAK,GACxB,EAAwB,EAAQ,WAAW,EAAQ,MAAM,CAAC,CAAC,YAAY,CAAI;CAE3E,IAAM,IAAgB,CAAC;CACvB,OAAO;EACL;EACA,YAAY,GAAS,IAAS,GAAO;GAEnC,AADA,EAAM,OAAO,GAAG,EAAM,QAAQ,GAAG,CAAO,GACxC,EAAO,OAAO,GAAG,CAAK;EACxB;EACA,iBAAiB;GAEf,AADA,EAAQ,OAAO,OAAO,GAAG,CAAK,GAC9B,EAAM,SAAS;EACjB;EACA,SAAS;GACP,EAAK,OAAO;EACd;CACF;AACF;AAEA,SAAgB,EAAwB,GAAyC,GAA8B;CAE7G,QADiB,OAAO,KAAc,aAAa,EAAU,IAAI,MAC9C,EAAiB,CAAM,CAAC,EAAE,eAAe,KAAK,EAAuB;AAC1F"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\nexport interface OverlayContainerResolutionOptions {\n  /** 无 target 时优先使用文档中的 root theme。 */\n  preferRootTheme?: boolean\n}\n\nexport interface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  appendContent(nodes: Node[], target?: HTMLElement): void\n  removeContent(nodes: Node[]): void\n  remove(): void\n}\n\n/**\n * 构建带 Shadow DOM 样式边界的 Portal 面板，并追踪被迁移的内容节点以便恢复。\n */\nexport const defineOverlayPortal = () =>\n  definePlugin<OverlayPortal, OverlayPortalOptions>(ctx => {\n    const host = document.createElement('div')\n    // :host 规则可能让宿主在 overlay 容器中生成行盒；display: contents 保留面板定位而不参与布局。\n    host.style.display = 'contents'\n\n    const root = host.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ctx.style\n    const panel = document.createElement('div')\n    panel.className = ctx.className\n    panel.dataset.wuiPresence = 'entering'\n    root.append(style, panel)\n\n    resolveOverlayContainer(ctx.container, ctx.target).appendChild(host)\n\n    const trackedNodes: Node[] = []\n    const untrackNodes = (nodes: Node[]) => {\n      nodes.forEach(node => {\n        const index = trackedNodes.indexOf(node)\n        if (index >= 0) trackedNodes.splice(index, 1)\n      })\n    }\n\n    return {\n      panel,\n\n      moveContent(nodes, target = panel) {\n        trackedNodes.splice(0, trackedNodes.length, ...nodes)\n        target.append(...trackedNodes)\n      },\n\n      appendContent(nodes, target = panel) {\n        untrackNodes(nodes)\n        trackedNodes.push(...nodes)\n        target.append(...nodes)\n      },\n\n      removeContent(nodes) {\n        untrackNodes(nodes)\n      },\n\n      restoreContent() {\n        ctx.target.append(...trackedNodes)\n        trackedNodes.length = 0\n      },\n\n      remove() {\n        host.remove()\n      }\n    }\n  })\n\nexport function resolveOverlayContainer(\n  container: OverlayContainer | undefined,\n  target: Element,\n  options: OverlayContainerResolutionOptions = {}\n): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  if (explicit) return explicit\n\n  // 无 target 的调用（如菜单）优先使用 root theme；有 target 时使用最近的 theme。\n  const theme = options.preferRootTheme ? findRootTheme() : findNearestTheme(target)\n  return theme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":";;;;AA+BA,IAAa,UACX,GAAkD,MAAO;CACvD,IAAM,IAAO,SAAS,cAAc,KAAK;CAEzC,EAAK,MAAM,UAAU;CAErB,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GACzC,IAAQ,SAAS,cAAc,OAAO;CAC5C,EAAM,cAAc,EAAI;CACxB,IAAM,IAAQ,SAAS,cAAc,KAAK;CAK1C,AAJA,EAAM,YAAY,EAAI,WACtB,EAAM,QAAQ,cAAc,YAC5B,EAAK,OAAO,GAAO,CAAK,GAExB,EAAwB,EAAI,WAAW,EAAI,MAAM,CAAC,CAAC,YAAY,CAAI;CAEnE,IAAM,IAAuB,CAAC,GACxB,KAAgB,MAAkB;EACtC,EAAM,SAAQ,MAAQ;GACpB,IAAM,IAAQ,EAAa,QAAQ,CAAI;GACvC,AAAI,KAAS,KAAG,EAAa,OAAO,GAAO,CAAC;EAC9C,CAAC;CACH;CAEA,OAAO;EACL;EAEA,YAAY,GAAO,IAAS,GAAO;GAEjC,AADA,EAAa,OAAO,GAAG,EAAa,QAAQ,GAAG,CAAK,GACpD,EAAO,OAAO,GAAG,CAAY;EAC/B;EAEA,cAAc,GAAO,IAAS,GAAO;GAGnC,AAFA,EAAa,CAAK,GAClB,EAAa,KAAK,GAAG,CAAK,GAC1B,EAAO,OAAO,GAAG,CAAK;EACxB;EAEA,cAAc,GAAO;GACnB,EAAa,CAAK;EACpB;EAEA,iBAAiB;GAEf,AADA,EAAI,OAAO,OAAO,GAAG,CAAY,GACjC,EAAa,SAAS;EACxB;EAEA,SAAS;GACP,EAAK,OAAO;EACd;CACF;AACF,CAAC;AAEH,SAAgB,EACd,GACA,GACA,IAA6C,CAAC,GACjC;CAMb,QALiB,OAAO,KAAc,aAAa,EAAU,IAAI,QAInD,EAAQ,kBAAkB,EAAc,IAAI,EAAiB,CAAM,EAAA,EACnE,eAAe,KAAK,EAAuB;AAC3D"}

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

@@ -1,26 +1,27 @@
+import { definePlugin as e } from "@greypan/js-kit";
 //#region src/shared/scroll-lock/scroll-lock.ts
-var e = 0, t = "", n = 0;
-function r() {
-	e === 0 && (n = window.scrollY, t = document.documentElement.style.overflow, document.documentElement.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${n}px`, document.body.style.width = "100%"), e++;
-}
+var t = 0, n = "", r = 0;
 function i() {
-	e = Math.max(0, e - 1), e === 0 && (document.documentElement.style.overflow = t, document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, n));
+	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++;
 }
 function a() {
-	let e = !1;
+	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));
+}
+var o = () => e(() => {
+	let e = !1, t = (t) => {
+		t !== e && (t ? i() : a(), e = t);
+	};
 	return {
 		get isLocked() {
 			return e;
 		},
-		sync(t) {
-			t !== e && (t ? r() : i(), e = t);
-		},
+		sync: t,
 		release() {
-			this.sync(!1);
+			t(!1);
 		}
 	};
-}
+});
 //#endregion
-export { a as createScrollLockLease, r as lockScroll, i as unlockScroll };
+export { o as defineScrollLockLease, i as lockScroll, a as unlockScroll };
 
 //# sourceMappingURL=scroll-lock.js.map

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":["let 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 function createScrollLockLease(): ScrollLockLease {\n  let isLocked = false\n\n  return {\n    get isLocked() {\n      return isLocked\n    },\n\n    sync(shouldLock) {\n      if (shouldLock === isLocked) return\n      if (shouldLock) lockScroll()\n      else unlockScroll()\n      isLocked = shouldLock\n    },\n\n    release() {\n      this.sync(false)\n    }\n  }\n}\n"],"mappings":";AAAA,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,SAAgB,IAAyC;CACvD,IAAI,IAAW;CAEf,OAAO;EACL,IAAI,WAAW;GACb,OAAO;EACT;EAEA,KAAK,GAAY;GACX,MAAe,MACf,IAAY,EAAW,IACtB,EAAa,GAClB,IAAW;EACb;EAEA,UAAU;GACR,KAAK,KAAK,EAAK;EACjB;CACF;AACF"}
+{"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"}

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

@@ -1,9 +1,9 @@
 import e from "../../assets/glass.js";
-import t from "../../assets/menu-portal.js";
-import n from "../../assets/overlay-motion.js";
+import t from "../../assets/overlay-motion.js";
+import n from "../../assets/menu-portal.js";
 import r from "../../assets/toast-containers.js";
 //#region src/shared/theme/overlay-root.ts
-var i = "data-wui-overlay-root", a = `${e}\n${r}\n${t}\n${n}`;
+var i = "data-wui-overlay-root", a = `${e}\n${r}\n${n}\n${t}`;
 function o(e) {
 	let t = document.createElement("style");
 	t.textContent = a, e.prepend(t);

package/dist/types/react.d.ts

@@ -1,45 +1,19 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { WebUiAvatar, WebUiBackTop, WebUiBadge, WebUiButton, WebUiButtonGroup, WebUiCheckbox, WebUiCheckboxGroup, WebUiContextMenu, WebUiDialog, WebUiDrawer, WebUiEmpty, WebUiDropdownDivider, WebUiDropdownHeader, WebUiDropdownItem, WebUiDropdown, WebUiIcon, WebUiInput, WebUiInputNumber, WebUiLayout, WebUiOption, WebUiPopover, WebUiRadio, WebUiRadioGroup, WebUiSegmented, WebUiSegmentedTrigger, WebUiSelect, WebUiSlider, WebUiSpinner, WebUiTextarea, WebUiTheme, WebUiToast, WebUiSwitch, WebUiSvgDrawLines, WebUiTooltip } from '../components';
-import { ExactEventListeners, ExtractProps, OmitLitBase } from './utils';
-export type LitReactWrapper<T extends HTMLElement> = T extends {
-    readonly $events: infer E;
-} ? DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ExactEventListeners<E> & HTMLAttributes<T>, T> : DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & HTMLAttributes<T>, T>;
-export interface WebUiComponents {
-    'web-ui-avatar': LitReactWrapper<WebUiAvatar>;
-    'web-ui-back-top': LitReactWrapper<WebUiBackTop>;
-    'web-ui-badge': LitReactWrapper<WebUiBadge>;
-    'web-ui-button': LitReactWrapper<WebUiButton>;
-    'web-ui-button-group': LitReactWrapper<WebUiButtonGroup>;
-    'web-ui-checkbox': LitReactWrapper<WebUiCheckbox>;
-    'web-ui-checkbox-group': LitReactWrapper<WebUiCheckboxGroup>;
-    'web-ui-context-menu': LitReactWrapper<WebUiContextMenu>;
-    'web-ui-dialog': LitReactWrapper<WebUiDialog>;
-    'web-ui-drawer': LitReactWrapper<WebUiDrawer>;
-    'web-ui-empty': LitReactWrapper<WebUiEmpty>;
-    'web-ui-dropdown-divider': LitReactWrapper<WebUiDropdownDivider>;
-    'web-ui-dropdown-header': LitReactWrapper<WebUiDropdownHeader>;
-    'web-ui-dropdown-item': LitReactWrapper<WebUiDropdownItem>;
-    'web-ui-dropdown': LitReactWrapper<WebUiDropdown>;
-    'web-ui-icon': LitReactWrapper<WebUiIcon>;
-    'web-ui-input': LitReactWrapper<WebUiInput>;
-    'web-ui-input-number': LitReactWrapper<WebUiInputNumber>;
-    'web-ui-select': LitReactWrapper<WebUiSelect>;
-    'web-ui-slider': LitReactWrapper<WebUiSlider>;
-    'web-ui-spinner': LitReactWrapper<WebUiSpinner>;
-    'web-ui-svg-draw-lines': LitReactWrapper<WebUiSvgDrawLines>;
-    'web-ui-option': LitReactWrapper<WebUiOption>;
-    'web-ui-popover': LitReactWrapper<WebUiPopover>;
-    'web-ui-radio': LitReactWrapper<WebUiRadio>;
-    'web-ui-radio-group': LitReactWrapper<WebUiRadioGroup>;
-    'web-ui-segmented': LitReactWrapper<WebUiSegmented>;
-    'web-ui-segmented-trigger': LitReactWrapper<WebUiSegmentedTrigger>;
-    'web-ui-layout': LitReactWrapper<WebUiLayout>;
-    'web-ui-switch': LitReactWrapper<WebUiSwitch>;
-    'web-ui-textarea': LitReactWrapper<WebUiTextarea>;
-    'web-ui-theme': LitReactWrapper<WebUiTheme>;
-    'web-ui-toast': LitReactWrapper<WebUiToast>;
-    'web-ui-tooltip': LitReactWrapper<WebUiTooltip>;
-}
+import { WebUiElementMap } from '../components';
+import { ExtractProps, OmitLitBase, ReactCustomEventListeners } from './utils';
+/**
+ * Lit Web Component 的 React 包装类型。
+ *
+ * - 标准 DOM 事件（input/change/focus/blur）使用 React 惯用 camelCase handler，
+ *   `currentTarget` 收窄为组件实例（`target` 遵循 React SyntheticEvent 语义，不承诺）。
+ * - kebab-case 自定义事件（open-change/toast-close）生成精确的 `on<event>` 绑定。
+ * - 与 `HTMLAttributes<T>` 全量交叉：组件自身属性与通用 HTML 属性（含原生事件）共存，
+ *   重叠键类型相容（如 `placeholder`），组件类型在交叉中自然生效；`ref` 保持具体元素类型。
+ */
+export type LitReactWrapper<T extends HTMLElement> = DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ReactCustomEventListeners<T> & HTMLAttributes<T>, T>;
+export type WebUiComponents = {
+    [K in keyof WebUiElementMap]: LitReactWrapper<WebUiElementMap[K]>;
+};
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements extends WebUiComponents {