dsh-chef 0.3.38 → 0.3.39

package/dist/client.js

@@ -1183,10 +1183,11 @@ window.__ModuleLoader__.load({
 		/** 糙边滤镜 id（文档作用域，故每页只许挂一次 `SealFilterDefs`）。 */
 		const ROUGH_EDGE = "dshLifeSealRoughEdge";
 		const ROUGH_FRAME = "dshLifeSealRoughFrame";
-		const PAPER_BG = "var(--dsw-alias-bg-layer-2, #fdfaf2)";
-		const PAPER_EDGE = "var(--dsw-alias-border-l1, #e6d9bd)";
-		const LABEL_MAIN = "var(--dsw-alias-label-primary, #42506b)";
-		const LABEL_SUB = "var(--dsw-alias-label-secondary, #4b4335)";
+		/** 纸面四色是印自带的（羊皮纸底＋ availability 墨色），不跟宿主主题跑——
+		*  深色下宿主变量会把纸染黑，故这里写死定稿值；字族仍继承（定稿零字族）。 */
+		const PAPER_BG = "#fdfaf2";
+		const LABEL_MAIN = "#42506b";
+		const LABEL_SUB = "#4b4335";
 		/** 九档材质（3 角色 × 3 档）。键就是原型里的 `role`／`tier`。 */
 		const MATERIALS = {
 			skill: {
@@ -1316,7 +1317,7 @@ window.__ModuleLoader__.load({
 				zIndex: 2,
 				borderRadius: "0.25em",
 				background: PAPER_BG,
-				boxShadow: "0 1px 3px #3d241052, 0 0 0 1px " + PAPER_EDGE + ", inset 0 1px 0 #fffefb"
+				boxShadow: "0 1px 3px #3d241052, 0 0 0 1px #e6d9bd, inset 0 1px 0 #fffefb"
 			},
 			inner: {
 				position: "relative",
@@ -1358,7 +1359,7 @@ window.__ModuleLoader__.load({
 			blockDivided: {
 				margin: "0 0 0.9375em",
 				paddingTop: "0.9375em",
-				borderTop: "1px solid " + PAPER_EDGE
+				borderTop: "1px solid #e6d9bd"
 			},
 			blockLast: { margin: 0 },
 			label: {
@@ -1375,21 +1376,23 @@ window.__ModuleLoader__.load({
 				letterSpacing: "0.02em",
 				color: LABEL_SUB
 			},
-			/** 弹层遮罩。 */
-			mask: {
-				position: "fixed",
-				inset: 0,
-				background: "#241f1966",
-				zIndex: 40
-			},
-			/** 弹层本体：居中，宽度按 em 给（16px 下≈25em）。 */
+			/** 卷轴浮层：卡片内绝对定位（卡片 `S.card` 是 relative 定位祖先），上沿悬在三枚章之下、左右各留半 em——
+			*  不是 modal：无遮罩、不锁滚动，点章切换、点「关闭」收起。 */
 			dialog: {
-				position: "fixed",
-				left: "50%",
-				top: "50%",
-				transform: "translate(-50%,-50%)",
+				position: "absolute",
+				left: "0.5em",
+				right: "0.5em",
+				top: "8em",
+				zIndex: 10,
+				display: "flex",
+				justifyContent: "center",
+				pointerEvents: "auto"
+			},
+			/** 浮层内框：宽按 em 给（16px 下≈25em），窄卡上收满可用宽，永不捅破卡片。 */
+			popInner: {
+				position: "relative",
 				width: "25em",
-				zIndex: 50
+				maxWidth: "100%"
 			},
 			close: {
 				position: "absolute",
@@ -1501,7 +1504,7 @@ window.__ModuleLoader__.load({
 				style: last ? divided ? {
 					...S$1.blockLast,
 					paddingTop: "0.9375em",
-					borderTop: "1px solid " + PAPER_EDGE
+					borderTop: "1px solid #e6d9bd"
 				} : S$1.blockLast : divided ? S$1.blockDivided : S$1.block
 			}, react.createElement("div", { style: {
 				...S$1.label,
@@ -1518,7 +1521,7 @@ window.__ModuleLoader__.load({
 				background: material.accent
 			} }), line("r", "270")), block("progress", "进展", props.progress, false), block("status", "状态", props.status, true), block("plan", "计划", props.plan, true, true))));
 		}
-		/** 弹层：遮罩 ＋ 居中卷轴 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
+		/** 卷轴浮层：无遮罩 popover ＋ 卷轴 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
 		function SealScrollDialog(props) {
 			if (!props.open) return null;
 			const scroll = {
@@ -1529,16 +1532,12 @@ window.__ModuleLoader__.load({
 				status: props.status,
 				plan: props.plan
 			};
-			return react.createElement(react.Fragment, null, react.createElement("div", {
-				style: S$1.mask,
-				onClick: props.onClose,
-				role: "presentation"
-			}), react.createElement("div", {
+			return react.createElement("div", {
 				style: S$1.dialog,
 				role: "dialog",
-				"aria-modal": true,
+				"aria-modal": false,
 				"aria-label": props.title
-			}, react.createElement("button", {
+			}, react.createElement("div", { style: S$1.popInner }, react.createElement("button", {
 				type: "button",
 				style: S$1.close,
 				onClick: props.onClose
@@ -2391,19 +2390,21 @@ window.__ModuleLoader__.load({
 				-.5,
 				4.5
 			];
-			/** 三枚落位（相对覆盖层右上：HELP 右上／技能左中／插件右下，互不遮挡）。 */
+			/** 三枚落位（卡片坐标：右上／左中／右下三处，互不遮挡）。右上与右下两枚按右钉死——
+			*  HELP 是单行最长的一枚，左钉会在窄卡上整体飞出面板右侧，右钉则右边界天然收敛；
+			*  左中那枚按左钉（左钉的章向右长，左边界天然收敛）。 */
 			const SPOT = [
 				{
-					left: "45%",
+					right: "0.2em",
 					top: "0.3em"
 				},
 				{
-					left: "5%",
-					top: "2.8em"
+					left: "2%",
+					top: "3.2em"
 				},
 				{
-					left: "50%",
-					top: "5em"
+					right: "6%",
+					top: "5.6em"
 				}
 			];
 			const seed = props.sealSeed ?? 0;
@@ -2445,19 +2446,22 @@ window.__ModuleLoader__.load({
 				key: seals[dataIndex].role + ":" + seals[dataIndex].tier,
 				style: {
 					position: "absolute",
-					left: SPOT[slot].left,
 					top: SPOT[slot].top,
+					...SPOT[slot].left === void 0 ? { right: SPOT[slot].right } : { left: SPOT[slot].left },
 					zIndex: zOfRole(seals[dataIndex].role),
 					pointerEvents: "auto",
 					display: "inline-flex",
 					transform: "rotate(" + tiltOfSlot(slot) + "deg)"
 				}
-			}, react.createElement(SealStamp, {
+			}, react.createElement("span", { style: {
+				fontSize: "0.8em",
+				display: "inline-flex"
+			} }, react.createElement(SealStamp, {
 				role: seals[dataIndex].role,
 				tier: seals[dataIndex].tier,
 				label: seals[dataIndex].label,
 				onSelect: props.onSealSelect === void 0 ? void 0 : props.onSealSelect.bind(null, dataIndex)
-			}))));
+			})))));
 			const openSeal = props.selectedSeal === null || props.selectedSeal === void 0 ? null : seals[props.selectedSeal] ?? null;
 			const dialog = openSeal === null ? null : react.createElement(SealScrollDialog, {
 				open: true,
@@ -2922,7 +2926,7 @@ window.__ModuleLoader__.load({
 				seals: props.seals,
 				sealSeed: props.sealSeed,
 				selectedSeal,
-				onSealSelect: (index) => setSelectedSeal(index),
+				onSealSelect: (index) => setSelectedSeal((prev) => prev === index ? null : index),
 				onSealClose: () => setSelectedSeal(null),
 				items: props.items,
 				state,