base-paint 0.3.13 → 0.3.15

package/dist/components/number-stepper/runtime.js

@@ -0,0 +1,203 @@
+/** number-stepper · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  与 `editable-value` 同一处分工：模块代码零 DOM；DOM 只出现在本文件产出的**字符串**里。
+ *
+ *  行为契约（逐条对应测试）：
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `click` 委派（外加 `keydown`／`focusout` 管行内编辑器）；
+ *     重复注入只绑定一次（`data-ilife-stepper-runtime`）。
+ *   · **三枚可点区**：−／＋ 各走一档（夹在 `[min, max]` 内、吸附到步长格子）；值位点开**行内编辑器**
+ *     （同一格里换 `input`，与值位同盒模型 ⇒ 不跳版）；到下限／上限时对应那枚键落 `disabled`，
+ *     并在状态字位写「已到下限／已到上限」（**不是靠变灰**）。
+ *   · **常用值**：点一下直接落到那一档；当前值命中哪一枚，哪一枚 `aria-pressed="true"`。
+ *   · **变更事件**：只有真变了才派发 `ilife:stepper-change`（夹到同值不派发、编辑器原样提交不派发）。
+ *   · **拒绝说不清的值**：编辑器里的数越界或不在格子上时**留在编辑态** ＋ 写在控件旁边的错误行
+ *     （控件 `aria-describedby` 指向它），不静默吸附、也不静默清空。
+ *   · **更新中不接点击**：根上挂了 `data-ilife-stepper-loading="1"` 时一律不响应（原地换字期间防抖）。
+ *   · **无脚本降级**：这段不跑时值照常可读（数字、单位、状态字都在标记里），只是不可改。
+ */
+import { NUMBER_STEPPER_ACT_ATTR, NUMBER_STEPPER_BOUND_ATTR, NUMBER_STEPPER_CLASS, NUMBER_STEPPER_DECIMALS_ATTR, NUMBER_STEPPER_DISABLED_ATTR, NUMBER_STEPPER_EDITING_ATTR, NUMBER_STEPPER_EVENT_CHANGE, NUMBER_STEPPER_HIT_ATTR, NUMBER_STEPPER_LABEL_ATTR, NUMBER_STEPPER_LOADING_ATTR, NUMBER_STEPPER_MAX_ATTR, NUMBER_STEPPER_MIN_ATTR, NUMBER_STEPPER_MISSING, NUMBER_STEPPER_NAME_ATTR, NUMBER_STEPPER_QUICK_ATTR, NUMBER_STEPPER_STATE_ATTR, NUMBER_STEPPER_STEP_ATTR, NUMBER_STEPPER_AT_MAX, NUMBER_STEPPER_AT_MIN, NUMBER_STEPPER_UNIT_ATTR, NUMBER_STEPPER_UNSET, NUMBER_STEPPER_VALUE_ATTR, numberStepperSlot, } from './attrs.js';
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export function buildNumberStepperJs() {
+    const q = (s) => JSON.stringify(s);
+    return '(function(){' + '\n'
+        + '  var ATTR_NAME=' + q(NUMBER_STEPPER_NAME_ATTR) + ', ATTR_VALUE=' + q(NUMBER_STEPPER_VALUE_ATTR) + ';' + '\n'
+        + '  var ATTR_MIN=' + q(NUMBER_STEPPER_MIN_ATTR) + ', ATTR_MAX=' + q(NUMBER_STEPPER_MAX_ATTR)
+        + ', ATTR_STEP=' + q(NUMBER_STEPPER_STEP_ATTR) + ';' + '\n'
+        + '  var ATTR_DEC=' + q(NUMBER_STEPPER_DECIMALS_ATTR) + ', ATTR_UNIT=' + q(NUMBER_STEPPER_UNIT_ATTR)
+        + ', ATTR_LABEL=' + q(NUMBER_STEPPER_LABEL_ATTR) + ';' + '\n'
+        + '  var ATTR_ACT=' + q(NUMBER_STEPPER_ACT_ATTR) + ', ATTR_QUICK=' + q(NUMBER_STEPPER_QUICK_ATTR)
+        + ', ATTR_HIT=' + q(NUMBER_STEPPER_HIT_ATTR) + ';' + '\n'
+        + '  var ATTR_STATE=' + q(NUMBER_STEPPER_STATE_ATTR) + ', ATTR_EDITING=' + q(NUMBER_STEPPER_EDITING_ATTR)
+        + ', ATTR_DISABLED=' + q(NUMBER_STEPPER_DISABLED_ATTR) + ';' + '\n'
+        + '  var ATTR_LOADING=' + q(NUMBER_STEPPER_LOADING_ATTR) + ', ATTR_BOUND=' + q(NUMBER_STEPPER_BOUND_ATTR) + ';' + '\n'
+        + '  var EV_CHANGE=' + q(NUMBER_STEPPER_EVENT_CHANGE) + ', MISSING=' + q(NUMBER_STEPPER_MISSING) + ';' + '\n'
+        + '  var WORD_MIN=' + q(NUMBER_STEPPER_AT_MIN) + ', WORD_MAX=' + q(NUMBER_STEPPER_AT_MAX)
+        + ', WORD_UNSET=' + q(NUMBER_STEPPER_UNSET) + ';' + '\n'
+        + '  var CLS=' + q(NUMBER_STEPPER_CLASS) + ', CLS_STATE=' + q(numberStepperSlot('state'))
+        + ', CLS_NUMBER=' + q(numberStepperSlot('number')) + ';' + '\n'
+        + '  var CLS_VALUE=' + q(numberStepperSlot('value')) + ', CLS_EDITOR=' + q(numberStepperSlot('editor'))
+        + ', CLS_ERROR=' + q(numberStepperSlot('error')) + ', CLS_CALIBER=' + q(numberStepperSlot('caliber')) + ';' + '\n'
+        + '  var CLS_INVALID="is-invalid", CLASS_DEC=' + q(numberStepperSlot('dec'))
+        + ', CLASS_INC=' + q(numberStepperSlot('inc')) + ', CLASS_PRESET=' + q(numberStepperSlot('preset')) + ';' + '\n'
+        + '  var doc=document;' + '\n'
+        + '  if (doc.documentElement.getAttribute("data-ilife-stepper-runtime")==="1") return;' + '\n'
+        + '  doc.documentElement.setAttribute("data-ilife-stepper-runtime","1");' + '\n'
+        /* ── 读数面：一律从 `data-*` 读，不从 DOM 文本反推（文本是给人看的，属性是给机器看的） ── */
+        + '  function num(v){ if (v===null||v===undefined||v==="") return null; var n=Number(v); return isFinite(n)?n:null; }' + '\n'
+        + '  function minOf(root){ return num(root.getAttribute(ATTR_MIN)); }' + '\n'
+        + '  function maxOf(root){ return num(root.getAttribute(ATTR_MAX)); }' + '\n'
+        + '  function stepOf(root){ return num(root.getAttribute(ATTR_STEP)); }' + '\n'
+        + '  function decimalsOf(root){ var d=num(root.getAttribute(ATTR_DEC)); return d===null?0:d; }' + '\n'
+        + '  function valueOf(root){ return num(root.getAttribute(ATTR_VALUE)); }' + '\n'
+        + '  function unitOf(root){ return root.getAttribute(ATTR_UNIT)||""; }' + '\n'
+        + '  function grouped(s){ return s.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ","); }' + '\n'
+        /* 显示字：与 `render.ts` 的 `formatStepperValue` 同一口径（两边各写一份是产出的 JS 没法 import）。 */
+        + '  function fmt(v, decimals){' + '\n'
+        + '    var fixed=v.toFixed(decimals);' + '\n'
+        + '    if (decimals>0){ fixed=fixed.replace(/\\.0+$/,"").replace(/(\\.\\d*?)0+$/,"$1"); }' + '\n'
+        + '    var dot=fixed.indexOf(".");' + '\n'
+        + '    return dot<0 ? grouped(fixed) : grouped(fixed.slice(0,dot))+fixed.slice(dot);' + '\n'
+        + '  }' + '\n'
+        + '  function wordOf(root, v){ var u=unitOf(root); return (v===null?MISSING:fmt(v, decimalsOf(root)))+(u===""?"":" "+u); }' + '\n'
+        + '  function snap(v, min, step){ return min+Math.round((v-min)/step)*step; }' + '\n'
+        + '  function clamp(v, min, max){ return v<min?min:(v>max?max:v); }' + '\n'
+        + '  function onGrid(v, min, step){ var k=(v-min)/step; return Math.abs(k-Math.round(k))<1e-9; }' + '\n'
+        + '  function busy(root){ return root.getAttribute(ATTR_DISABLED)==="1" || root.getAttribute(ATTR_LOADING)==="1"; }' + '\n'
+        + '  function rootOf(el, sel){ var hit=el&&el.closest?el.closest(sel):null;'
+        + ' return hit&&hit.closest?hit.closest("["+ATTR_NAME+"]"):null; }' + '\n'
+        /* ── 状态字：四档词的唯一写入口（没有词就把那一枚摘掉，不留下空签） ── */
+        + '  function setState(root, word){' + '\n'
+        + '    var el=root.querySelector("["+ATTR_STATE+"]");' + '\n'
+        + '    if (word===""){ if (el) el.remove(); return; }' + '\n'
+        + '    if (!el){' + '\n'
+        + '      var head=root.querySelector("."+CLS+"-head"); if (!head) return;' + '\n'
+        + '      el=doc.createElement("span"); el.className=CLS_STATE; el.setAttribute(ATTR_STATE,""); head.appendChild(el);' + '\n'
+        + '    }' + '\n'
+        + '    el.setAttribute(ATTR_STATE, word); el.textContent=word;' + '\n'
+        + '  }' + '\n'
+        /* ── 上屏：一次写全（值／可点区的可点性／常用值的选中态／状态字） ── */
+        + '  function paint(root, v){' + '\n'
+        + '    root.setAttribute(ATTR_VALUE, v===null?"":String(v));' + '\n'
+        + '    var number=root.querySelector("."+CLS_NUMBER);' + '\n'
+        + '    if (number) number.textContent = v===null?MISSING:fmt(v, decimalsOf(root));' + '\n'
+        + '    var value=root.querySelector("."+CLS_VALUE);' + '\n'
+        + '    if (value){ value.setAttribute("aria-label", (root.getAttribute(ATTR_LABEL)||"数值")+" "+wordOf(root,v)+"，点一下直接填一个数"); }' + '\n'
+        + '    var min=minOf(root), max=maxOf(root);' + '\n'
+        + '    var dec=root.querySelector("."+CLASS_DEC), inc=root.querySelector("."+CLASS_INC);' + '\n'
+        + '    var locked=busy(root);' + '\n'
+        + '    if (dec) dec.disabled = locked || (v!==null && min!==null && v<=min);' + '\n'
+        + '    if (inc) inc.disabled = locked || (v!==null && max!==null && v>=max);' + '\n'
+        + '    var presets=root.querySelectorAll("["+ATTR_QUICK+"]");' + '\n'
+        + '    for (var i=0;i<presets.length;i+=1){' + '\n'
+        + '      var one=num(presets[i].getAttribute(ATTR_QUICK));' + '\n'
+        + '      presets[i].setAttribute("aria-pressed", (v!==null&&one!==null&&Math.abs(v-one)<1e-9)?"true":"false");' + '\n'
+        + '    }' + '\n'
+        + '    if (root.getAttribute(ATTR_LOADING)==="1") setState(root,"更新中");' + '\n'
+        + '    else if (v===null) setState(root,WORD_UNSET);' + '\n'
+        + '    else if (min!==null&&v<=min) setState(root,WORD_MIN);' + '\n'
+        + '    else if (max!==null&&v>=max) setState(root,WORD_MAX);' + '\n'
+        + '    else setState(root,"");' + '\n'
+        + '  }' + '\n'
+        + '  function fire(root, v, prev){' + '\n'
+        + '    root.dispatchEvent(new CustomEvent(EV_CHANGE,{bubbles:true,detail:{name:root.getAttribute(ATTR_NAME),'
+        + 'label:root.getAttribute(ATTR_LABEL),value:v,prev:prev,unit:unitOf(root)}}));' + '\n'
+        + '  }' + '\n'
+        + '  function setValue(root, v){' + '\n'
+        + '    var prev=valueOf(root);' + '\n'
+        + '    if (prev!==null && v!==null && Math.abs(prev-v)<1e-9) return;' + '\n'
+        + '    paint(root, v); fire(root, v, prev);' + '\n'
+        + '  }' + '\n'
+        /* ── 行内编辑器：进出收在一处（任何退出路径都恢复值位） ── */
+        + '  function errorOf(root){ return root.querySelector("."+CLS_ERROR); }' + '\n'
+        + '  function errorIdOf(root){ return CLS+"-"+root.getAttribute(ATTR_NAME)+"-error"; }' + '\n'
+        + '  function showError(root, text){' + '\n'
+        + '    var el=errorOf(root); if (!el){ el=doc.createElement("p"); el.className=CLS_ERROR; el.id=errorIdOf(root);'
+        + ' var cap=root.querySelector("."+CLS_CALIBER); if (cap) root.insertBefore(el,cap); else root.appendChild(el); }' + '\n'
+        + '    el.setAttribute("role","alert"); el.textContent=text; root.classList.add(CLS_INVALID);' + '\n'
+        + '    var editor=root.querySelector("."+CLS_EDITOR);' + '\n'
+        + '    if (editor){ editor.setAttribute("aria-invalid","true"); editor.setAttribute("aria-describedby",errorIdOf(root)); }' + '\n'
+        + '  }' + '\n'
+        + '  function clearError(root){' + '\n'
+        + '    var el=errorOf(root); if (el) el.remove();' + '\n'
+        + '    root.classList.remove(CLS_INVALID);' + '\n'
+        + '    var editor=root.querySelector("."+CLS_EDITOR);' + '\n'
+        + '    if (editor){ editor.removeAttribute("aria-invalid"); editor.removeAttribute("aria-describedby"); }' + '\n'
+        + '  }' + '\n'
+        + '  function editorOf(root){ return root.querySelector("."+CLS_EDITOR); }' + '\n'
+        + '  function closeEditor(root, back){' + '\n'
+        + '    var editor=editorOf(root);' + '\n'
+        + '    if (editor){ editor.setAttribute("data-ilife-closing","1"); editor.remove(); }' + '\n'
+        + '    root.removeAttribute(ATTR_EDITING);' + '\n'
+        + '    clearError(root);' + '\n'
+        + '    if (back){ var hit=root.querySelector("."+CLS_VALUE); if (hit&&hit.focus) hit.focus(); }' + '\n'
+        + '  }' + '\n'
+        + '  function openEditor(root){' + '\n'
+        + '    if (busy(root) || editorOf(root)) return;' + '\n'
+        + '    var v=valueOf(root), min=minOf(root), max=maxOf(root), step=stepOf(root);' + '\n'
+        + '    var input=doc.createElement("input");' + '\n'
+        + '    input.className=CLS_EDITOR; input.type="number"; input.inputMode="decimal";' + '\n'
+        + '    if (min!==null) input.min=String(min);' + '\n'
+        + '    if (max!==null) input.max=String(max);' + '\n'
+        + '    if (step!==null) input.step=String(step);' + '\n'
+        + '    input.value = v===null?"":String(v);' + '\n'
+        + '    input.setAttribute("aria-label",(root.getAttribute(ATTR_LABEL)||"数值")+"：填一个数");' + '\n'
+        + '    root.setAttribute(ATTR_EDITING,"1");' + '\n'
+        + '    root.appendChild(input);' + '\n'
+        + '    input.focus(); if (input.select){ try{ input.select(); }catch(e){} }' + '\n'
+        + '  }' + '\n'
+        + '  function commit(root){' + '\n'
+        + '    var editor=editorOf(root); if (!editor) return;' + '\n'
+        + '    var raw=String(editor.value).trim();' + '\n'
+        + '    var min=minOf(root), max=maxOf(root), step=stepOf(root);' + '\n'
+        + '    if (raw===""){ showError(root,"这个数不能空着（要清空请换掉这一页的数据）"); return; }' + '\n'
+        + '    var n=Number(raw);' + '\n'
+        + '    if (!isFinite(n)){ showError(root,"请填一个数字"); return; }' + '\n'
+        + '    if (min!==null && n<min){ showError(root,"不能小于 "+String(min)); return; }' + '\n'
+        + '    if (max!==null && n>max){ showError(root,"不能大于 "+String(max)); return; }' + '\n'
+        + '    if (step!==null && min!==null && !onGrid(n,min,step)){' + '\n'
+        + '      showError(root,"只能按 "+String(step)+" 一档（从 "+String(min)+" 起算）"); return;' + '\n'
+        + '    }' + '\n'
+        + '    closeEditor(root,true); setValue(root,n);' + '\n'
+        + '  }' + '\n'
+        + '  function cancel(root){' + '\n'
+        + '    if (!editorOf(root)) return;' + '\n'
+        + '    closeEditor(root,true);' + '\n'
+        + '  }' + '\n'
+        + '  function isClosing(el){ return !!el && !!el.getAttribute && el.getAttribute("data-ilife-closing")==="1"; }' + '\n'
+        + '  doc.addEventListener("click", function(e){' + '\n'
+        + '    var hit=e.target&&e.target.closest?e.target.closest("["+ATTR_HIT+"]"):null; if (!hit) return;' + '\n'
+        + '    var root=rootOf(hit,"["+ATTR_HIT+"]"); if (!root) return;' + '\n'
+        + '    if (busy(root)){ e.preventDefault(); return; }' + '\n'
+        + '    var act=hit.getAttribute(ATTR_ACT);' + '\n'
+        + '    var step=stepOf(root), min=minOf(root), max=maxOf(root);' + '\n'
+        + '    var v=valueOf(root);' + '\n'
+        + '    e.preventDefault();' + '\n'
+        + '    if (act==="edit"){ openEditor(root); return; }' + '\n'
+        /* 点别处＝先把行内编辑器收掉（不提交）：编辑态不许被留在页上过期。 */
+        + '    if (editorOf(root)) closeEditor(root,false);' + '\n'
+        + '    if (act==="quick"){ var qv=num(hit.getAttribute(ATTR_QUICK)); if (qv===null) return;'
+        + ' clearError(root); setValue(root,qv); return; }' + '\n'
+        + '    if (act!=="dec" && act!=="inc") return;' + '\n'
+        + '    if (step===null || min===null || max===null) return;' + '\n'
+        + '    if (v===null){ setValue(root,min); return; }' + '\n'
+        + '    var next=clamp(snap(act==="dec"?v-step:v+step, min, step), min, max);' + '\n'
+        + '    setValue(root, next);' + '\n'
+        + '  });' + '\n'
+        + '  doc.addEventListener("keydown", function(e){' + '\n'
+        + '    var editor=e.target; if (isClosing(editor)) return;' + '\n'
+        + '    if (!editor||!editor.classList||!editor.classList.contains(CLS_EDITOR)) return;' + '\n'
+        + '    if (e.isComposing||e.keyCode===229) return;' + '\n'
+        + '    var root=rootOf(editor,"["+ATTR_NAME+"]"); if (!root) return;' + '\n'
+        + '    if (e.key==="Enter"){ e.preventDefault(); commit(root); }' + '\n'
+        + '    else if (e.key==="Escape"){ e.preventDefault(); cancel(root); }' + '\n'
+        + '  });' + '\n'
+        + '  doc.addEventListener("focusout", function(e){' + '\n'
+        + '    var editor=e.target; if (isClosing(editor)) return;' + '\n'
+        + '    if (!editor||!editor.classList||!editor.classList.contains(CLS_EDITOR)) return;' + '\n'
+        + '    var root=rootOf(editor,"["+ATTR_NAME+"]"); if (!root) return;' + '\n'
+        + '    commit(root);' + '\n'
+        + '  });' + '\n'
+        + '  var all=doc.querySelectorAll("["+ATTR_NAME+"]");' + '\n'
+        + '  for (var j=0;j<all.length;j+=1) all[j].setAttribute(ATTR_BOUND,"1");' + '\n'
+        + '}());';
+}

