dsh-calorie 0.3.25 → 0.3.27

package/dist/client.js

@@ -727,7 +727,7 @@ window.__ModuleLoader__.load({
 			optical: "光驱",
 			other: "磁盘"
 		};
-		const S$1 = {
+		const S$2 = {
 			scrim: {
 				position: "fixed",
 				inset: 0,
@@ -883,21 +883,21 @@ window.__ModuleLoader__.load({
 			listing.crumbs.forEach((crumb, index) => {
 				if (index > 0) parts.push(react.createElement("span", {
 					key: "sep-" + crumb.path,
-					style: S$1.crumbSep
+					style: S$2.crumbSep
 				}, "›"));
 				const isCurrent = crumb.path === listing.path;
 				parts.push(react.createElement("button", {
 					key: crumb.path,
 					type: "button",
 					style: {
-						...S$1.chromeButton,
+						...S$2.chromeButton,
 						fontWeight: isCurrent ? 700 : 400
 					},
 					title: crumb.path,
 					onClick: () => onEnter(crumb.path)
 				}, crumb.name));
 			});
-			return react.createElement("div", { style: S$1.crumbs }, parts);
+			return react.createElement("div", { style: S$2.crumbs }, parts);
 		}
 		/** 可跳转的根那一行（Windows 上的盘符等）：**就是本机全部磁盘**，故不加行首说明。
 		*  **少于两个根就不画**：一个根没有「跳到别处」可言。 */
@@ -907,27 +907,27 @@ window.__ModuleLoader__.load({
 				key: root.path,
 				type: "button",
 				style: {
-					...S$1.chromeButton,
-					...S$1.rootButton
+					...S$2.chromeButton,
+					...S$2.rootButton
 				},
 				title: ROOT_KIND_TEXT[root.kind] ?? ROOT_KIND_TEXT.other,
 				onClick: () => onEnter(root.path)
 			}, root.path));
-			return react.createElement("div", { style: S$1.roots }, parts);
+			return react.createElement("div", { style: S$2.roots }, parts);
 		}
 		/** 一行子目录：点名字进它，点「选」把它当目标（「选」再点一次取消）。 */
 		function entryRow(entry, selected, labels, onToggleSelect, onEnter) {
 			return react.createElement("div", {
 				key: entry.path,
 				style: {
-					...S$1.row,
+					...S$2.row,
 					padding: 0,
-					...selected ? S$1.rowSelected : {}
+					...selected ? S$2.rowSelected : {}
 				}
 			}, react.createElement("button", {
 				type: "button",
 				style: {
-					...S$1.row,
+					...S$2.row,
 					flex: 1,
 					border: "none"
 				},
@@ -935,7 +935,7 @@ window.__ModuleLoader__.load({
 			}, "📁 " + entry.name), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$1.button,
+					...S$2.button,
 					marginRight: 8,
 					padding: "2px 8px"
 				},
@@ -948,10 +948,10 @@ window.__ModuleLoader__.load({
 		function createRow(labels, onName, onCancel, onCreate, creatingName) {
 			if (creatingName === null) return null;
 			return react.createElement("div", { style: {
-				...S$1.pathRow,
+				...S$2.pathRow,
 				borderTop: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))"
 			} }, react.createElement("input", {
-				style: S$1.input,
+				style: S$2.input,
 				value: creatingName,
 				placeholder: labels.newFolder,
 				"aria-label": labels.newFolder,
@@ -962,11 +962,11 @@ window.__ModuleLoader__.load({
 				}
 			}), react.createElement("button", {
 				type: "button",
-				style: S$1.button,
+				style: S$2.button,
 				onClick: () => onCreate(creatingName)
 			}, labels.createConfirm), react.createElement("button", {
 				type: "button",
-				style: S$1.button,
+				style: S$2.button,
 				onClick: onCancel
 			}, labels.createCancel));
 		}
@@ -995,8 +995,8 @@ window.__ModuleLoader__.load({
 			const body = [];
 			body.push(crumbRow(state, props.onEnter));
 			body.push(rootsRow(state, props.onEnter));
-			body.push(react.createElement("div", { style: S$1.pathRow }, react.createElement("input", {
-				style: S$1.input,
+			body.push(react.createElement("div", { style: S$2.pathRow }, react.createElement("input", {
+				style: S$2.input,
 				value: state.draft,
 				placeholder: labels.pathPlaceholder,
 				"aria-label": labels.pathPlaceholder,
@@ -1006,20 +1006,20 @@ window.__ModuleLoader__.load({
 				}
 			}), react.createElement("button", {
 				type: "button",
-				style: S$1.button,
+				style: S$2.button,
 				onClick: props.onUp
 			}, labels.up), react.createElement("button", {
 				type: "button",
-				style: S$1.button,
+				style: S$2.button,
 				onClick: props.onCommitDraft
 			}, labels.go)));
 			body.push(react.createElement("div", {
-				style: S$1.list,
+				style: S$2.list,
 				role: "listbox",
 				"aria-label": labels.title
-			}, rows.length === 0 ? react.createElement("div", { style: S$1.empty }, state.phase === "loading" ? labels.loading : labels.empty) : rows.map((entry) => entryRow(entry, state.selected === entry.path, labels, props.onSelect, props.onEnter))));
+			}, rows.length === 0 ? react.createElement("div", { style: S$2.empty }, state.phase === "loading" ? labels.loading : labels.empty) : rows.map((entry) => entryRow(entry, state.selected === entry.path, labels, props.onSelect, props.onEnter))));
 			body.push(createRow(labels, props.onDraft, () => props.onCreatingChange(null), props.onCreate, state.creating));
-			body.push(react.createElement("div", { style: S$1.footNote }, hidden > 0 ? react.createElement("label", { style: {
+			body.push(react.createElement("div", { style: S$2.footNote }, hidden > 0 ? react.createElement("label", { style: {
 				fontSize: 12,
 				cursor: "pointer",
 				marginRight: 10
@@ -1030,41 +1030,41 @@ window.__ModuleLoader__.load({
 			}), " " + labels.showHidden(hidden)) : null, state.creating === null ? react.createElement("button", {
 				type: "button",
 				style: {
-					...S$1.chromeButton,
+					...S$2.chromeButton,
 					textDecoration: "underline"
 				},
 				onClick: () => props.onCreatingChange("")
-			}, labels.newFolder) : null, state.notice !== null ? react.createElement("div", { style: S$1.error }, state.notice) : null, state.phase === "failed" && state.failure !== null ? react.createElement("div", { style: S$1.error }, state.failure.message) : null));
-			body.push(react.createElement("div", { style: S$1.foot }, react.createElement("span", {
-				style: S$1.target,
+			}, labels.newFolder) : null, state.notice !== null ? react.createElement("div", { style: S$2.error }, state.notice) : null, state.phase === "failed" && state.failure !== null ? react.createElement("div", { style: S$2.error }, state.failure.message) : null));
+			body.push(react.createElement("div", { style: S$2.foot }, react.createElement("span", {
+				style: S$2.target,
 				title: target ?? ""
 			}, target === null ? "" : labels.willPick + target), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$1.button,
-					...target === null ? S$1.buttonOff : {}
+					...S$2.button,
+					...target === null ? S$2.buttonOff : {}
 				},
 				onClick: props.onPick
 			}, labels.open), react.createElement("button", {
 				type: "button",
-				style: S$1.button,
+				style: S$2.button,
 				onClick: props.onClose
 			}, labels.cancel)));
 			return react.createElement("div", {
-				style: S$1.scrim,
+				style: S$2.scrim,
 				role: "presentation",
 				onMouseDown: (event) => {
 					if (event.target === event.currentTarget) props.onClose();
 				}
 			}, react.createElement("div", {
-				style: S$1.dialog,
+				style: S$2.dialog,
 				role: "dialog",
 				"aria-modal": true,
 				"aria-label": labels.title
-			}, react.createElement("div", { style: S$1.head }, react.createElement("span", { style: S$1.title }, labels.title), react.createElement("button", {
+			}, react.createElement("div", { style: S$2.head }, react.createElement("span", { style: S$2.title }, labels.title), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$1.button,
+					...S$2.button,
 					marginLeft: "auto"
 				},
 				"aria-label": labels.close,
@@ -1089,6 +1089,84 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region ../plugin-manager/dist/title-seal.js
+		/** 共用标题 + 印章书签 · 纯组件（#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$1 = {
+			/** 整块 `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$1.titleBlock,
+				"aria-label": label
+			}, react.createElement("span", { style: S$1.product }, props.product), react.createElement("span", { style: S$1.purpose }, props.purpose));
+		}
+		/** 印章书签（横向固定印，纯展示）。 */
+		function Seal(props) {
+			return react.createElement("span", {
+				style: S$1.seal,
+				role: "note",
+				"aria-label": props.sealText
+			}, props.sealText);
+		}
+		//#endregion
 		//#region ../plugin-manager/dist/config-panel-view.js
 		/** 共用配置面板 · 视图半：一行怎么画（`Row`）、整面怎么画（`PanelBody`）。
 		*
@@ -1157,14 +1235,19 @@ window.__ModuleLoader__.load({
 				color: "var(--dsw-alias-label-primary, #f9fafb)",
 				boxShadow: "inset 0 1px 0 rgba(255,255,255,.06)"
 			},
-			/** `.ic-head{display:flex;align-items:center;gap:10px;min-height:22px}`（徽标靠 `margin-left:auto` 右贴）。 */
+			/** `.ic-head{display:flex;align-items:center;gap:10px;min-height:22px}`（徽标靠 `margin-left:auto` 右贴）。
+			*  #996：加 `flexWrap:wrap`——标题（`TitleBlock`，`flex:1 1 auto`＋`minWidth:9em`）与签
+			*  （`flex-shrink:0`）在 390 宽下换行不挤（原型 A 行尾悬签）；`gap`／`minHeight` 照 v3.1 不动。 */
 			head: {
 				display: "flex",
+				flexWrap: "wrap",
 				alignItems: "center",
 				gap: 10,
 				minHeight: 22
 			},
-			/** `.ic-title{font-size:13.5px;font-weight:640}`——字号按 60 行那条锚点换算成 `1.08em`。 */
+			/** `.ic-title{font-size:13.5px;font-weight:640}`——字号按 60 行那条锚点换算成 `1.08em`。
+			*  #996：卡片标题行改用 `TitleBlock`（见 `title-seal.ts`，原型 A 锁 1.15em／700＋0.85em／400），
+			*  这一格保留供附加块（`ConfigStyles` 键名不许改），头部本身不再用它。 */
 			title: {
 				fontSize: "1.08em",
 				fontWeight: 640
@@ -1727,7 +1810,8 @@ window.__ModuleLoader__.load({
 		function PanelBody(props) {
 			const { state, title } = props;
 			const surface = state.kind === "ready" ? state.surface : null;
-			const headText = title === void 0 ? "配置" : `${title} · 配置`;
+			const product = title ?? "";
+			const seal = props.sealText === void 0 || props.sealText === "" ? null : react.createElement(Seal, { sealText: props.sealText });
 			const headDataDir = surface === null ? "" : surface.resolved?.["dbDir"] ?? surface.dataDir;
 			const ready = state.kind === "ready";
 			const dirtyCount = ready ? props.dirtyKeys.length : 0;
@@ -1739,7 +1823,10 @@ window.__ModuleLoader__.load({
 				dirtyCount,
 				saved: props.notice !== null
 			});
-			const head = react.createElement("div", { style: S.head }, react.createElement("div", { style: S.title }, headText), react.createElement(PanelBadgeView, {
+			const head = react.createElement("div", { style: S.head }, react.createElement(TitleBlock, {
+				product,
+				purpose: "配置"
+			}), seal, react.createElement(PanelBadgeView, {
 				kind: badge,
 				dirtyCount
 			}));
@@ -2144,6 +2231,7 @@ window.__ModuleLoader__.load({
 			};
 			return react.createElement(PanelBody, {
 				title: props.title,
+				sealText: props.sealText,
 				items: props.items,
 				state,
 				draft,