base-paint 0.3.13 → 0.3.15

package/dist/components/rating-row/runtime.js

@@ -0,0 +1,92 @@
+import { RATING_ROW_BOUND_ATTR, RATING_ROW_EVENT_CHANGE, RATING_ROW_HALF_ATTR, RATING_ROW_LOADING_ATTR, RATING_ROW_MAX_ATTR, RATING_ROW_NAME_ATTR, RATING_ROW_MISSING, RATING_ROW_RUNTIME_ATTR, RATING_ROW_STAR_ATTR, RATING_ROW_VALUE_ATTR, ratingRowSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** rating-row · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  与 `editable-value/runtime.ts` 同一处分工：模块代码零 DOM；DOM 只出现在本文件产出的**字符串**里。
+ *
+ *  行为契约（逐条对应判据）：
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `click` 与一枚 `keydown` 委派；重复注入只绑定一次。
+ *   · **一处写（`paint`）**：`aria-checked`／半颗标记／漫游 `tabindex`／那枚大数字，
+ *     全部由同一趟算出来——四处各写各的必然走散。
+ *   · **点星**：分数＝那一颗的号（整星）；机器值落 `data-ilife-rating-value`；派发 `ilife:rating-change`。
+ *   · **键盘**（`role="radio"` 该有的那一套）：左右／上下移动并**随即选中**、`Home` 到第一颗、`End` 到最后一颗；
+ *     方向键 `preventDefault`（否则页面会跟着滚）。
+ *   · **不评就是没评**：清空要由页面重渲染（本件不给"点已选中的星取消"这种隐藏手势——
+ *     隐藏手势没人发现得了，值为 `null` 的入口在入参面）。
+ *   · **禁用／加载不响应**：根上有标记时点了不派发（按钮自己也落 `disabled`）。
+ *   · **无脚本降级**：这段不跑时，星与读数按标记里画好的那一份显示（可读），只是不能改。
+ */
+export function buildRatingRowJs() {
+    const q = (s) => JSON.stringify(s);
+    return '(function(){' + LF
+        + '  var ATTR_NAME=' + q(RATING_ROW_NAME_ATTR) + ', ATTR_VALUE=' + q(RATING_ROW_VALUE_ATTR) + ';' + LF
+        + '  var ATTR_MAX=' + q(RATING_ROW_MAX_ATTR) + ', ATTR_STAR=' + q(RATING_ROW_STAR_ATTR) + ';' + LF
+        + '  var ATTR_LOADING=' + q(RATING_ROW_LOADING_ATTR) + ', ATTR_BOUND=' + q(RATING_ROW_BOUND_ATTR) + ';' + LF
+        + '  var ATTR_HALF=' + q(RATING_ROW_HALF_ATTR) + ', ATTR_RUNTIME=' + q(RATING_ROW_RUNTIME_ATTR) + ';' + LF
+        + '  var EV=' + q(RATING_ROW_EVENT_CHANGE) + ';' + LF
+        + '  var SEL_NUM=' + q(ratingRowSlot('num')) + ', MISSING=' + q(RATING_ROW_MISSING) + ';' + LF
+        + '  var doc=document;' + LF
+        + '  if (doc.documentElement.getAttribute(ATTR_RUNTIME)==="1") return;' + LF
+        + '  doc.documentElement.setAttribute(ATTR_RUNTIME,"1");' + LF
+        + '  function rootOf(el){ return el && el.closest ? el.closest("["+ATTR_NAME+"]") : null; }' + LF
+        + '  function starsOf(root){ return root.querySelectorAll("button["+ATTR_STAR+"]"); }' + LF
+        + '  function valueOf(root){' + LF
+        + '    var raw=root.getAttribute(ATTR_VALUE);' + LF
+        + '    if (raw===null || raw==="") return null;' + LF
+        + '    var n=Number(raw); return isFinite(n) ? n : null;' + LF
+        + '  }' + LF
+        /* 一处写：分数 → 星的三态（`aria-checked` ＋ 半颗标记）＋ 漫游焦点 ＋ 那枚大数字。
+           状态只写这两处，不挂 `is-on`／`is-half` 这类修饰类：短类名会与别件撞名。 */
+        + '  function paint(root, value){' + LF
+        + '    var stars=starsOf(root), i, n=null;' + LF
+        + '    var focusAt = value===null ? 1 : Math.max(1, Math.ceil(value));' + LF
+        + '    for (i=0;i<stars.length;i+=1){' + LF
+        + '      n=Number(stars[i].getAttribute(ATTR_STAR));' + LF
+        + '      var on = value!==null && n<=value;' + LF
+        + '      var half = !on && value!==null && (n-0.5)<=value;' + LF
+        + '      stars[i].setAttribute("aria-checked", on ? "true" : "false");' + LF
+        + '      if (half) stars[i].setAttribute(ATTR_HALF,"1"); else stars[i].removeAttribute(ATTR_HALF);' + LF
+        + '      stars[i].setAttribute("tabindex", n===focusAt ? "0" : "-1");' + LF
+        + '    }' + LF
+        + '    if (value===null) root.removeAttribute(ATTR_VALUE); else root.setAttribute(ATTR_VALUE, String(value));' + LF
+        + '    var num=root.querySelector("."+SEL_NUM);' + LF
+        + '    if (num) num.textContent = value===null ? MISSING : String(value);' + LF
+        + '  }' + LF
+        + '  function pick(root, star, why){' + LF
+        + '    if (root.getAttribute(ATTR_LOADING)==="1") return;' + LF
+        + '    var prev=valueOf(root);' + LF
+        + '    if (prev===star) return;' + LF
+        + '    paint(root, star);' + LF
+        + '    var focus=root.querySelector("button["+ATTR_STAR+"=\\""+star+"\\"]"); if (focus && why==="key") focus.focus();' + LF
+        + '    root.dispatchEvent(new CustomEvent(EV,{bubbles:true,detail:{' + LF
+        + '      name:root.getAttribute(ATTR_NAME), value:star, prev:prev}}));' + LF
+        + '  }' + LF
+        + '  function starOf(el){' + LF
+        + '    if (!el || !el.closest) return null;' + LF
+        + '    var b=el.closest("button["+ATTR_STAR+"]"); return b && !b.disabled ? b : null;' + LF
+        + '  }' + LF
+        + '  doc.addEventListener("click", function(e){' + LF
+        + '    var btn=starOf(e.target); if (!btn) return;' + LF
+        + '    var root=rootOf(btn); if (!root) return;' + LF
+        + '    e.preventDefault();' + LF
+        + '    pick(root, Number(btn.getAttribute(ATTR_STAR)), "click");' + LF
+        + '  });' + LF
+        + '  doc.addEventListener("keydown", function(e){' + LF
+        + '    var btn=starOf(e.target); if (!btn) return;' + LF
+        + '    var root=rootOf(btn); if (!root) return;' + LF
+        + '    var max=Number(root.getAttribute(ATTR_MAX)||starsOf(root).length);' + LF
+        + '    var at=Number(btn.getAttribute(ATTR_STAR)), next=null;' + LF
+        + '    if (e.key==="ArrowRight" || e.key==="ArrowDown") next=Math.min(max, at+1);' + LF
+        + '    else if (e.key==="ArrowLeft" || e.key==="ArrowUp") next=Math.max(1, at-1);' + LF
+        + '    else if (e.key==="Home") next=1;' + LF
+        + '    else if (e.key==="End") next=max;' + LF
+        + '    else return;' + LF
+        + '    e.preventDefault();' + LF
+        + '    pick(root, next, "key");' + LF
+        + '  });' + LF
+        /* init 那一趟：打绑定标记 ＋ 按标记里那一份机器值把三态与读数收敛到一处。 */
+        + '  var all=doc.querySelectorAll("["+ATTR_NAME+"]");' + LF
+        + '  for (var i=0;i<all.length;i+=1){ all[i].setAttribute(ATTR_BOUND,"1"); paint(all[i], valueOf(all[i])); }' + LF
+        + '}());';
+}

package/dist/components/rating-row/runtime.js.map

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

package/dist/components/rating-row/style.d.ts

@@ -0,0 +1,13 @@
+/** 一颗星的命中盒（px）：**触控目标的地板**，全宽口径（视觉上的星形可以小，盒子必须够）。 */
+export declare const RATING_ROW_STAR_PX = 44;
+/** 星字形的字号（px）：盒子 44 里放 26 的字形，指头按下去有富余。 */
+export declare const RATING_ROW_STAR_FONT_PX = 26;
+/** 那枚数字读数的倍数（相对皮肤 `fs-body`）：三套皮肤下都 ≥ 正文的 1.5 倍。 */
+export declare const RATING_ROW_NUM_SCALE = 2.2;
+/** 窄容器阈值（px）：读数改走「另起一行、左对齐」。**判的是本件自己的宽度**。 */
+export declare const RATING_ROW_NARROW_PX = 420;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function ratingRowCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/rating-row/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/rating-row/style.ts"],"names":[],"mappings":"AAwBA,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,2CAA2C;AAC3C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,+CAA+C;AAC/C,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA2MzE"}

package/dist/components/rating-row/style.js

@@ -0,0 +1,234 @@
+/** rating-row · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤——组件里**不写**手写的 CSS 变量（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件自己是容器（`container-type: inline-size`），窄档调整走 `@container`；
+ *     `@media` 只判设备能力，不判宽度。
+ *
+ *  几何契约（判据钉住）：
+ *   · 每颗星是**可聚焦的按钮**，命中盒 44×44（`RATING_ROW_STAR_PX`）；
+ *   · 那枚数字读数是**大字号**：＝ 正文档 × `RATING_ROW_NUM_SCALE`（皮肤只给 `fs-body` 一档 ⇒
+ *     三套皮肤下都成立「读数 ≥ 正文 1.5 倍」），且走等宽数字（数位一变宽就跳版）；
+ *   · 选中态**至少两重标记**：空心星 `☆` → 实心星 `★`（字形换了）＋ 那枚大数字（字）；
+ *     颜色只是第三重。皮肤「大字报刊」下强调色＝墨黑 ⇒ 前两重必须自己扛。
+ *   · 颜色这一重按**法则表**走：已填满的星＝**无文字的点状选中** ⇒ 主色实底（`accent` 填满这枚字形，
+ *     不是"反白"、也不是正文墨色）；未填满的星仍是弱文字墨色 `ink-3`。
+ *     口径住 `docs/base/base-render/选中态与皮肤语言.md` 第三、四节。
+ */
+import { skinVar } from '../skin/contract.js';
+import { RATING_ROW_HALF_ATTR, ratingRowSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 一颗星的命中盒（px）：**触控目标的地板**，全宽口径（视觉上的星形可以小，盒子必须够）。 */
+export const RATING_ROW_STAR_PX = 44;
+/** 星字形的字号（px）：盒子 44 里放 26 的字形，指头按下去有富余。 */
+export const RATING_ROW_STAR_FONT_PX = 26;
+/** 那枚数字读数的倍数（相对皮肤 `fs-body`）：三套皮肤下都 ≥ 正文的 1.5 倍。 */
+export const RATING_ROW_NUM_SCALE = 2.2;
+/** 窄容器阈值（px）：读数改走「另起一行、左对齐」。**判的是本件自己的宽度**。 */
+export const RATING_ROW_NARROW_PX = 420;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function ratingRowCss(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-rating-row';
+    const s = (slot) => root + ' .' + ratingRowSlot(slot, p);
+    /** **裸类名**：用在复合选择器的中段（`X > .槽`）。
+     *  `s()` 自带作用域前缀，只许当选择器的**开头**——把它接在 `>` 后面会拼出
+     *  `.ilife-page-ui X > .ilife-page-ui .槽`，那种规则永远匹配不到
+     *  （2026-09 实拍：实心星一个都没画出来，就是这一处拼错）。 */
+    const c = (slot) => '.' + ratingRowSlot(slot, p);
+    const star = s('star');
+    return [
+        '/* rating-row（评分行 · 形态 A「星级 ＋ 数字读数」）：星星读"大约几颗"，那枚大数字读"到底几分"。',
+        '   层次不靠阴影与大圆角（小票纸零阴影、大字报刊零圆角）：靠发丝线、字重与尺度差 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折行。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 标题行：给什么打分（主段）＋ 上次对照（次段）。两段都能换行——**不许 `…` 截断**。 */',
+        s('label') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '}',
+        s('label-title') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('prev') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 星与读数并成的那一排：容器一窄，读数自己折到下一行（不压星星、不掉字）。 */',
+        s('body') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 4px 14px;',
+        '  min-width: 0;',
+        '}',
+        s('stars') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '}',
+        '/* 一颗星：命中盒 44×44（可聚焦的按钮），字形比盒小一圈。 */',
+        star + ' {',
+        '  position: relative;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  width: ' + String(RATING_ROW_STAR_PX) + 'px;',
+        '  height: ' + String(RATING_ROW_STAR_PX) + 'px;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  border: 0;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: transparent;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font: inherit;',
+        '  font-size: ' + String(RATING_ROW_STAR_FONT_PX) + 'px;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms cubic-bezier(.22, 1, .36, 1);',
+        '}',
+        '/* 星字形：空的是空心星 `☆`，实心的是实心星 `★`——**形状换了**，不只是颜色换了。',
+        '   判"填满了"走 `aria-checked="true"`（这一件每颗星本来就带它），不另挂 `is-on` 这类修饰类。 */',
+        s('glyph') + '::before {',
+        '  content: "\\2606";',
+        '}',
+        star + '[aria-checked="true"] {',
+        '  /* 无文字的点状选中 ⇒ 主色实底：`accent` 把这枚字形填满（图形对比 ≥3:1 即可，不需要字色反白）。 */',
+        '  color: ' + skinVar('accent') + ';',
+        '}',
+        star + '[aria-checked="true"] > ' + c('glyph') + '::before {',
+        '  content: "\\2605";',
+        '}',
+        '/* 半颗（小数分值的显示）：左半实心、右半仍是空心——形状上看得出来"4.5 不是 4"。',
+        '   半颗只由 `data-*` 标记（挂在这颗星上），因为"左半边"这件事没有对应的原生状态。 */',
+        star + '[' + RATING_ROW_HALF_ATTR + '="1"] {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        star + '[' + RATING_ROW_HALF_ATTR + '="1"] > ' + c('glyph') + ' {',
+        '  position: relative;',
+        '  display: block;',
+        '}',
+        star + '[' + RATING_ROW_HALF_ATTR + '="1"] > ' + c('glyph') + '::after {',
+        '  content: "\\2605";',
+        '  position: absolute;',
+        '  left: 0;',
+        '  top: 0;',
+        '  width: 50%;',
+        '  overflow: hidden;',
+        '  color: ' + skinVar('accent') + ';',
+        '}',
+        '/* 鼠标悬停只是**提示**，不是唯一通路（选中态与焦点各有自己的标记）。',
+        '   提示只给**未填满**的星：已填满的星是"无文字的点状选中"，走主色实底（`accent` 填字形），',
+        '   若被 `ink-2` 顶掉，悬停那一刻选中态就掉回正文墨色（口径见 `选中态与皮肤语言.md` 第三节）。 */',
+        '@media (hover: hover) and (pointer: fine) {',
+        '  ' + star + ':not([aria-checked="true"]):not([disabled]):hover {',
+        '    color: ' + skinVar('ink-2') + ';',
+        '  }',
+        '}',
+        '/* 真按下：缩一格（≤80ms 内回弹；只动 transform，不触发布局）。 */',
+        star + ':active {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 焦点：**可见焦点**（≥2px），键盘走到哪一颗就看得见哪一颗。 */',
+        star + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: -2px;',
+        '}',
+        '/* 不可评：`cursor: not-allowed` ＋ 说明为什么（原因那句由标记渲染在 `why` 槽里）。 */',
+        star + '[disabled] {',
+        '  cursor: not-allowed;',
+        '}',
+        '/* 数字读数：星星之外的**那一重**（读得出 4 与 4.5 的差别）。等宽数字 ＋ 大字号。 */',
+        s('score') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 6px;',
+        '  margin: 0 0 0 auto;',
+        '  min-width: 0;',
+        '}',
+        s('num') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: calc(' + skinVar('fs-body') + ' * ' + String(RATING_ROW_NUM_SCALE) + ');',
+        '  font-weight: 700;',
+        /* `line-height` 必须比 1 宽一点：数字字形（衬线皮肤下更明显）会顶出行盒，
+           实拍 35.2px 字号 `line-height:1` 时 content 盒只有 35px、字形 37px ⇒ 被裁。 */
+        '  line-height: 1.15;',
+        '  letter-spacing: -.02em;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('den') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('hint') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 禁用原因：写在控件旁边（不只 `cursor: not-allowed`）。 */',
+        s('why') + ' {',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 错态：写在控件旁边（不是只染色），并带一枚记号字。 */',
+        s('error') + ' {',
+        '  display: flex;',
+        '  gap: 6px;',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('error') + '::before {',
+        '  content: "\\26A0";',
+        '  flex: none;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        '/* 窄容器（<' + String(RATING_ROW_NARROW_PX) + 'px）：读数另起一行、左对齐（不再与星星挤一排）。',
+        '   判的是**本件自己的宽度**：本件会被嵌进侧栏／面板／卡片，视口宽 ≠ 组件宽（所以这里不用 `@media`）。 */',
+        '@container (max-width: ' + String(RATING_ROW_NARROW_PX) + 'px) {',
+        '  ' + s('score') + ' {',
+        '    margin-left: 0;',
+        '  }',
+        '}',
+        '/* 动效偏好：只关过渡，不关状态（状态不许卡在半路 ⇒ 不用 `transitionend` 驱动任何东西）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + star + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/rating-row/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/rating-row/style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEjE,yBAAyB;AACzB,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAEnC,qDAAqD;AACrD,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,2CAA2C;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAC1C,oDAAoD;AACpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,+CAA+C;AAC/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,4BAA4B;AAC5B,MAAM,UAAU,YAAY,CAAC,KAAoC;IAC/D,MAAM,CAAC,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;WAC1C,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvF,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC;IACjC,MAAM,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,kBAAkB,CAAC;IACjD,MAAM,CAAC,GAAG,CAAC,IAAyC,EAAU,EAAE,CAAC,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACtG;;;2CAGuC;IACvC,MAAM,CAAC,GAAG,CAAC,IAAyC,EAAU,EAAE,CAAC,GAAG,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9F,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IAEvB,OAAO;QACL,8DAA8D;QAC9D,wDAAwD;QACxD,GAAG,GAAG,IAAI;QACV,kDAAkD;QAClD,gCAAgC;QAChC,kBAAkB;QAClB,aAAa;QACb,iBAAiB;QACjB,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG;QACzC,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,GAAG;QAC1C,qBAAqB;QACrB,GAAG;QACH,sDAAsD;QACtD,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACjB,kBAAkB;QAClB,oBAAoB;QACpB,0BAA0B;QAC1B,kBAAkB;QAClB,cAAc;QACd,iBAAiB;QACjB,GAAG;QACH,CAAC,CAAC,aAAa,CAAC,GAAG,IAAI;QACvB,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,qBAAqB;QACrB,4BAA4B;QAC5B,GAAG;QACH,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI;QAChB,sBAAsB;QACtB,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,uCAAuC;QACvC,4BAA4B;QAC5B,GAAG;QACH,4CAA4C;QAC5C,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI;QAChB,kBAAkB;QAClB,oBAAoB;QACpB,wBAAwB;QACxB,kBAAkB;QAClB,iBAAiB;QACjB,GAAG;QACH,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACjB,kBAAkB;QAClB,oBAAoB;QACpB,WAAW;QACX,iBAAiB;QACjB,GAAG;QACH,sCAAsC;QACtC,IAAI,GAAG,IAAI;QACX,uBAAuB;QACvB,kBAAkB;QAClB,wBAAwB;QACxB,4BAA4B;QAC5B,2BAA2B;QAC3B,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK;QAChD,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK;QACjD,cAAc;QACd,eAAe;QACf,cAAc;QACd,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,GAAG;QAChD,4BAA4B;QAC5B,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,kBAAkB;QAClB,eAAe,GAAG,MAAM,CAAC,uBAAuB,CAAC,GAAG,KAAK;QACzD,mBAAmB;QACnB,oBAAoB;QACpB,4DAA4D;QAC5D,GAAG;QACH,kDAAkD;QAClD,qEAAqE;QACrE,CAAC,CAAC,OAAO,CAAC,GAAG,YAAY;QACzB,sBAAsB;QACtB,GAAG;QACH,IAAI,GAAG,yBAAyB;QAChC,iEAAiE;QACjE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;QACrC,GAAG;QACH,IAAI,GAAG,0BAA0B,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,YAAY;QAC7D,sBAAsB;QACtB,GAAG;QACH,gDAAgD;QAChD,qDAAqD;QACrD,IAAI,GAAG,GAAG,GAAG,oBAAoB,GAAG,SAAS;QAC7C,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,GAAG;QACH,IAAI,GAAG,GAAG,GAAG,oBAAoB,GAAG,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QAClE,uBAAuB;QACvB,mBAAmB;QACnB,GAAG;QACH,IAAI,GAAG,GAAG,GAAG,oBAAoB,GAAG,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,WAAW;QACzE,sBAAsB;QACtB,uBAAuB;QACvB,YAAY;QACZ,WAAW;QACX,eAAe;QACf,qBAAqB;QACrB,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;QACrC,GAAG;QACH,wCAAwC;QACxC,wDAAwD;QACxD,6DAA6D;QAC7D,6CAA6C;QAC7C,IAAI,GAAG,IAAI,GAAG,qDAAqD;QACnE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACtC,KAAK;QACL,GAAG;QACH,8CAA8C;QAC9C,IAAI,GAAG,WAAW;QAClB,0BAA0B;QAC1B,GAAG;QACH,yCAAyC;QACzC,IAAI,GAAG,kBAAkB;QACzB,uBAAuB,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;QACjD,yBAAyB;QACzB,GAAG;QACH,+DAA+D;QAC/D,IAAI,GAAG,cAAc;QACrB,wBAAwB;QACxB,GAAG;QACH,sDAAsD;QACtD,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACjB,kBAAkB;QAClB,oBAAoB;QACpB,0BAA0B;QAC1B,iBAAiB;QACjB,uBAAuB;QACvB,iBAAiB;QACjB,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;QACf,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG;QAC7C,oBAAoB,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,GAAG,IAAI;QACvF,qBAAqB;QACrB;2EACmE;QACnE,sBAAsB;QACtB,2BAA2B;QAC3B,uCAAuC;QACvC,4BAA4B;QAC5B,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;QACf,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,qBAAqB;QACrB,uCAAuC;QACvC,4BAA4B;QAC5B,GAAG;QACH,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI;QAChB,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,4BAA4B;QAC5B,GAAG;QACH,8CAA8C;QAC9C,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;QACf,cAAc;QACd,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,4BAA4B;QAC5B,GAAG;QACH,iCAAiC;QACjC,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACjB,kBAAkB;QAClB,aAAa;QACb,cAAc;QACd,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,qBAAqB;QACrB,4BAA4B;QAC5B,GAAG;QACH,CAAC,CAAC,OAAO,CAAC,GAAG,YAAY;QACzB,sBAAsB;QACtB,eAAe;QACf,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,GAAG;QACH,UAAU,GAAG,MAAM,CAAC,oBAAoB,CAAC,GAAG,2BAA2B;QACvE,iEAAiE;QACjE,yBAAyB,GAAG,MAAM,CAAC,oBAAoB,CAAC,GAAG,OAAO;QAClE,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACxB,qBAAqB;QACrB,KAAK;QACL,GAAG;QACH,6DAA6D;QAC7D,2CAA2C;QAC3C,IAAI,GAAG,IAAI,GAAG,IAAI;QAClB,uBAAuB;QACvB,KAAK;QACL,GAAG;KACJ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC"}

package/dist/components/result-row/attrs.d.ts

@@ -0,0 +1,50 @@
+/** 本件的类名根。 */
+export declare const RESULT_ROOT_CLASS = "ilife-block-result-row";
+/** 形态闭集。 */
+export declare const RESULT_FORMS: readonly ["A"];
+export type ResultRowForm = (typeof RESULT_FORMS)[number];
+/** 根：值＝机器键（可选）。给了就同时当搜索框的结果区键（`data-ilife-search-region`）。 */
+export declare const RESULT_NAME_ATTR = "data-ilife-result";
+export declare const RESULT_FORM_ATTR = "data-ilife-result-form";
+/** 一条结果（本件自己的锚；`search-field` 用 `data-ilife-search-item` 找同一批元素）。 */
+export declare const RESULT_ITEM_ATTR = "data-ilife-result-item";
+export declare const RESULT_EMPTY_ATTR = "data-ilife-result-empty";
+/** 与 `search-field` 共用的三个名字（转出即契约，别处不许再抄一份字面量）。 */
+export declare const RESULT_SEARCH_ITEM_ATTR = "data-ilife-search-item";
+export declare const RESULT_SEARCH_TAGS_ATTR = "data-ilife-search-tags";
+export declare const RESULT_SEARCH_HIT_ATTR = "data-ilife-search-hit";
+export declare const RESULT_SEARCH_REGION_ATTR = "data-ilife-search-region";
+export declare const RESULT_DEFAULTS: Readonly<{
+    /** 缺值写法（工艺书：缺值写成 `—`）。 */
+    readonly unset: "—";
+    readonly emptyText: "没有结果";
+}>;
+export interface ResultRowItemInput {
+    /** 标题（**必填**）：命中词在这里被标出来。 */
+    readonly title: string;
+    /** 命中词（渲染期在标题与副语里逐处标 `<mark>`；大小写不敏感）。 */
+    readonly highlights?: readonly string[];
+    /** 副语（时间／口味／次数一类；命中词同样会被标出来）。 */
+    readonly subtitle?: string;
+    /** 小标签（上屏；同时进 `data-ilife-search-tags`，供搜索框按范围分档）。 */
+    readonly tags?: readonly string[];
+    /** 右侧读数（金额／评分／天数…）。**不给＝缺值**：写 `—` 并弱化（不许拿 0 冒充）。 */
+    readonly value?: string;
+    /** 读数下面那行小字（「评分」「未评分」）。 */
+    readonly valueLabel?: string;
+    /** 缩略格里的字（一到两个字，如「菜」「汤」）；不给就不出缩略格。 */
+    readonly thumb?: string;
+    readonly extraClass?: string;
+}
+export interface ResultRowInput {
+    readonly form?: ResultRowForm;
+    /** 机器键（可选）：给了就同时当搜索框能圈定的结果区键。 */
+    readonly name?: string;
+    /** 这一批结果的 `aria-label`。 */
+    readonly label?: string;
+    /** 结果（可以为空数组＝设计过的空态）。 */
+    readonly items: readonly ResultRowItemInput[];
+    readonly emptyText?: string;
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/result-row/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/result-row/attrs.ts"],"names":[],"mappings":"AAYA,cAAc;AACd,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,YAAY;AACZ,eAAO,MAAM,YAAY,gBAAiB,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AACpD,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AACzD,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AACzD,eAAO,MAAM,iBAAiB,4BAA4B,CAAC;AAE3D,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,2BAAmB,CAAC;AACxD,eAAO,MAAM,uBAAuB,2BAAmB,CAAC;AACxD,eAAO,MAAM,sBAAsB,0BAAkB,CAAC;AACtD,eAAO,MAAM,yBAAyB,6BAAqB,CAAC;AAE5D,eAAO,MAAM,eAAe;IAC1B,0BAA0B;;;EAGjB,CAAC;AAEZ,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACxC,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,qDAAqD;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/result-row/attrs.js

@@ -0,0 +1,31 @@
+/** resultRow · **标记契约**（渲染与运行时共用的唯一事实；本件是**显示件**，无运行时段）。
+ *
+ *  形态：**A**（单行，值在右）——`#950` 打分台账里三形态 A/B/C ＝ 4/4/4、3/3/3、4/4/4，并列取先者 ⇒ A。
+ *  A 的骨架＝「缩略格 ＋（标题／副语）＋ 右侧读数」，标题里的命中词用 `<mark>` 标出来。
+ *
+ *  **与 `search-field` 是同一套标记**（本件从这里引它的三个属性名，不另抄一份）：
+ * 条目挂 `data-ilife-search-item`（可被搜）、标签进 `data-ilife-search-tags`（范围分段按它分档）、
+ * 命中词用 `<mark data-ilife-search-hit>`。这样「渲染一排行 → 接一个搜索框」不用再写接线代码。
+ * 高亮**不靠色块**：`<mark>` 是语义标签，视觉走「下划线 ＋ 加粗」（形与字重两样）。
+ */
+import { SEARCH_HIT_ATTR, SEARCH_ITEM_ATTR, SEARCH_REGION_ATTR, SEARCH_TAGS_ATTR } from '../search-field/index.js';
+/** 本件的类名根。 */
+export const RESULT_ROOT_CLASS = 'ilife-block-result-row';
+/** 形态闭集。 */
+export const RESULT_FORMS = ['A'];
+/** 根：值＝机器键（可选）。给了就同时当搜索框的结果区键（`data-ilife-search-region`）。 */
+export const RESULT_NAME_ATTR = 'data-ilife-result';
+export const RESULT_FORM_ATTR = 'data-ilife-result-form';
+/** 一条结果（本件自己的锚；`search-field` 用 `data-ilife-search-item` 找同一批元素）。 */
+export const RESULT_ITEM_ATTR = 'data-ilife-result-item';
+export const RESULT_EMPTY_ATTR = 'data-ilife-result-empty';
+/** 与 `search-field` 共用的三个名字（转出即契约，别处不许再抄一份字面量）。 */
+export const RESULT_SEARCH_ITEM_ATTR = SEARCH_ITEM_ATTR;
+export const RESULT_SEARCH_TAGS_ATTR = SEARCH_TAGS_ATTR;
+export const RESULT_SEARCH_HIT_ATTR = SEARCH_HIT_ATTR;
+export const RESULT_SEARCH_REGION_ATTR = SEARCH_REGION_ATTR;
+export const RESULT_DEFAULTS = Object.freeze({
+    /** 缺值写法（工艺书：缺值写成 `—`）。 */
+    unset: '—',
+    emptyText: '没有结果',
+});

package/dist/components/result-row/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/result-row/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,cAAc;AACd,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC;AAE1D,YAAY;AACZ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,CAAU,CAAC;AAG3C,8DAA8D;AAC9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,qEAAqE;AACrE,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE3D,mDAAmD;AACnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AACxD,MAAM,CAAC,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AACxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,eAAe,CAAC;AACtD,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3C,0BAA0B;IAC1B,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,MAAM;CACT,CAAC,CAAC"}

package/dist/components/result-row/index.d.ts

@@ -0,0 +1,29 @@
+/** resultRow · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 结果行（形态 A：单行，值在右）——
+ *
+ *  一句话：**一条结果一行**——左边一颗缩略格，中间标题（命中词用 `<mark>` 标出来）＋ 副语，
+ *  右边是这一条的读数（金额／评分／天数）。**它自己不带运行时**：它是显示件，交互归 `search-field`。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 搜索／筛选的**结果清单**，每条要有「一眼能扫的读数」→ 用它；
+ *   · 一行只有「标签 →点线→ 值」的文字账目 → 用 `ledger-rows`；
+ *   · 一条记录一行但列更多（时间／类别／名称／数量／值＋备注）→ 用 `entry-rows`；
+ *   · 要「按词找这一批」→ 把 `search-field` 的 `target` 对上本件的 `name`（同一次渲染就把接线做掉）。
+ *
+ *  与 `search-field` 的接线（本件**自动**做掉两段）：
+ *   · 给了 `name` → 根上同时落 `data-ilife-result` 与 `data-ilife-search-region="<name>"`；
+ *   · 每条结果落 `data-ilife-search-item`（可被搜）＋ `data-ilife-search-tags`（范围分档按它对号）；
+ *   · 命中词用 `<mark data-ilife-search-hit>`——页面上没有搜索框时它是渲染期的静态高亮，
+ *     挂了搜索框之后会被运行时的真高亮重算（这是有意的：高亮要说的是「用户刚打的词在哪」）。
+ *
+ *  两件出口：
+ *   · `renderResultRow(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `resultRowCss()` —— 该组件的样式段（住 `.<prefix>page-ui` 之下）。
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { RESULT_DEFAULTS, RESULT_EMPTY_ATTR, RESULT_FORM_ATTR, RESULT_FORMS, RESULT_ITEM_ATTR, RESULT_NAME_ATTR, RESULT_ROOT_CLASS, RESULT_SEARCH_HIT_ATTR, RESULT_SEARCH_ITEM_ATTR, RESULT_SEARCH_REGION_ATTR, RESULT_SEARCH_TAGS_ATTR, } from './attrs.js';
+export type { ResultRowForm, ResultRowInput, ResultRowItemInput } from './attrs.js';
+export { markTerms, renderResultRow } from './render.js';
+export { resultRowCss, RESULT_MAX_WIDTH_PX, RESULT_ROW_MIN_PX, RESULT_THUMB_PX, RESULT_TOUCH_MIN_PX, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/result-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/result-row/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EACL,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,EACpF,gBAAgB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EACpF,yBAAyB,EAAE,uBAAuB,GACnD,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EACL,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,GAC3F,MAAM,YAAY,CAAC"}

package/dist/components/result-row/index.js

@@ -0,0 +1,27 @@
+/** resultRow · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 结果行（形态 A：单行，值在右）——
+ *
+ *  一句话：**一条结果一行**——左边一颗缩略格，中间标题（命中词用 `<mark>` 标出来）＋ 副语，
+ *  右边是这一条的读数（金额／评分／天数）。**它自己不带运行时**：它是显示件，交互归 `search-field`。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 搜索／筛选的**结果清单**，每条要有「一眼能扫的读数」→ 用它；
+ *   · 一行只有「标签 →点线→ 值」的文字账目 → 用 `ledger-rows`；
+ *   · 一条记录一行但列更多（时间／类别／名称／数量／值＋备注）→ 用 `entry-rows`；
+ *   · 要「按词找这一批」→ 把 `search-field` 的 `target` 对上本件的 `name`（同一次渲染就把接线做掉）。
+ *
+ *  与 `search-field` 的接线（本件**自动**做掉两段）：
+ *   · 给了 `name` → 根上同时落 `data-ilife-result` 与 `data-ilife-search-region="<name>"`；
+ *   · 每条结果落 `data-ilife-search-item`（可被搜）＋ `data-ilife-search-tags`（范围分档按它对号）；
+ *   · 命中词用 `<mark data-ilife-search-hit>`——页面上没有搜索框时它是渲染期的静态高亮，
+ *     挂了搜索框之后会被运行时的真高亮重算（这是有意的：高亮要说的是「用户刚打的词在哪」）。
+ *
+ *  两件出口：
+ *   · `renderResultRow(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `resultRowCss()` —— 该组件的样式段（住 `.<prefix>page-ui` 之下）。
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { RESULT_DEFAULTS, RESULT_EMPTY_ATTR, RESULT_FORM_ATTR, RESULT_FORMS, RESULT_ITEM_ATTR, RESULT_NAME_ATTR, RESULT_ROOT_CLASS, RESULT_SEARCH_HIT_ATTR, RESULT_SEARCH_ITEM_ATTR, RESULT_SEARCH_REGION_ATTR, RESULT_SEARCH_TAGS_ATTR, } from './attrs.js';
+export { markTerms, renderResultRow } from './render.js';
+export { resultRowCss, RESULT_MAX_WIDTH_PX, RESULT_ROW_MIN_PX, RESULT_THUMB_PX, RESULT_TOUCH_MIN_PX, } from './style.js';

package/dist/components/result-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/result-row/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EACL,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,EACpF,gBAAgB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EACpF,yBAAyB,EAAE,uBAAuB,GACnD,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EACL,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,GAC3F,MAAM,YAAY,CAAC"}

package/dist/components/result-row/model.d.ts

@@ -0,0 +1,22 @@
+import type { ResultRowForm } from './attrs.js';
+export interface ResultItem {
+    readonly title: string;
+    readonly highlights: readonly string[];
+    readonly subtitle: string | undefined;
+    readonly tags: readonly string[];
+    readonly value: string | undefined;
+    readonly valueLabel: string | undefined;
+    readonly thumb: string | undefined;
+    readonly extraClass: string | undefined;
+}
+export interface ResultRowModel {
+    readonly form: ResultRowForm;
+    readonly name: string | undefined;
+    readonly label: string | undefined;
+    readonly items: readonly ResultItem[];
+    readonly emptyText: string;
+    readonly extraClass: string | undefined;
+}
+/** 归一 ＋ 校验。 */
+export declare function normalizeResultRow(raw: unknown): ResultRowModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/result-row/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/result-row/model.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAsB,MAAM,YAAY,CAAC;AAEpE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAgCD,eAAe;AACf,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,cAAc,CAgB/D"}

package/dist/components/result-row/model.js

@@ -0,0 +1,53 @@
+/** resultRow · **入参归一化与校验**（非法入参一律 `bad-input`，不静默降级）。 */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { RESULT_DEFAULTS, RESULT_FORMS } from './attrs.js';
+/** 字符串数组（逐项非空串；空数组＝没给）。 */
+function textList(raw, field) {
+    if (raw === undefined)
+        return [];
+    if (!Array.isArray(raw))
+        badInput(field + ' 必须是数组');
+    const out = [];
+    for (const v of raw) {
+        if (typeof v !== 'string' || v === '')
+            badInput(field + ' 的每一项必须是非空字符串');
+        out.push(v);
+    }
+    return out;
+}
+function normalizeItem(raw, at) {
+    assertPlainObject(raw, 'renderResultRow: items[' + at + ']');
+    const o = raw;
+    const title = reqText(o.title, 'renderResultRow: items[' + at + '].title');
+    const thumb = optText(o.thumb, 'renderResultRow: items[' + at + '].thumb');
+    const value = optText(o.value, 'renderResultRow: items[' + at + '].value');
+    return Object.freeze({
+        title,
+        highlights: Object.freeze(textList(o.highlights, 'renderResultRow: items[' + at + '].highlights')),
+        subtitle: optText(o.subtitle, 'renderResultRow: items[' + at + '].subtitle'),
+        tags: Object.freeze(textList(o.tags, 'renderResultRow: items[' + at + '].tags')),
+        value,
+        valueLabel: optText(o.valueLabel, 'renderResultRow: items[' + at + '].valueLabel'),
+        thumb,
+        extraClass: optExtraClass(o.extraClass, 'renderResultRow: items[' + at + '].extraClass'),
+    });
+}
+/** 归一 ＋ 校验。 */
+export function normalizeResultRow(raw) {
+    assertPlainObject(raw, 'renderResultRow: input');
+    const input = raw;
+    if (input.form !== undefined && !RESULT_FORMS.includes(String(input.form))) {
+        badInput('renderResultRow: 形态闭集只有 ' + RESULT_FORMS.join('／') + '：' + String(input.form));
+    }
+    if (!Array.isArray(input.items))
+        badInput('renderResultRow: input.items 必须是数组（可以是空数组）');
+    const items = input.items.map((it, i) => normalizeItem(it, i));
+    return Object.freeze({
+        form: 'A',
+        name: optText(input.name, 'renderResultRow: input.name'),
+        label: optText(input.label, 'renderResultRow: input.label'),
+        items: Object.freeze(items),
+        emptyText: optText(input.emptyText, 'renderResultRow: input.emptyText') ?? RESULT_DEFAULTS.emptyText,
+        extraClass: optExtraClass(input.extraClass, 'renderResultRow: input.extraClass'),
+    });
+}

package/dist/components/result-row/model.js.map

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

package/dist/components/result-row/render.d.ts

@@ -0,0 +1,5 @@
+/** 在原文里把命中词标出来（大小写不敏感；同一处只标一次；切出来的段各自转义）。 */
+export declare function markTerms(raw: string, terms: readonly string[]): string;
+/** 渲染一批结果行。入参不合规一律 `bad-input`（不静默降级）。 */
+export declare function renderResultRow(input: unknown): string;
+//# sourceMappingURL=render.d.ts.map