dsh-calorie 0.3.13 → 0.3.15

package/dist/client.js

@@ -43,9 +43,12 @@ window.__ModuleLoader__.load({
 		const RPC_ENDPOINT_CONFIG_GET = "config.get";
 		const RPC_ENDPOINT_CONFIG_SAVE = "config.save";
 		const RPC_ENDPOINT_CONFIG_RESET = "config.reset";
-		/** 高级组标题与副文案（六家逐字相同，收在这里一处）。 */
+		/** 高级组标题（六家逐字相同，收在这里一处）。
+		*
+		* #934：原先还有一条副文案 `ADVANCED_GROUP_NOTE`（「不常改。留空＝用默认值。」），
+		* 维护者裁定**整条删除、删后不另找地方说**——理由：三家高级项全是只读行、不参与保存、根本没有"留空"，
+		* 而"留空会怎样"这条口径本就逐行住在每条的 `hint` 里（见本件 `ConfigItem.hint` 的契约）。 */
 		const ADVANCED_GROUP_TITLE = "高级";
-		const ADVANCED_GROUP_NOTE = "不常改。留空＝用默认值。";
 		/** 请求超时毫秒：与宿主侧 SPAWN_TIMEOUT_MS 同级，界面永不无限转圈。 */
 		const READ_TIMEOUT_MS$1 = 2e4;
 		/** 复制那一枚按钮就地变「已复制」之后，多久变回「复制」（定稿 v3 第三条：1.5 秒，不弹提示）。 */
@@ -832,7 +835,7 @@ window.__ModuleLoader__.load({
 				textOverflow: "ellipsis",
 				whiteSpace: "nowrap"
 			},
-			error: { color: "var(--dsw-alias-label-error, #e66)" }
+			error: { color: "var(--dsw-alias-state-error-primary, #e66)" }
 		};
 		/** 面包屑：从文件系统根到当前层，每一格都是跳转目标（`listing.crumbs` 由取数方给）。 */
 		function crumbRow(state, onEnter) {
@@ -1087,6 +1090,23 @@ window.__ModuleLoader__.load({
 		* 键名一个都不许改：六家附加块真消费 `okText`／`error`／`rows`／`label`／`muted`／`hint`／`info`／
 		* `bar`／`btn` 这九格（`plugin-memo-ilife/src/client.ts`、`plugin-schedule-ilife/src/client.ts` 的
 		* `PanelStyleSlots`），跨包锁另钉 `card`／`input`／`btnPrimary`／`btnPick`／`summary`／`title`／`version`。 */
+		/** #941／丁：**浅色档距自合成**——宿主在浅色下四层底同白（`bg-base = bg-layer-1/2/3`），
+		*  拿不到可用的层级差，所以三处面（卡描边／沉底盒底／输入框描边）由我们自己按墨色派生。
+		*
+		*  取 `label-primary` 当墨色分母：浅色下它是近黑、深色下它是近白 ⇒ **同一条表达式两套主题都成立**
+		*  （浅色补出可用的档距，深色退化成今天那几档观感）。百分比来自维护者选定的方案丁：
+		*  卡描边 19%／沉底盒底 9%／输入框描边 24%／骨架条 21%。这是本仓第一处"自定值"，属真源增补
+		*  （v3.1 只有深色一套 token，从未覆盖浅色）。 */
+		const PANEL_INK = "var(--dsw-alias-label-primary, #f9fafb)";
+		const inkMix = (percent, into) => into === void 0 ? `color-mix(in srgb, ${PANEL_INK} ${percent}%, transparent)` : `color-mix(in srgb, ${PANEL_INK} ${percent}%, ${into})`;
+		/** 卡片描边：浅色 ≈`#cfcfcf` ⇔ 深色 ≈`#4a4b4d`。 */
+		const PANEL_CARD_EDGE = inkMix(19);
+		/** 沉底盒底（母版行／高级组体／状态行）：浅色 ≈`#e9e9e9` ⇔ 深色 ≈`#3a3b3d`。 */
+		const PANEL_SUNKEN_FILL = inkMix(9, "var(--dsw-alias-bg-layer-1, #232324)");
+		/** 输入框描边：浅色 ≈`#c4c4c4` ⇔ 深色 ≈`#5a5b5d`。 */
+		const PANEL_FIELD_EDGE = inkMix(24);
+		/** 骨架条：浅色 ≈`#c9ccd2`（1.6:1）⇔ 深色 ≈`#404143`。 */
+		const PANEL_SKELETON_FILL = inkMix(21);
 		const S = {
 			/** `.ic-card`：`background:var(--ic-surface)`（＝bg-layer-1）＋`border:1px solid var(--ic-line-strong)`
 			*  ＋`border-radius:12px`＋`padding:14px`＋`box-shadow:inset 0 1px 0 rgba(255,255,255,.06)`。
@@ -1094,7 +1114,7 @@ window.__ModuleLoader__.load({
 			card: {
 				padding: 14,
 				borderRadius: 12,
-				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+				border: "1px solid " + PANEL_CARD_EDGE,
 				background: "var(--dsw-alias-bg-layer-1, #232324)",
 				color: "var(--dsw-alias-label-primary, #f9fafb)",
 				boxShadow: "inset 0 1px 0 rgba(255,255,255,.06)"
@@ -1114,6 +1134,83 @@ window.__ModuleLoader__.load({
 			/** `.ic-file{margin-top:4px}` 的那 4px 挂在两行的公共容器上：`info` 自己一格 margin 都不写
 			*  （#743 ①：头部两行间距不一家一个数，故这一项一律不写 margin）。 */
 			fileWrap: { marginTop: 4 },
+			/** #939：骨架条（照真源 `.ic-sk`：`display:block;height:17px;border-radius:4px`）。
+			*  高度按一行正文画——inline-block 跟着父级行高走会让骨架行比填充后的文字行高 4px、六家叠起来就是一片下移。
+			*  底色走派生值（宿主专用骨架档 `bg-skeleton` 在浅色下只有 1.09:1，等于看不见）。 */
+			skeleton: {
+				display: "block",
+				height: 17,
+				borderRadius: 4,
+				background: PANEL_SKELETON_FILL
+			},
+			/** #936：状态行那一块（照真源 `.ic-status`）——沉底面盒子，里面三行：状态行／路径行／官网行。 */
+			statusBox: {
+				marginTop: 11,
+				padding: "10px 12px",
+				background: PANEL_SUNKEN_FILL,
+				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+				borderRadius: 8
+			},
+			/** `.ic-srow{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}`（12px ⇒ 0.86em）。 */
+			statusRow: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				fontSize: "0.86em",
+				flexWrap: "wrap"
+			},
+			/** `.ic-dot{width:8px;height:8px;border-radius:50%}`——底色按档位在组件里补。 */
+			statusDot: {
+				width: 8,
+				height: 8,
+				borderRadius: "50%",
+				flex: "0 0 auto"
+			},
+			/** `.ic-sname{font-weight:600;white-space:nowrap}`。 */
+			statusName: {
+				fontWeight: 600,
+				whiteSpace: "nowrap"
+			},
+			/** `.ic-stxt{color:var(--ic-muted);min-width:0}`。 */
+			statusText: {
+				color: "var(--dsw-alias-label-secondary, #cfd3d6)",
+				minWidth: 0
+			},
+			/** `.ic-sfind{display:flex;align-items:center;gap:8px;margin-top:7px}`。 */
+			statusFind: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				marginTop: 7
+			},
+			/** `.ic-spath{font-size:10.5px;color:var(--ic-faint);white-space:nowrap;overflow:hidden}`
+			*  ——单行不折、超出裁掉（**不写省略号**：本件有一条"零省略号"的跨包锁）。
+			*  **不写 `fontFamily`**：v3.1 这一格要 `var(--ic-mono)`，但 `#739 ①` 明令共用件零字族（宿主没有界面字族
+			*  token，钉死会在别的窗口尺寸上失真）——与真源的同一处已知不同，账在 #920 证据件里。 */
+			statusPath: {
+				fontSize: "0.75em",
+				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
+				minWidth: 0,
+				whiteSpace: "nowrap",
+				overflow: "hidden"
+			},
+			/** `.ic-ver{font-size:10px;border:1px solid var(--ic-line-strong);border-radius:999px;padding:0 6px}`。 */
+			statusVersion: {
+				fontSize: "0.72em",
+				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
+				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+				borderRadius: 999,
+				padding: "0 6px",
+				whiteSpace: "nowrap"
+			},
+			/** `.ic-url{display:inline-block;margin-top:7px;font-size:10.5px;color:var(--ic-faint)}`
+			*  ——字族同样继承宿主（`#739 ①`：共用件零 `fontFamily`），理由同上一格。 */
+			statusUrl: {
+				display: "inline-block",
+				marginTop: 7,
+				fontSize: "0.75em",
+				color: "var(--dsw-alias-label-tertiary, #adb2b8)"
+			},
 			/** `.ic-file b{color:var(--ic-faint);font-weight:400;margin-right:5px}`（「配置文件」「数据目录」那两个字）。 */
 			fileLabel: {
 				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
@@ -1239,7 +1336,7 @@ window.__ModuleLoader__.load({
 			/** `.ic-master`：母版行那一块盒子（`--ic-sunken` 底 ＋ `border-radius:8px` ＋ `padding:11px 12px`
 			*  ＋ `margin-top:11px` ＋ 内高光）。 */
 			master: {
-				background: "var(--dsw-alias-bg-layer-3, #353638)",
+				background: PANEL_SUNKEN_FILL,
 				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
 				borderRadius: 8,
 				padding: "11px 12px",
@@ -1279,7 +1376,7 @@ window.__ModuleLoader__.load({
 				padding: "5px 8px",
 				boxSizing: "border-box",
 				background: "var(--dsw-alias-bg-base, #151517)",
-				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+				border: "1px solid " + PANEL_FIELD_EDGE,
 				borderRadius: 6,
 				color: "var(--dsw-alias-label-primary, #f9fafb)"
 			},
@@ -1346,18 +1443,13 @@ window.__ModuleLoader__.load({
 			},
 			/** `.ic-ghead::before{content:'›';color:var(--ic-muted)}`——画成真的那一个字符（内联样式给不出伪元素）。 */
 			groupMark: { color: "var(--dsw-alias-label-secondary, #cfd3d6)" },
-			/** `.ic-ghead .ic-gnote{color:var(--ic-faint);font-weight:400;font-size:11.5px}`（11.5px ⇒ `0.92em`）。 */
-			groupNote: {
-				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
-				fontWeight: 400,
-				fontSize: "0.92em"
-			},
+			/** #934：`.ic-gnote` 那条副文案的样式随之删除——副文案本身已按维护者裁定整条撤掉（零消费者的槽位不留）。 */
 			/** `.ic-group > .ic-gbody{margin-top:9px;padding:11px 12px;background:var(--ic-sunken);
 			*  border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}`。 */
 			groupBody: {
 				marginTop: 9,
 				padding: "11px 12px",
-				background: "var(--dsw-alias-bg-layer-3, #353638)",
+				background: PANEL_SUNKEN_FILL,
 				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
 				borderRadius: 8,
 				boxShadow: "inset 0 1px 0 rgba(255,255,255,.04)"
@@ -1413,14 +1505,8 @@ window.__ModuleLoader__.load({
 				cursor: "pointer",
 				whiteSpace: "nowrap"
 			},
-			/** 附加块（版本行／状态行）那份字面：`--ic-faint` ＋ `0.92em`（#739 ③ 钉死这一格）。 */
-			version: {
-				marginTop: 8,
-				paddingTop: 8,
-				borderTop: "1px dashed var(--dsw-alias-border-l1, rgba(255,255,255,.06))",
-				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
-				fontSize: "0.92em"
-			},
+			/** #934：原先这里有一格 `version`（各家附加块的版本行字面）。版本行已按维护者裁定整条撤掉
+			*（那两家面板内的渲染点 ＋ 六家各自那份字面副本），这一格随之删除：没人取的槽位不留。 */
 			/** `.ic-badge{font-size:11px;line-height:1;padding:4px 9px;border-radius:999px;white-space:nowrap;
 			*  display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}`（11px ⇒ `0.88em`）。 */
 			badge: {
@@ -1619,7 +1705,18 @@ window.__ModuleLoader__.load({
 				kind: badge,
 				dirtyCount
 			}));
-			const fileLines = surface === null ? null : react.createElement("div", { style: S.fileWrap }, react.createElement("div", { style: S.info }, react.createElement("b", { style: S.fileLabel }, "配置文件"), surface.path), react.createElement("div", { style: S.info }, react.createElement("b", { style: S.fileLabel }, "数据目录"), headDataDir), surface.created ? react.createElement("div", { style: S.muted }, "（配置文件刚按默认值生成）") : null);
+			/** #939：这一块的高度由**客户端常量**决定、不由回执时序决定——加载期就把两行连标签一起画出来，
+			*  值位画骨架条（`.ic-sk`），回执到了**原地填值** ⇒ 回执零位移（原先加载期只画一行小灰字、
+			*  回执到了才长出两行，整块下移 21px）。
+			*
+			*  判断式按 `state.kind`：**不许**照 `surface === null` 写——它同时覆盖失败态，照写会让失败屏长出两行假骨架。 */
+			const loading = state.kind === "loading";
+			const fileValue = (text) => text === null ? react.createElement("span", {
+				style: S.skeleton,
+				"data-ilife-skeleton": "value"
+			}) : text;
+			const fileRow = (label, text, tail) => react.createElement("div", { style: S.info }, react.createElement("b", { style: S.fileLabel }, label), fileValue(text), tail === void 0 ? null : tail);
+			const fileLines = !loading && surface === null ? null : react.createElement("div", { style: S.fileWrap }, fileRow("配置文件", surface === null ? null : surface.path, surface !== null && surface.created ? react.createElement("span", { style: S.muted }, "（配置文件刚按默认值生成）") : null), fileRow("数据目录", surface === null ? null : headDataDir));
 			const parts = {
 				styles: S,
 				reply: surface
@@ -1663,7 +1760,7 @@ window.__ModuleLoader__.load({
 			const commonLast = lastIndexOf(common);
 			const advancedLast = lastIndexOf(advanced);
 			const dirty = ready && dirtyCount > 0;
-			return react.createElement("div", { style: S.card }, head, fileLines, ready ? null : react.createElement("div", { style: S.muted }, "配置读取中"), react.createElement("div", { style: S.rows }, common.map((item, index) => renderRow(item, index === commonLast))), advanced.length === 0 ? null : react.createElement("details", { style: S.advanced }, react.createElement("summary", { style: S.summary }, react.createElement("span", { style: S.groupMark }, "›"), ADVANCED_GROUP_TITLE, react.createElement("span", { style: S.groupNote }, ADVANCED_GROUP_NOTE)), react.createElement("div", { style: S.groupBody }, advanced.map((item, index) => renderRow(item, index === advancedLast)))), extra, react.createElement("div", { style: S.bar }, react.createElement("button", {
+			return react.createElement("div", { style: S.card }, head, fileLines, react.createElement("div", { style: S.rows }, common.map((item, index) => renderRow(item, index === commonLast))), advanced.length === 0 ? null : react.createElement("details", { style: S.advanced }, react.createElement("summary", { style: S.summary }, react.createElement("span", { style: S.groupMark }, "›"), ADVANCED_GROUP_TITLE), react.createElement("div", { style: S.groupBody }, advanced.map((item, index) => renderRow(item, index === advancedLast)))), extra, react.createElement("div", { style: S.bar }, react.createElement("button", {
 				style: dirty ? S.btnPrimary : S.btn,
 				type: "button",
 				disabled: frozen || !dirty,
@@ -1678,7 +1775,7 @@ window.__ModuleLoader__.load({
 				type: "button",
 				disabled: frozen,
 				onClick: props.onRetry
-			}, "重新读取"), dirty ? react.createElement("div", { style: S.saveMsg }, `浏览改动后请点保存（${dirtyCount} 项未保存），保存后跟随项自动更新`) : ready ? react.createElement("div", { style: S.barNote }, "没有未保存的改动") : null), props.picking ? react.createElement("div", { style: S.muted }, "已唤起系统文件夹对话框：选中后自动填上，取消则不动。") : null, props.browseRow !== null ? react.createElement(DirectoryBrowserFromRow, {
+			}, "重新读取"), dirty ? react.createElement("div", { style: S.saveMsg }, `浏览改动后请点保存（${dirtyCount} 项未保存），保存后跟随项自动更新`) : ready ? react.createElement("div", { style: S.barNote }, "没有未保存的改动") : react.createElement("div", { style: S.barNote }, "配置读取中")), props.picking ? react.createElement("div", { style: S.muted }, "已唤起系统文件夹对话框：选中后自动填上，取消则不动。") : null, props.browseRow !== null ? react.createElement(DirectoryBrowserFromRow, {
 				open: true,
 				row: props.browseRow,
 				labels: BROWSER_LABELS
@@ -2183,7 +2280,7 @@ window.__ModuleLoader__.load({
 			card: {
 				padding: "12px 14px",
 				borderRadius: 10,
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))",
 				background: "var(--dsw-alias-bg-base, transparent)",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				lineHeight: 1.6
@@ -2204,7 +2301,7 @@ window.__ModuleLoader__.load({
 			},
 			error: {
 				marginTop: 8,
-				color: "var(--dsw-alias-label-error, #b3261e)",
+				color: "var(--dsw-alias-state-error-primary, #b3261e)",
 				fontSize: "1em",
 				whiteSpace: "pre-wrap"
 			},
@@ -2216,7 +2313,7 @@ window.__ModuleLoader__.load({
 			version: {
 				marginTop: 8,
 				paddingTop: 8,
-				borderTop: "1px dashed var(--dsw-alias-border, rgba(128,128,128,.25))",
+				borderTop: "1px dashed var(--dsw-alias-border-l1, rgba(128,128,128,.25))",
 				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
 				fontSize: "0.92em"
 			}
@@ -2449,33 +2546,6 @@ window.__ModuleLoader__.load({
 			if (dirtyKeys.includes("photos.dir")) keys.push(...PHOTOS_FOLLOWERS);
 			return [...new Set(keys)];
 		}
-		/** 自家附加块（设置页那张卡的版本行）：共用面板留的插槽，画在面板主体之后、动作条之前。
-		*
-		* 为什么单起一个组件：版本是**本家自己的一通电话**（`dsh-calorie.version`），共用面板不认识它；
-		* 组件自己持状态，面板只管把它画进插槽。 */
-		function CalorieVersionLine(props) {
-			const [versions, setVersions] = react.useState({
-				plugin: VERSION_UNKNOWN,
-				skill: VERSION_UNKNOWN
-			});
-			react.useEffect(() => {
-				let alive = true;
-				(async () => {
-					try {
-						const v = await fetchVersions(props.getCall());
-						if (!alive) return;
-						setVersions(v);
-					} catch {}
-				})();
-				return () => {
-					alive = false;
-				};
-			}, [props.getCall]);
-			return react.createElement(VersionLine, {
-				pluginVersion: versions.plugin,
-				skillVersion: versions.skill
-			});
-		}
 		function apply(ctx) {
 			const getCall = () => ctx.connection?.rpc?.call ?? null;
 			const getService = (name) => typeof ctx.get === "function" ? ctx.get(name) : void 0;
@@ -2490,7 +2560,6 @@ window.__ModuleLoader__.load({
 				items: CONFIG_ITEMS,
 				title: SLOT_TITLE,
 				followKeysOf,
-				extra: () => react.createElement(CalorieVersionLine, { getCall }),
 				getCall,
 				getService
 			})));