dsh-ledger-memory 0.1.0 → 0.2.0

package/lib/client.js

@@ -266,6 +266,22 @@ window.__ModuleLoader__.load({
   border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px;
 }
 .pl-settings__mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
+/* 二选一（模式）：把两个选项的**取舍**都摆在眼前，不下拉折叠 */
+.pl-settings__choices { display: flex; flex-direction: column; gap: 6px; width: 100%; }
+.pl-settings__choice {
+  display: flex; gap: 8px; align-items: flex-start; cursor: pointer;
+  padding: 8px 10px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-bg-layer-1);
+}
+.pl-settings__choice--on {
+  border-color: var(--dsw-alias-state-success-primary);
+  background: var(--dsw-alias-bg-layer-2);
+}
+.pl-settings__choice input { margin-top: 2px; flex: none; }
+.pl-settings__choice-body { display: flex; flex-direction: column; gap: 2px; }
+.pl-settings__choice-label { font-size: 13px; color: var(--dsw-alias-label-primary); }
+.pl-settings__choice-hint { font-size: 12px; line-height: 1.55; color: var(--dsw-alias-label-secondary); }
 `;
 
     function installCss(ctx) {
@@ -334,6 +350,51 @@ window.__ModuleLoader__.load({
       ]);
     }
 
+    /**
+     * 二选一（含以上）行 —— 每个选项一个单选按钮 + 名字 + 说明。
+     *
+     * ★ 为什么不用下拉框：这一项的两个选项**各有各的取舍**（省一次模型输出 vs
+     *   按内容分流），用户需要**看见取舍**才能选对。下拉框把说明藏起来了。
+     * ★ 选项来自宿主（`spec.options` 是**已展开的数组** —— 宿主那边是取值函数，
+     *   为躲 TDZ；见宿主 `SETTING_SPECS` 的注释）。客户端**不认识任何模式名**，
+     *   只按 `value`/`label`/`hint` 渲染 ⇒ 以后加第三个模式**不用改本文件**。
+     */
+    function ChoiceRow(props) {
+      const { spec, value, onChange, disabled } = props;
+      const opts = Array.isArray(spec.options) ? spec.options : [];
+      return h(Row, { label: spec.label, hint: spec.hint, stack: true }, [
+        h(
+          "div",
+          { key: "g", className: "pl-settings__choices" },
+          opts.map((o) =>
+            h(
+              "label",
+              {
+                key: String(o.value),
+                className:
+                  "pl-settings__choice" + (String(o.value) === String(value) ? " pl-settings__choice--on" : ""),
+              },
+              [
+                h("input", {
+                  key: "r",
+                  type: "radio",
+                  name: spec.key,
+                  value: o.value,
+                  checked: String(o.value) === String(value),
+                  disabled: disabled === true,
+                  onChange: () => onChange(o.value),
+                }),
+                h("span", { key: "t", className: "pl-settings__choice-body" }, [
+                  h("span", { key: "l", className: "pl-settings__choice-label" }, o.label || String(o.value)),
+                  o.hint ? h("span", { key: "h", className: "pl-settings__choice-hint" }, o.hint) : null,
+                ]),
+              ]
+            )
+          )
+        ),
+      ]);
+    }
+
     /** 档位行（文本框，逗号分隔）。 */
     function TiersRow(props) {
       const { spec, value, onChange, disabled } = props;
@@ -394,6 +455,7 @@ window.__ModuleLoader__.load({
       const value = draft[spec.key];
       const set = (v) => setDraft(Object.assign({}, draft, { [spec.key]: v }));
       if (spec.kind === "boolean") return h(BoolRow, { key: spec.key, spec, value, onChange: set, disabled });
+      if (spec.kind === "choice") return h(ChoiceRow, { key: spec.key, spec, value, onChange: set, disabled });
       if (spec.kind === "number") return h(NumberRow, { key: spec.key, spec, value, onChange: set, disabled });
       if (spec.kind === "tiers") return h(TiersRow, { key: spec.key, spec, value, onChange: set, disabled });
       if (spec.kind === "levels") return h(LevelsRow, { key: spec.key, spec, value, onChange: set, disabled });