package/dist/components/number-stepper/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../src/components/number-stepper/runtime.ts"],"names":[],"mappings":"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"}

package/dist/components/number-stepper/style.d.ts

@@ -0,0 +1,5 @@
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function numberStepperCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/number-stepper/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/number-stepper/style.ts"],"names":[],"mappings":"AAmCA,4BAA4B;AAC5B,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA4R7E"}

package/dist/components/number-stepper/style.js

@@ -0,0 +1,309 @@
+/** number-stepper · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、
+ *     不新增 token 名、不定义任何自定义属性；
+ *   · **宽度只许容器判**：布局靠 `@container` ＋ 内在尺寸 ＋ `flex-wrap`；本件只有两条 `@media`，
+ *     判的都是设备能力（`hover:hover`／`prefers-reduced-motion`），不判宽度。
+ *
+ *  几何契约（判据钉住）：三枚可点区与常用值一律 ≥44×44（`NUMBER_STEPPER_TOUCH_PX`），
+ *  相邻触控目标留 `NUMBER_STEPPER_GAP_PX` 的缝（**不做连体键**：连体键在手机上最容易被误点）；
+ *  值位最小宽度 `NUMBER_STEPPER_VALUE_MIN_PX` 把整排钉住，数字位数变了也不跳版。
+ */
+import { skinVar } from '../skin/contract.js';
+import { NUMBER_STEPPER_GAP_PX, NUMBER_STEPPER_TOUCH_PX, NUMBER_STEPPER_VALUE_MIN_PX, numberStepperSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 窄容器阈值（px）：**本件自己的宽度**（`@container` 判的，不是视口宽）。
+ *  低于它时值位独占一行——两枚 ± 与值位挤一排会把数字压窄（数字是关键语义，不许被挤）。 */
+const NARROW_PX = 340;
+/** 按下反馈的时长（ms）：≤80ms（真按下要立刻看得见，慢过它就不像"按到了"）。 */
+const PRESS_MS = 80;
+/** 值位的宽度上限（px）：宽档下不跟着容器一路拉宽（否则 1000px 的空槽里数字吊在中间）。 */
+const NUMBER_STEPPER_VALUE_MAX_PX = 240;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function numberStepperCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const box = root + ' .' + p + 'block-number-stepper';
+    const s = (slot) => root + ' .' + numberStepperSlot(slot, p);
+    /** 拼在 `box` **后面**的槽类：不再带 `.<prefix>page-ui`（否则会拼出嵌套的假选择器，永远不命中）。 */
+    const inBox = (slot) => ' .' + numberStepperSlot(slot, p);
+    return [
+        '/* number-stepper（数量步进 · 形态 A「标准：加减＋常用值排」）：− n ＋ 三个可点区 ＋ 一排常用值。',
+        '   层次不靠阴影与大圆角（小票纸零阴影、大字报刊零圆角）：靠发丝线、软底块与字重 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**（嵌进侧栏／面板／卡片时照样按自己的宽度折行）。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  padding: 12px 14px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' > * {',
+        '  min-width: 0;',
+        '}',
+        '/* 第一行：标签（左）＋ 状态字（右）。状态字是**字**这一档：小票纸与大字报刊两套皮肤里',
+        '   `accent` 已接近墨色，只靠底色深浅读不出"还能不能再按"。 */',
+        s('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  justify-content: space-between;',
+        '  gap: 4px 12px;',
+        '  min-width: 0;',
+        '}',
+        s('label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 状态字做成一小枚带发丝线的签：**宽度锁住**（四档词长短不一，锁住就不跳版）。 */',
+        s('state') + ' {',
+        '  box-sizing: border-box;',
+        '  min-width: 5em;',
+        '  padding: 1px 6px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .04em;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 「− n ＋」三个可点区：**不做连体**，相邻留 ' + String(NUMBER_STEPPER_GAP_PX) + 'px 缝（防误点）。',
+        '   宽档下这是一簇**靠右的紧凑控件**（值位不跟着容器一路拉宽：1000px 的空值框里数字吊在中间，',
+        '   读起来不像一个控件——真机 1280 档亲眼看过才发现）；窄档改成一格一行（见下面 @container）。 */',
+        s('controls') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: stretch;',
+        '  justify-content: flex-end;',
+        '  gap: ' + String(NUMBER_STEPPER_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('dec') + ',',
+        s('inc') + ' {',
+        '  flex: 0 0 auto;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  width: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  min-width: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  height: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  padding: 0;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: inherit;',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        '/* 值位（第三个可点区）：软底块 ＋ 等宽数字；最小宽度把整排钉住，**宽度上限**防止它在宽档里',
+        '   拉成一条空槽。`flex-basis: 0` 与行内编辑器**同一条**：两者都只按剩余空间分配 ⇒ 进出编辑同宽。 */',
+        s('value') + ' {',
+        '  flex: 1 1 0;',
+        '  max-width: ' + String(NUMBER_STEPPER_VALUE_MAX_PX) + 'px;',
+        '  display: inline-flex;',
+        '  align-items: baseline;',
+        '  justify-content: center;',
+        '  gap: 2px;',
+        '  box-sizing: border-box;',
+        '  min-width: ' + String(NUMBER_STEPPER_VALUE_MIN_PX) + 'px;',
+        '  height: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  padding: 0 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: inherit;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        s('number') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  line-height: 1.2;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('unit') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 行内编辑器（值位点开后在同一格里换上）：与值位**同盒模型**（同 flex-basis／同 min-width／同高），',
+        '   进出编辑不跳版。 */',
+        s('editor') + ' {',
+        '  flex: 1 1 0;',
+        '  box-sizing: border-box;',
+        '  min-width: ' + String(NUMBER_STEPPER_VALUE_MIN_PX) + 'px;',
+        '  height: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  padding: 0 10px;',
+        '  border: 1px solid ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: center;',
+        '}',
+        box + '[data-ilife-stepper-editing="1"]' + inBox('value') + ' {',
+        '  display: none;',
+        '}',
+        '/* 常用值那一排：当前值命中哪一枚，哪一枚走**强调面**——软底 `accent-soft` ＋ 主色字 `accent-text`',
+        '   ＋ 主色描边 `accent` ＋ 加粗（**形＋字＋色**三样一起给）。',
+        '   口径住 `docs/base/base-render/选中态与皮肤语言.md` 第三节：**有文字的选中面**不许写成"实心反白"',
+        '   （旧写法 `accent` 底 ＋ `accent-ink` 字），那是把字色当面——在纸面语言里没有对应语汇。 */',
+        s('quick') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(NUMBER_STEPPER_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('quickLabel') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('preset') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  min-width: 56px;',
+        '  min-height: ' + String(NUMBER_STEPPER_TOUCH_PX) + 'px;',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        s('preset') + '[aria-pressed="true"] {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 悬停：只包在设备能力查询里（`hover:hover`），且**不是唯一通路**（键盘与触屏各走各的）。 */',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + s('dec') + ':hover:not([disabled]),',
+        '  ' + s('inc') + ':hover:not([disabled]) {',
+        '    background: ' + skinVar('surface-2') + ';',
+        '  }',
+        '  ' + s('value') + ':hover:not([disabled]) {',
+        '    border-color: ' + skinVar('ink-2') + ';',
+        '  }',
+        /* 悬停提示只给**未选中**的那几枚：选中的那一枚描边是 `accent`（法则里的"主色描边"），
+           若被 `ink-2` 顶掉，悬停那一刻选中态就掉回墨色。 */
+        '  ' + s('preset') + ':not([aria-pressed="true"]):hover:not([disabled]) {',
+        '    border-color: ' + skinVar('ink-2') + ';',
+        '  }',
+        '}',
+        '/* 真按下：只动 `transform`（80ms 内看得见）。 */',
+        s('dec') + ':active:not([disabled]),',
+        s('inc') + ':active:not([disabled]),',
+        s('value') + ':active:not([disabled]),',
+        s('preset') + ':active:not([disabled]) {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 可见焦点：三枚可点区与常用值都 ≥2px 描边（不许只写 `outline:none`）。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 更新中：值位与键保持原样（宽度锁住），状态字那一枚换成「更新中」；光标给 `progress`。 */',
+        box + '.is-loading [aria-disabled="true"] {',
+        '  cursor: progress;',
+        '}',
+        '/* 禁用：**说不出为什么不能动**是不许留的中间档（渲染期就要求给 `disabledReason`，写在下面那行）。 */',
+        box + ' [disabled],',
+        box + '.is-disabled [aria-disabled="true"] {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  border-color: ' + skinVar('line') + ';',
+        '  cursor: not-allowed;',
+        '}',
+        '/* 错误说明：写在控件旁边（控件 `aria-describedby` 指向它），**不只染色**。 */',
+        s('error') + ' {',
+        '  margin: 0;',
+        '  padding-left: 8px;',
+        '  border-left: 2px solid ' + skinVar('danger') + ';',
+        '  color: ' + skinVar('danger') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        box + '.is-invalid' + inBox('value') + ' {',
+        '  border-color: ' + skinVar('danger') + ';',
+        '}',
+        '/* 口径行：这一件的加减步长与取值范围怎么定的（**要读的正文**，走 ink-2 不走更浅的弱文字档）。 */',
+        s('caliber') + ' {',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 窄容器（<' + String(NARROW_PX) + 'px）：值位独占一行——两枚 ± 与值位挤一排会把数字压窄，',
+        '   而数字是关键语义（判据断它不许被挤／截）。判的是**本件自己的宽度**（不用 `@media` 判宽度）。 */',
+        '@container (max-width: ' + String(NARROW_PX) + 'px) {',
+        '  ' + s('controls') + ' {',
+        '    display: grid;',
+        '    grid-template-columns: auto minmax(0, 1fr) auto;',
+        '  }',
+        '  ' + s('dec') + ' {',
+        '    grid-area: 1 / 1;',
+        '  }',
+        '  ' + s('inc') + ' {',
+        '    grid-area: 1 / 3;',
+        '  }',
+        '  ' + s('value') + ' {',
+        '    grid-area: 2 / 1 / 3 / -1;',
+        '  }',
+        '  ' + s('editor') + ' {',
+        '    grid-area: 2 / 1 / 3 / -1;',
+        '  }',
+        '}',
+        '/* 减动效档：不许有东西卡在半路（按下反馈走 `transition`，这里只去掉过渡本身）。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  ' + s('dec') + ',',
+        '  ' + s('inc') + ',',
+        '  ' + s('value') + ',',
+        '  ' + s('preset') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/number-stepper/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/number-stepper/style.ts"],"names":[],"mappings":"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"}

package/dist/components/page/fact-strip.d.ts

@@ -0,0 +1,36 @@
+/** 页面级形状件 ①**事实条**（`renderFactStrip`）。
+ *
+ *  一行 N 件事由版式分格承担，文本里一个分隔符都没有。
+ *
+ *  **住址**：目录化批次②把它从 `src/pageShapes.ts` 搬到这里（正文原样，判据＝产物逐字节相同，
+ *  见 `docs/base/base-render/组件目录架构.md`）。
+ */
+/** 语气三态（闭集）；不给＝中性（`--fg`）。取自同仓状态徽章的语义色，不发明新色值。 */
+export type FactTone = 'ok' | 'warn' | 'danger';
+export interface FactItemInput {
+    /** 这格说的是什么（人话短标签，如「拍摄」「标签」）。 */
+    readonly label: string;
+    /** 这格的值（已是给人看的样子；数字口径由调用方定）。
+     *  **#950 B4：`null` ＝ 缺数**——可见面印 `FACT_STRIP_MISSING_MARK`（`—`，与全仓「缺数一律写 —」同字），
+     *  并带 `…-value-missing` 类降调；机器面（复制载荷）留空由调用方定，两条口径**分开**。 */
+    readonly value: string | null;
+    readonly tone?: FactTone;
+    /** **单位**（#950 B4）：给了就紧跟值位出一枚小号单位（值位本身只吃数，不带单位）。
+     *  缺数与单位同给时只印缺数占位（没有数，单位无意义）。 */
+    readonly unit?: string;
+}
+export interface FactStripInput {
+    /** 一条事实一行；0 条＝空串（与「没内容不留空块」同口径）。 */
+    readonly items: readonly FactItemInput[];
+    /** 版面根的附加类名（空格分隔，同 `blocks.ts` 的 `optExtraClass` 口径）。 */
+    readonly extraClass?: string;
+}
+/** #950 B4：事实条的缺数占位（与全仓「缺数一律写 —」同字）。 */
+export declare const FACT_STRIP_MISSING_MARK = "\u2014";
+/** 事实条：一行 N 件事的呈现形状（替掉 `A · B · C` 那种串）。空数组出不了一个字。
+ *  **#950 B4 扩参**：值位可给 `null`（缺数 → 印 `—`，与「0」区分开）＋ 可选单位位。
+ *  给了字符串值又不给单位的既有调用点产物**逐字节不变**。 */
+export declare function renderFactStrip(input: FactStripInput): string;
+/** 本件样式段（族组装器 `pageShapeCss()` 按原顺序拼回）。 */
+export declare function factStripCss(p: string, root: string): string[];
+//# sourceMappingURL=fact-strip.d.ts.map

package/dist/components/page/fact-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact-strip.d.ts","sourceRoot":"","sources":["../../../src/components/page/fact-strip.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,kDAAkD;AAClD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;gEAE4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB;qCACiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,yDAAyD;IACzD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wCAAwC;AACxC,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD;;oCAEoC;AACpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAyB7D;AAED,2CAA2C;AAC3C,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAgD9D"}