dsh-life-pack 0.3.58 → 0.3.59

package/dist/client.js

@@ -7947,7 +7947,12 @@ ${body}`;
 		}
 		/** 缺席页签挂单包安装按钮（上游 0.18.0 安装控件，#1282）：pluginId 与 prefix 取更新目标表
 		*  同源（与批量侧 `life-<key>`／`ilife-<skill>` 同一份推导），不手拼；文案样式零自家东西。
-		*  目标表里没有该包（不该发生）回 null，调用方不渲染挂载位。 */
+		*  目标表里没有该包（不该发生）回 null，调用方不渲染挂载位。
+		*
+		*  #1282 定案：悬停换色走**容器 CSS 覆盖**，不传 `themeTokens`——0.18.0 包内实测，
+		*  `install-button.js` 全文件零 `var(--dsh-update-*)` 引用、主按钮零内联样式，
+		*  `mount` 内 `themeTokensStyleFor()` 返回值直接丢弃（只校验合法性）；
+		*  tokens 只在批量面板生效，传给安装控件等于没传。将来上游修好再切官方口。 */
 		function mountLifeInstallButton(container, call, tab) {
 			const target = targetFor(tab.plugin);
 			if (target === void 0) return null;
@@ -10456,16 +10461,36 @@ ${body}`;
 		/** 缺席页签的单包安装按钮（#1282）：挂载位＋挂载一体，连接不到或目标表无此包就不画。
 		*
 		*  与标题行批量入口同形（ref 占位＋effect 挂载＋卸载 unmount），区别只有两处：调的是单包安装
-		*  件（`prefix: ilife-<skill>` 的单包五电话），以及容器落在缺席提示与手动命令之间。 */
+		*  件（`prefix: ilife-<skill>` 的单包五电话），以及容器落在缺席提示与手动命令之间。
+		*
+		*  上游首查回包里的 `manual`（精确手工命令）读出来交 `onManual`：带精确版本号与 registry，
+		*  调用方拿它画自己的命令行＋复制按钮（单一定位，不复述上游 details 里的同一条）。
+		*  只读、不重查：读两次（800／2600ms，覆盖默认 1000ms 轮询的首查落定），读不到就只剩双包命令。 */
 		function TabInstallSlot(props) {
 			const slotRef = react.useRef(null);
 			const callReady = props.getCall() !== null;
+			const onManualRef = react.useRef(props.onManual);
+			onManualRef.current = props.onManual;
 			react.useEffect(() => {
 				const mount = slotRef.current;
 				if (mount === null || !callReady) return;
 				const button = mountLifeInstallButton(mount, managerCallAdapter(props.getCall()), props.tab);
 				if (button === null) return;
+				let alive = true;
+				const timers = [];
+				for (const ms of [800, 2600]) {
+					if (typeof setTimeout !== "function") break;
+					timers.push(setTimeout(() => {
+						if (!alive) return;
+						try {
+							const manual = button.state().manual;
+							if (typeof manual === "string" && manual.length > 0) onManualRef.current?.(manual);
+						} catch {}
+					}, ms));
+				}
 				return () => {
+					alive = false;
+					for (const t of timers) clearTimeout(t);
 					button.unmount();
 				};
 			}, [callReady, props.tab]);
@@ -10475,6 +10500,113 @@ ${body}`;
 				"data-ilife-install": "slot"
 			});
 		}
+		/** 缺席面板步骤化样式（#1282 v4 原型定稿）：序号圆点／命令行／复制按钮三态／Toast／上游主按钮覆盖。
+		*
+		*  全收敛在 `[data-ilife-absent]` 作用域下；容器 `S.reco` 与子顺序一字不动。
+		*  上游主按钮换色用容器覆盖（`button[data-primary="1"]` 特异度压上游缺省；上游自带 CSS 无 hover
+		*  规则，见 update-dialog.ts 注释——themeTokens 对安装控件无视觉效果，故悬停也收在这里）。
+		*  悬停取深橙＋白字＋投影（用户 verdict：8% 提亮看不见）；颜色原型定稿 hex，见 v4 原型。 */
+		const ABSENT_TOAST_MS = 1500;
+		function absentStepsCss() {
+			return "[data-ilife-absent=\"panel\"]>.ilife-step{display:block;position:relative;padding:10px 4px 10px 40px;border-bottom:1px solid rgba(255,255,255,.07)}[data-ilife-absent=\"panel\"]>.ilife-step:last-child{border-bottom:0}[data-ilife-absent=\"panel\"]>.ilife-step::before{content:attr(data-step);position:absolute;left:4px;top:10px;width:24px;height:24px;border-radius:50%;background:#2b2b2b;color:#9a9a9a;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}[data-ilife-absent=\"panel\"]>.ilife-step[data-step=\"1\"]::before{background:#e5534b;color:#fff}[data-ilife-absent=\"panel\"]>.ilife-step[data-step=\"2\"]::before{background:#f2a65a;color:#1a1206}[data-ilife-absent=\"panel\"] .ilife-step-t{display:block;color:#fff;font-weight:700;font-size:14px;margin-bottom:2px}[data-ilife-absent=\"panel\"] .ilife-tray{background:rgba(242,166,90,.08);border-radius:8px;padding:10px 12px}[data-ilife-absent=\"panel\"] .dsh-upd-ib button[data-primary=\"1\"]{transition:background .15s,color .15s,transform .06s,box-shadow .15s}[data-ilife-absent=\"panel\"] .dsh-upd-ib button[data-primary=\"1\"]:hover{background:#cf6f1f;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(207,111,31,.45)}[data-ilife-absent=\"panel\"] .dsh-upd-ib button[data-primary=\"1\"]:active{transform:translateY(1px);box-shadow:none;background:#a8561a;color:#fff}[data-ilife-absent=\"panel\"] .dsh-upd-ib button[data-primary=\"1\"]:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}[data-ilife-absent=\"panel\"] .dsh-upd-ib button[data-primary=\"1\"]:focus-visible{outline:2px solid #f2a65a;outline-offset:2px}[data-ilife-absent=\"panel\"] .ilife-cmdrow{display:flex;gap:8px;align-items:stretch;margin-top:8px}[data-ilife-absent=\"panel\"] .ilife-cmdrow>code{flex:1;padding:8px 10px;border-radius:8px;background:rgba(128,128,128,.12);color:#57b883;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;user-select:all;white-space:pre-wrap;overflow-wrap:anywhere}[data-ilife-absent=\"panel\"] .ilife-cmdrow>code.plain{color:inherit}[data-ilife-absent=\"panel\"] .ilife-copycmd{flex:0 0 auto;align-self:center;background:#2b2b2b;color:inherit;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .06s,box-shadow .15s}[data-ilife-absent=\"panel\"] .ilife-copycmd:hover{border-color:#f2a65a;color:#f2a65a;background:#353535;transform:translateY(-1px);box-shadow:0 2px 8px rgba(242,166,90,.25)}[data-ilife-absent=\"panel\"] .ilife-copycmd:active{transform:translateY(1px);box-shadow:none;background:#242424}[data-ilife-absent=\"panel\"] .ilife-copycmd:focus-visible{outline:2px solid #f2a65a;outline-offset:2px}[data-ilife-absent=\"toast\"]{position:fixed;left:50%;bottom:48px;transform:translateX(-50%) translateY(" + String(8) + "px);background:#1f1f1f;color:#fff;border:1px solid rgba(87,184,131,.6);border-radius:999px;padding:6px 18px;font-size:13px;z-index:99;animation:absentToastIn " + String(180 / 1e3) + "s ease}@keyframes absentToastIn{from{opacity:0;transform:translateX(-50%) translateY(" + String(8) + "px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}";
+		}
+		/** 命令行文本进剪贴板：先走 Clipboard API，摸不到（老宿主／非安全上下文）就地降级为隐藏 textarea。
+		*  文案保持「复制」二字不动（用户口径）：成功只弹 Toast，不改按钮字。 */
+		async function copyCmdText(text) {
+			try {
+				const clip = globalThis.navigator?.clipboard;
+				if (clip !== void 0 && typeof clip.writeText === "function") {
+					await clip.writeText(text);
+					return;
+				}
+			} catch {}
+			if (typeof document === "undefined" || typeof document.createElement !== "function") return;
+			const area = document.createElement("textarea");
+			area.value = text;
+			area.setAttribute("readonly", "");
+			area.style.position = "fixed";
+			area.style.opacity = "0";
+			document.body.appendChild(area);
+			try {
+				area.select();
+				document.execCommand("copy");
+			} catch {
+				throw new Error("copy-unavailable");
+			} finally {
+				document.body.removeChild(area);
+			}
+		}
+		/** 命令行右端复制按钮（#1282）：文案恒为「复制」；点下走剪贴板，成了调 `onCopied` 弹 Toast。
+		*  复制失败（剪贴板摸不到）吞掉不弹——弹“已复制”会撒谎。 */
+		function CopyCmdButton(props) {
+			return react.createElement("button", {
+				type: "button",
+				className: "ilife-copycmd",
+				onClick: () => {
+					copyCmdText(props.text).then(props.onCopied, () => void 0);
+				}
+			}, "复制");
+		}
+		/** 缺席页签整块面板（#1282 v4）：容器 `S.reco` 不动，子顺序 hint→槽→命令不动，只做三步呈现。
+		*
+		*  ①状态标题（包名＋未安装，不复述命令）；②一键安装（上游槽，版本与按钮归上游画）；
+		*  ③备选手动安装（上游首查落定的精确命令＋双包命令，各配复制按钮，默认即展开态）。
+		*  Toast 常驻条件挂载（`notice` 同形，进场即跑 `absentToastIn`），1.5s 自散。 */
+		function AbsentTabPanel(props) {
+			const [manual, setManual] = react.useState(null);
+			const [toastOn, setToast] = react.useState(false);
+			const toastTimer = react.useRef(null);
+			react.useEffect(() => () => {
+				if (toastTimer.current !== null) clearTimeout(toastTimer.current);
+			}, []);
+			const pokeToast = () => {
+				setToast(true);
+				if (typeof setTimeout !== "function") return;
+				if (toastTimer.current !== null) clearTimeout(toastTimer.current);
+				toastTimer.current = setTimeout(() => {
+					setToast(false);
+				}, ABSENT_TOAST_MS);
+			};
+			const cmdRows = [];
+			if (manual !== null) cmdRows.push({
+				key: "exact",
+				text: manual,
+				plain: false
+			});
+			cmdRows.push({
+				key: "dual",
+				text: props.installCmd,
+				plain: true
+			});
+			return react.createElement("div", {
+				style: S.reco,
+				"data-ilife-absent": "panel"
+			}, react.createElement("style", { "data-ilife-absent": "steps-css" }, absentStepsCss()), react.createElement("span", {
+				className: "ilife-step",
+				"data-step": "1"
+			}, react.createElement("span", { className: "ilife-step-t" }, props.tab.plugin + " 未安装"), "请补装后使用。"), react.createElement("span", {
+				className: "ilife-step",
+				"data-step": "2"
+			}, react.createElement("span", { className: "ilife-step-t" }, "一键安装"), react.createElement("span", { className: "ilife-tray" }, react.createElement(TabInstallSlot, {
+				tab: props.tab,
+				getCall: props.getCall,
+				onManual: (text) => {
+					setManual(text);
+				}
+			}))), react.createElement("span", {
+				className: "ilife-step",
+				"data-step": "3"
+			}, react.createElement("span", { className: "ilife-step-t" }, "备选：手动安装"), cmdRows.map((row) => react.createElement("span", {
+				key: row.key,
+				className: "ilife-cmdrow"
+			}, react.createElement("code", { className: row.plain ? "plain" : void 0 }, row.text), react.createElement(CopyCmdButton, {
+				text: row.text,
+				onCopied: pokeToast
+			})))), toastOn ? react.createElement("div", {
+				"data-ilife-absent": "toast",
+				role: "status"
+			}, "✓ 已复制") : null);
+		}
 		function MorePluginsCard() {
 			return react.createElement("div", { style: S.moreCard }, react.createElement("div", { style: S.moreTitle }, "作者其他插件"), MORE_PLUGINS.map((row) => react.createElement("a", {
 				key: row.pkg,
@@ -10487,7 +10619,7 @@ ${body}`;
 			}, react.createElement("span", { style: S.morePkg }, row.pkg), react.createElement("span", { style: S.moreDesc }, row.desc), react.createElement("span", { style: S.moreIcon }, react.createElement(ExternalIcon, null)))));
 		}
 		/** 版本胶囊那一行字：只在这里拼一次，屏上与用例读的是同一串。 */
-		const MANAGER_VERSION_TEXT = "dsh-life-pack · 0.3.58";
+		const MANAGER_VERSION_TEXT = "dsh-life-pack · 0.3.59";
 		/** 右下角那本书离面板两沿的距离：用户口径「一直处于面板右下角、不随列表滑动消失」
 		*  ⇒ sticky 吸附（面板相对，视口多大都落在面板角上）；INSET＝右沿，BOTTOM＝底沿。 */
 		const MANUAL_ENTRY_INSET = 16;
@@ -10816,10 +10948,11 @@ ${body}`;
 					error: health.rows[tab.plugin]?.error ?? null
 				})) : (() => {
 					const reco = recoFor(tab);
-					return react.createElement("div", { style: S.reco }, reco.hint, react.createElement(TabInstallSlot, {
+					return react.createElement(AbsentTabPanel, {
 						tab,
+						installCmd: reco.installCmd,
 						getCall: props.getCall
-					}), react.createElement("span", { style: S.cmd }, reco.installCmd));
+					});
 				})());
 			}), react.createElement(MorePluginsCard, null), react.createElement("div", {
 				style: {