dsh-mpkg-wallpaper 3.16.0 → 3.16.1

package/lib/client.js

@@ -18135,6 +18135,9 @@ html body [data-mpw-pop-bg] { background-color: var(--mpw-pop-surface) !importan
    与其"半透明却没模糊"（真机被读成"只有白色滤镜"），不如**做实在**——表面不透明度抬到 88%，
    并把 backdrop-filter 撤掉（白算一遍）。注意：只动我们自己的标记属性，宿主元素一个都不碰。 */
 html body [data-mpw-pop-trunc] { background-color: color-mix(in srgb, var(--dsw-specific-sidebar-fill) 88%, transparent) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
+/* ②(2026-10-05) 处在包装容器里的弹层：玻璃由**根级模糊层**提供（见 lib 里的 mpwPopGlassApply），
+   弹层自己保持半透明表面、不再白算一次 backdrop-filter（它那层的 root 被祖先截断，算了也看不见）。 */
+html body [data-mpw-pop-glass] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
 html body[data-ds-dark-theme] [data-mpw-pop-bg] { background-color: var(--mpw-pop-surface-dark) !important; }
 [role="menu"] [class*="card"],
 [role="tooltip"] [class*="card"] {
@@ -24824,6 +24827,9 @@ body[data-mpw-modal] [role="dialog"] {
 			} catch { sblurObserver = null; }
 			// 窗口尺寸变化会让"近全屏"阈值与面板 rect 都变（父对话的真机判据就带视口切换）⇒ 一并重算
 			try { window.addEventListener("resize", recheck); } catch {}
+			/* ②(2026-10-05) 根级模糊层是 fixed 定位、按弹层 rect 对齐的 ⇒ 滚动/缩放时必须重贴 */
+			try { window.addEventListener("scroll", () => { try { mpwPopGlassApply() } catch (e) {} }, true); } catch {}
+			try { window.addEventListener("resize", () => { try { mpwPopGlassApply() } catch (e) {} }); } catch {}
 			check();
 		}
 
@@ -25008,133 +25014,106 @@ body[data-mpw-modal] [role="dialog"] {
 		   （`[data-mpw-pop-untrunc] { backdrop-filter: none !important; }`）——只在弹层开着期间生效，
 		   弹层关闭（无已标记表面）即摘属性、撤规则元素，宿主逐字还原。代价：属性表 + 一次
 		   querySelectorAll，挂在 prun（已 rAF 合并 + mpwHeavyGate 闸门）里，不开新观察器。 */
-		let popUntruncStyleEl = null;
-		function mpwPopUntruncStyle() {
-			if (!popUntruncStyleEl || popUntruncStyleEl.isConnected === false) {
-				popUntruncStyleEl = document.createElement("style");
-				popUntruncStyleEl.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
-				popUntruncStyleEl.setAttribute("data-mpw-pop-untrunc-style", "");
-				popUntruncStyleEl.textContent = "[data-mpw-pop-untrunc] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }";
-				(document.head || document.documentElement).appendChild(popUntruncStyleEl);
-			}
-			return popUntruncStyleEl;
+		/* ②(2026-10-05 设计收口) 三类弹层，三条路（宿主元素一个都不碰）：
+		     A. 没有模糊祖先（典型：挂在 body 下的模型/推理选择器）⇒ 我们自己的 58% 表面 + 自己的 blur；
+		     B. 祖先里有模糊、且那个祖先是**已知包装容器**（输入框卡片一类）⇒ 弹层打 `data-mpw-pop-glass`，
+		        由 `mpwPopGlassApply()` 在**根级**垫一层对齐矩形的模糊层（backdrop root = 整页），
+		        包装容器照旧保留自己的磨砂 —— 用户明确要求"弹层要模糊、输入框的模糊也不能没"；
+		     C. 祖先里有模糊、但那不是包装容器（用户正在看的面板，例如子代理展开框）⇒ 什么都不摘，
+		        给弹层打 `data-mpw-pop-trunc`（88% 实底）：糊不到页面背后，就不假装是玻璃。 */
+		/* ②(2026-10-05) 「根级模糊层」：给"处在包装容器里、自己的 backdrop 被截断"的弹层垫一层
+		   挂在 body 下的模糊层（backdrop root = 整页），位置/圆角跟着弹层走。宿主元素一个都不碰。 */
+		const popGlassLayers = new WeakMap();
+		const popGlassNodes = new Set();        // 需要清理（弹层已卸载/已摘标记）时按它遍历
+		function mpwPopGlassApply() {
+			try {
+				const blur = (() => { try { return getComputedStyle(document.body).getPropertyValue("--mpw-pop-blur").trim() || "blur(11px)" } catch (e) { return "blur(11px)" } })();
+				for (const el of Array.from(document.querySelectorAll("[data-mpw-pop-glass]"))) {
+					let layer = popGlassLayers.get(el) || null;
+					if (!layer || !layer.isConnected) {
+						layer = document.createElement("div");
+						layer.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
+						layer.setAttribute("data-mpw-pop-glass-layer", "");
+						layer.style.cssText = "position:fixed;pointer-events:none;z-index:4;border-radius:12px;";
+						(document.body || document.documentElement).appendChild(layer);
+						popGlassLayers.set(el, layer);
+						popGlassNodes.add(el);
+					}
+					const r = el.getBoundingClientRect();
+					let radius = "12px";
+					try { const cs = getComputedStyle(el); if (cs.borderTopLeftRadius && cs.borderTopLeftRadius !== "0px") radius = cs.borderTopLeftRadius } catch (e) {}
+					if (r.width < 2 || r.height < 2) { layer.style.display = "none"; continue }
+					layer.style.display = "block";
+					layer.style.left = Math.round(r.left) + "px";
+					layer.style.top = Math.round(r.top) + "px";
+					layer.style.width = Math.round(r.width) + "px";
+					layer.style.height = Math.round(r.height) + "px";
+					layer.style.borderRadius = radius;
+					layer.style.backdropFilter = blur;
+					layer.style.webkitBackdropFilter = blur;
+				}
+				/* ②(2026-10-05) 清理要按**层自己**的账走：弹层正常关闭时元素会被 React 从 DOM 摘掉，
+				   那时 `[data-mpw-pop-bg]` 已经查不到它 —— 只按查询清理会**留层泄漏**（真机上会累积一堆
+				   隐形 fixed 层）。所以：surface 已断开 / 已不是 glass / 已摘标记 ⇒ 撤层。 */
+				for (const el of Array.from(popGlassNodes)) {
+					const layer = popGlassLayers.get(el);
+					const alive = el.isConnected !== false && el.hasAttribute && el.hasAttribute("data-mpw-pop-glass") && el.hasAttribute("data-mpw-pop-bg");
+					if (alive) continue;
+					if (layer && layer.parentElement) { try { layer.remove() } catch (e) {} }
+					popGlassLayers.delete(el);
+					popGlassNodes.delete(el);
+				}
+			} catch (e) {}
 		}
-		function mpwPopUntruncSync() {
+		/* 判据出口（tools/popover-glass-test.mjs 直接用） */
+		try {
+			globalThis.__mpwPopUntruncTest = {
+				sync: () => mpwPopClassifySync(),
+				/* 用 body 的子节点数（根级层就挂在 body 下）——比属性选择器更稳，桩/真机都对 */
+				glassCount: () => Array.from(((document.body || document.documentElement).children) || []).filter((e) => e && e.hasAttribute && e.hasAttribute("data-mpw-pop-glass-layer")).length,
+				truncCount: () => document.querySelectorAll("[data-mpw-pop-trunc]").length,
+			};
+		} catch (e) {}
+
+		function mpwPopClassifySync() {
 			try {
 				const surfaces = document.querySelectorAll("[data-mpw-pop-bg]");
-				const targets = new Set();
+				const glasses = new Set();
 				const truncated = new Set();
-				const markedNow = Array.from(document.querySelectorAll("[data-mpw-pop-untrunc]"));
 				for (let i = 0; i < surfaces.length; i++) {
 					const el = surfaces[i];
 					let cs = null;
 					try { cs = getComputedStyle(el) } catch (e) {}
-					/* 硬前提（与 mpwTagPopoverBg 同口径）：我们真的给了模糊才值得摘祖先的截断 */
+					/* 硬前提：我们自己给了模糊才有"被截断"这回事 */
 					if (!cs || !cs.backdropFilter || String(cs.backdropFilter).indexOf("blur") < 0) continue;
-					/* ②(2026-10-05 抖动修复) **已经摘过、且仍在这条祖先链上**的祖先，弹层没关就一直保持：
-					   摘掉之后它自己就没有 blur 了，若每轮都重新"找第一个带 blur 的祖先"，下一轮就找不到它
-					   ⇒ 属性被当陈旧标记摘掉 ⇒ blur 又回来 ⇒ 摘/还原来回抖（真机现象：同一个菜单时好时坏）。 */
-					let kept = false;
-					for (const mEl of markedNow) {
-						if (mEl === el) continue;
-						let onChain = false;
-						/* 用 parentElement 走链（不用 contains：桩 DOM/老引擎上不一定有） */
-						for (let q = el.parentElement, k = 0; q && k < 40; q = q.parentElement, k++) { if (q === mEl) { onChain = true; break } }
-						if (onChain) { targets.add(mEl); kept = true; break }
-					}
-					if (kept) continue;
-					let blockedByGlass = false;
 					for (let p = el.parentElement, n = 0; p && p !== document.body && p !== document.documentElement && n < 12; p = p.parentElement, n++) {
 						let acs = null;
 						try { acs = getComputedStyle(p) } catch (e) { break }
 						const ablur = acs && acs.backdropFilter && acs.backdropFilter !== "none" && String(acs.backdropFilter).indexOf("blur") >= 0;
 						if (!ablur) continue;
-						/* ②(2026-10-05 真机回归) **祖先自己是"看得见的玻璃板"时绝不动它**：
-						   它是用户能看到的那层模糊（真机现场：子代理展开框/输入框卡片被我们摘掉 blur 之后
-						   "模糊背景没有了"——正是之前夸过的那处效果）。判据 = 它有可见底色（α ≥ 0.05）。
-						   这种情况下改为把**弹层自己的表面做实在**（不能糊到页面背后，就别假装是玻璃）。 */
-						/* ②(2026-10-05 真机复核) 判据收紧到"**它自己也是我们管的弹层表面**"：
-						   子代理展开框/后台任务面板这类"用户正在看的面板"本身就在我们的弹层表面集合里
-						   ⇒ 摘它的 blur = 把用户看得见的那层玻璃删掉（真机回归）。
-						   而输入框卡片 `uV2eYG_card`（有底、有 blur，但**不是**弹层表面）只是"碰巧挡在
-						   弹层前面的包装" ⇒ 摘掉它的 blur 换来弹层真模糊，代价是"菜单打开期间它自己不糊"。
-						   真机读数支持这条：四个弹层里只有 body 下的模型选择器有模糊，另三个全被卡片截断。 */
-						/* ②(2026-10-05 复核) **不做几何相交判定**：backdrop root 的截断是 DOM/层叠性质，
-						   与两者矩形是否重叠无关 —— 祖先的模糊区不覆盖弹层时，弹层的 backdrop 是**空的**，
-						   照样"只有半透明没有模糊"（真机就是这么报的）。⇒ 只要是已知包装容器就摘。 */
-						let ancestorIsSurface = false;
-						try { ancestorIsSurface = p.matches(MPW_POP_TAG_SEL) } catch (e) {}
-						if (ancestorIsSurface) { blockedByGlass = true; break }
-						/* ②(2026-10-05 审查后收紧) **只摘"已知包装容器"的 blur**：真机定案的截断者只有一类 ——
-						   输入框卡片这类"碰巧挡在弹层前面的包装"（类名含 `_card` / `composer` / `overlayAnchor`）。
-						   其余任何带 blur 的祖先（标题栏里的子代理展开框、后台任务面板、别的宿主面板）**一律不碰**：
-						   它们是用户**正在看**的玻璃，摘掉就是"效果没了"（真机已因此报过一次）。
-						   代价：包在未知面板里的弹层保持"半透明无模糊"——这是**保守但不会破坏用户看得见的东西**的一侧。 */
-						let strippableWrap = false;
-						try { strippableWrap = /(_card|composer|overlayAnchor|_seat|_stack)/i.test(String(p.className || "")) } catch (e) {}
-						if (!strippableWrap) { blockedByGlass = true; break }
-						targets.add(p);
+						let isSurface = false;
+						try { isSurface = p.matches(MPW_POP_TAG_SEL) } catch (e) {}
+						if (isSurface) { truncated.add(el); break }            // C：用户正在看的面板 ⇒ 一个像素都不动
+						let wrap = false;
+						try { wrap = /(_card|composer|overlayAnchor|_seat|_stack)/i.test(String(p.className || "")) } catch (e) {}
+						if (wrap) glasses.add(el);                              // B：已知包装容器 ⇒ 根级模糊层
+						else truncated.add(el);                                 // 未知祖先 ⇒ 保守：实底
 						break;
 					}
-					if (blockedByGlass) truncated.add(el);
-				}
-				const stale = markedNow;
-				for (let i = 0; i < stale.length; i++) { const el = stale[i]; if (!targets.has(el)) { try { el.removeAttribute("data-mpw-pop-untrunc") } catch (e) {} } }
-				for (const el of targets) { if (!el.hasAttribute("data-mpw-pop-untrunc")) { try { el.setAttribute("data-mpw-pop-untrunc", "") } catch (e) {} } }
-				/* 被"有底的玻璃祖先"挡住的那批：标记在**弹层自己**身上（绝不碰宿主元素），由 CSS 给实底 */
-				const staleT = document.querySelectorAll("[data-mpw-pop-trunc]");
-				for (let i = 0; i < staleT.length; i++) { const el = staleT[i]; if (!truncated.has(el)) { try { el.removeAttribute("data-mpw-pop-trunc") } catch (e) {} } }
-				for (const el of truncated) { if (!el.hasAttribute("data-mpw-pop-trunc")) { try { el.setAttribute("data-mpw-pop-trunc", "") } catch (e) {} } }
-				if (targets.size) mpwPopUntruncStyle();
-				else if (popUntruncStyleEl && popUntruncStyleEl.parentElement) {
-					/* ②(2026-10-05 审查建议) 撤除也要**瞬时**：宿主若给这些元素写了 transition，
-					   直接撤规则会反向播一次"清晰→磨砂"的可感知跳变。先注入一条"禁过渡 + 保持 none"，
-					   下一帧再真正撤掉。 */
-					try {
-						const kill = document.createElement("style");
-						kill.setAttribute("data-plugin", "dsh-mpkg-wallpaper");
-						kill.setAttribute("data-mpw-pop-untrunc-kill", "");
-						kill.textContent = "[data-mpw-pop-untrunc]{transition:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}";
-						(document.head || document.documentElement).appendChild(kill);
-						setTimeout(() => {
-							try { kill.remove() } catch (e) {}
-							try { if (popUntruncStyleEl && popUntruncStyleEl.parentElement) popUntruncStyleEl.remove() } catch (e) {}
-							popUntruncStyleEl = null;
-						}, 0);
-					} catch (e) {
-						try { popUntruncStyleEl.remove() } catch (e2) {}
-						popUntruncStyleEl = null;
-					}
 				}
-				return targets.size + truncated.size * 1000;   // 千位段 = 被"有底玻璃祖先"挡住、改为实底的弹层数
+				const sync = (attr, want) => {
+					const stale = document.querySelectorAll("[" + attr + "]");
+					for (let i = 0; i < stale.length; i++) { const el = stale[i]; if (!want.has(el)) { try { el.removeAttribute(attr) } catch (e) {} } }
+					for (const el of want) { if (!el.hasAttribute(attr)) { try { el.setAttribute(attr, "") } catch (e) {} } }
+				};
+				sync("data-mpw-pop-glass", glasses);
+				sync("data-mpw-pop-trunc", truncated);
+				mpwPopGlassApply();
+				return glasses.size + truncated.size;
 			} catch (e) { return 0 }
 		}
-		/* ①(P3) 判据出口（tools/popover-untrunc-test.mjs 直接调 sync 断言 打标/还原/硬前提/首截断者）。 */
-		try {
-			globalThis.__mpwPopUntruncTest = {
-				sync: () => mpwPopUntruncSync(),
-				stylePresent: () => !!(popUntruncStyleEl && popUntruncStyleEl.parentElement),
-				killPresent: () => !!document.querySelector("[data-mpw-pop-untrunc-kill]"),
-			};
-		} catch (e) {}
-
-		/* ②(2026-10-05) 探针/判据出口：弹层兜底底标记与"摘截断"两件事可被**手动触发并读回**——
-		   真机排障要能区分"根本没跑"（调度被饿死、observer 没接上）与"跑了但条件不满足"（宿主
-		   自己画了不透明白底/面积超阈值…）。只读+幂等，不改变任何语义。 */
-		try {
-			globalThis.__mpwPopTagTest = {
-				run: () => { try { return mpwTagPopoverBg() } catch (e) { return -1 } },
-				untrunc: () => { try { return mpwPopUntruncSync() } catch (e) { return -1 } },
-				state: (sel) => {
-					try {
-						const el = document.querySelector(sel || "[data-mpw-pop-bg]");
-						if (!el) return null;
-						const cs = getComputedStyle(el);
-						return { cls: String(el.className).slice(0, 60), tag: el.hasAttribute("data-mpw-pop-bg"), bg: cs.backgroundColor, bf: cs.backdropFilter, display: cs.display, vis: cs.visibility };
-					} catch (e) { return null }
-				},
-			};
-		} catch (e) {}
+		/* 旧名保留（多处调用/探针判据在用） */
+		function mpwPopUntruncSync() { return mpwPopClassifySync() }
 
 		function setupPopTagWatch() {
 			if (popTagWatch !== null) return;
@@ -25154,6 +25133,7 @@ body[data-mpw-modal] [role="dialog"] {
 					   这里与弹层标记共用同一个 rAF 合并的入口（要素很少，代价可忽略）。 */
 					try { mpwTagSurfaceOuter(); } catch (e) {}
 					try { mpwSideLiftSync(); } catch (e) {}
+					try { mpwPopGlassApply(); } catch (e) {}
 					/* ①(P3) 弹层开着 ⇒ 摘截断祖先的 blur；关了 ⇒ 还原（同一入口，随突变重算） */
 					try { mpwPopUntruncSync(); } catch (e) {}
 				} catch (e) {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mpkg-wallpaper",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "description": "DSH Web 壁纸引擎 Wallpaper Engine mpkg 背景插件：浏览器内直接解析 .mpkg（preview.gif 动态背景/内嵌 mp4 视频/多时段切换），整屏统一虚化/对话框/弹层/遮罩独立虚化、镜头缩放平移、时钟、冲突检测。",
   "private": false,
   "type": "module",