dsh-life-pack 0.3.26 → 0.3.29

package/dist/client.js

@@ -1764,6 +1764,84 @@ window.__ModuleLoader__.load({
 			return rows.find((row) => row.error !== null)?.error ?? null;
 		}
 		//#endregion
+		//#region src/title-seal.ts
+		/** 共用标题 + 印章书签 · 纯组件（#996，不认任何一家）。
+		*
+		* 来源：原型 #995 变体 A（行尾悬签，人裁已定形）——标题左、签贴同行行尾向右探出。
+		* 用它的有两家（共用件的第二个用法从这里长出来）：`config-panel-view.ts` 的 `PanelBody`
+		* （`product`＝各家产品名／`purpose`＝`配置`）与 `health-view.ts` 的 `HealthTable`
+		* （`product`＝各家产品名／`purpose`＝`体检`）。别处要同形标题才用它，用不出来就留在那两家。
+		*
+		* 形状（逐值照原型锁死，不许自己重新设计）：
+		*   标题：同行双样式、无 `·`——`product` 700／1.15em 主色 ＋ `purpose` 400／0.85em 次色，
+		*     同行基线、`gap .5em`（16px 下＝8px，满足地图 8px），整块 `h2`（`aria-label`＝`product purpose`）。
+		*     字号取原型锁（地图 Notes 写 1.08em／640 是 grill 共识早值，原型后锁 1.15em／700，以原型为准）。
+		*   签：横向书签固定色 `#a5281b` 白字、`clip-path` 右端 V 尾切角 ＋ 微旋 `-3°`、
+		*     `white-space:pre` 保空格、`role="note"` 纯展示不可点（无点击、无 tabindex）。
+		*     印文由调用方交 `sealText`（显示形一律带空格大写 HELP，空格＝U+0020，997 接线）。
+		*
+		* 纪律（#739／#941）：
+		*   零字族（无 `fontFamily`、无 `font:` 简写）、字号一律 em；颜色走 DSH 主题别名，
+		*   唯签固定色沿 health 红黄固定色先例（纸变印不变，印不管纸面派生）。
+		*
+		* 本件是纯函数：吃 props 回元素树，不留状态、不取数。手写 `React.createElement`（本包 client 束禁 JSX）。
+		*/
+		const S$2 = {
+			/** 整块 `h2`：同行基线双样式容器（原型 `.titleblock`；`flex:1 1 auto` 把签顶到行尾，390 宽可换行不挤）。 */
+			titleBlock: {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: "baseline",
+				gap: "0 0.5em",
+				margin: 0,
+				fontSize: "1em",
+				lineHeight: 1.5,
+				flex: "1 1 auto",
+				minWidth: "9em"
+			},
+			/** 产品名（原型 `.product`：700／1.15em 主色）。 */
+			product: {
+				fontSize: "1.15em",
+				fontWeight: 700,
+				color: "var(--dsw-alias-label-primary, #f9fafb)"
+			},
+			/** 用途（原型 `.purpose`：400／0.85em 次色）。 */
+			purpose: {
+				fontSize: "0.85em",
+				fontWeight: 400,
+				color: "var(--dsw-alias-label-secondary, #9a9a9a)"
+			},
+			/** 签（原型 `.seal`：固定印色＋右端 V 尾＋微旋，纯展示）。 */
+			seal: {
+				display: "inline-block",
+				flexShrink: 0,
+				fontSize: "0.78em",
+				lineHeight: 1.6,
+				color: "#fff",
+				background: "#a5281b",
+				padding: "0.15em 0.9em 0.15em 0.8em",
+				whiteSpace: "pre",
+				transform: "rotate(-3deg)",
+				clipPath: "polygon(0 0, calc(100% - 0.65em) 0, 100% 50%, calc(100% - 0.65em) 100%, 0 100%)"
+			}
+		};
+		/** 标题分层（同行双样式，无 `·`，整块 `h2`）。 */
+		function TitleBlock(props) {
+			const label = (props.product + " " + props.purpose).trim();
+			return react.createElement("h2", {
+				style: S$2.titleBlock,
+				"aria-label": label
+			}, react.createElement("span", { style: S$2.product }, props.product), react.createElement("span", { style: S$2.purpose }, props.purpose));
+		}
+		/** 印章书签（横向固定印，纯展示）。 */
+		function Seal(props) {
+			return react.createElement("span", {
+				style: S$2.seal,
+				role: "note",
+				"aria-label": props.sealText
+			}, props.sealText);
+		}
+		//#endregion
 		//#region src/health-view.ts
 		/** 配置体检的两个画法：面板顶部那行总览（六家一盏灯）＋ 各家那张表。
 		*
@@ -2117,10 +2195,14 @@ window.__ModuleLoader__.load({
 		function HealthTable(props) {
 			const { report } = props;
 			const prefixes = report ? dirPrefixesOf(report) : [];
+			const seal = props.sealText === void 0 || props.sealText === "" ? null : react.createElement(Seal, { sealText: props.sealText });
 			return react.createElement("div", {
 				style: HEALTH_STYLE.box,
 				"data-ilife-health": "table"
-			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? headerCounts(report) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
+			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement(TitleBlock, {
+				product: props.title,
+				purpose: "体检"
+			}), seal, report ? headerCounts(report) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
 				color: INK_DIM,
 				fontSize: 11.5,
 				marginTop: 2
@@ -3178,7 +3260,7 @@ window.__ModuleLoader__.load({
 			}, 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.25";
+		const MANAGER_VERSION_TEXT = "dsh-life-pack · 0.3.29";
 		/** 爱生活面板：总设置区 ＋ 检查更新（七家）＋ 爱生活页签条（slot 驱动）＋ 技能设置页投影/缺席卡。 */
 		function LifePackSection(props) {
 			const tabsId = react.useId();
@@ -3322,6 +3404,7 @@ window.__ModuleLoader__.load({
 					style: selected ? void 0 : { display: "none" }
 				}, present.has(tab.plugin) ? react.createElement("div", { style: S.tabStack }, props.renderSlot(CONFIG_TAB_SLOT, {}, { only: tab.plugin }), react.createElement(HealthTable, {
 					title: labelFor(tab),
+					sealText: labelFor(tab) + " HELP",
 					phase: health.rows[tab.plugin]?.phase ?? "idle",
 					report: health.rows[tab.plugin]?.report ?? null,
 					error: health.rows[tab.plugin]?.error ?? null