base-paint 0.3.14 → 0.3.16

package/dist/components/reminder-setter/style.js

@@ -0,0 +1,306 @@
+/** reminder-setter · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件自己声明容器，窄档走 `@container`；媒体查询只判设备能力
+ *     （悬停是不是增强、要不要减动效），**一条视口宽度查询都没有**；
+ *   · 时间与日期读数**永不截断**：样式段里没有 `text-overflow`／`line-clamp`／`nowrap`（窄档只换行）。
+ *
+ *  三条形上的口径（判据钉住，数字只写在 `attrs.ts` 一处）：
+ *   · 卡加一层 `shadow`（形态 `decisions` 那一档；`paper`／`broadsheet` 的取值本就是 `none`，
+ *     那两套的纸面有自己的边与纸纹，不该再浮一层）；
+ *   · **三个决定的隔线走发丝线**（`line` 那一档）：弱到 `line` 掺透明那一档在 `neutral` 下几乎看不见，
+ *     三块会摊成一片白纸；
+ *   · **单选那枚的勾选槽位是固定的** `REMINDER_SETTER_TICK_PX` 宽（未选也留）：勾上时不把档名顶歪，
+ *     一排胶囊的左右沿才齐平。
+ */
+import { skinVar } from '../skin/contract.js';
+import { REMINDER_SETTER_BOX_PX, REMINDER_SETTER_CONTAINER, REMINDER_SETTER_GAP_PX, REMINDER_SETTER_HOVER_QUERY, REMINDER_SETTER_LABEL_PX, REMINDER_SETTER_NARROW_PX, REMINDER_SETTER_TICK, REMINDER_SETTER_TICK_PX, REMINDER_SETTER_TOUCH_PX, reminderSetterSlot, } from './attrs.js';
+import { reminderSetterTrackCss } from './style-track.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function reminderSetterCss(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-reminder-setter';
+    /** **槽类名**（带点、不带 scope）：只许用在**同一条选择器的后半截**（如 `row + row` 的第二个 `row`）——
+     *  那时整条已经被前半截的 `.<prefix>page-ui` 罩住了，后半截再拼一遍 scope 就会拼出永不命中的死规则。
+     *  **逗号列表里的每一段不许用它**：那几段各是一条独立选择器，得各自带上 scope（见下一条）。
+     *  注意 `reminderSetterSlot()` 只产**类名本身**（没有那个点），点由这里补。 */
+    const sc = (slot) => '.' + reminderSetterSlot(slot, p);
+    /** **带 scope 的完整选择器**（一条规则打头用；逗号列表里每一段都用它）。
+     *
+     *  **选择器列表里每一段都走它**：`s('a') + ', ' + s('b')`。
+     *  逗号列表里那几段如果只写槽类名（不带 `.<prefix>page-ui` 那几个字），它们就是**没 scope 的**——
+     *  不开本配方的页也会命中（规则漏出去），而判据侧要求「每一条选择器都 scope 在 `.ilife-page-ui` 之下」。 */
+    const s = (slot) => root + ' ' + sc(slot);
+    const touch = String(REMINDER_SETTER_TOUCH_PX) + 'px';
+    const gap = String(REMINDER_SETTER_GAP_PX) + 'px';
+    const hover = '@media ' + REMINDER_SETTER_HOVER_QUERY;
+    return [
+        '/* reminder-setter（提醒设置 · 形态 decisions「一行一个决定」）：什么时候响 ／ 提前多久 ／ 走哪条通知，',
+        '   一行只做一个决定；日期与时间走两枚步进键夹一枚读数（手机上点得到，不用精确拖点）。',
+        '   屏上只有三层话：它是哪条提醒、三行的可点项、一行复述（旁白与口径句住在 README 里）。 */',
+        s('host') + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折。 */
+        '  container-type: inline-size;',
+        '  container-name: ' + REMINDER_SETTER_CONTAINER + ';',
+        '  display: block;',
+        '  min-width: 0;',
+        '  padding: 2px 14px 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        /* 「卡加一层 shadow」：这一档在这一套语言里是真投影；零投影那几套本来就取 none。 */
+        '  box-shadow: ' + skinVar('shadow') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 抬头：这一组设定在给哪条提醒设（它是什么）。长了换行，不截断。 */',
+        s('head') + ' {',
+        '  margin: 0;',
+        '  padding: 12px 0 2px;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 一行决定：宽档左标签右控件（标签列宽上限取常量）；窄档在下面折成上下两段。 */',
+        s('row') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, ' + String(REMINDER_SETTER_LABEL_PX) + 'px) minmax(0, 1fr);',
+        '  gap: ' + gap + ' 16px;',
+        '  padding: 12px 0 14px;',
+        '  min-width: 0;',
+        '}',
+        '/* **三个决定之间**那道隔线走发丝线（`line` 那一档）。',
+        '   写 `row + row`：这块卡上恰好两道线（头一条决定不划线，抬头与它是同一条的上下两半）。 */',
+        s('row') + ' + ' + sc('row') + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('label') + ' {',
+        '  grid-column: 1;',
+        '  margin: 0;',
+        '  align-self: start;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('ctl') + ' {',
+        '  grid-column: 2;',
+        '  display: grid;',
+        '  gap: ' + gap + ';',
+        '  min-width: 0;',
+        '}',
+        '/* 这两排是**同一个东西的两种形状**：单选是胶囊（`tray`／`chip`），多选是方框（`rack`／`check`）。 */',
+        s('tray') + ', ' + s('rack') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  gap: ' + gap + ';',
+        '  min-width: 0;',
+        '}',
+        '/* 单选的**一枚胶囊**：命中盒＝胶囊本身（≥触控地板）。',
+        '   档名长了换行（不截断），一行放不下就折到下一行。 */',
+        s('chip') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  gap: 6px;',
+        '  min-height: ' + touch + ';',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* **勾选槽位固定**（未选也留这么宽）：勾上时不把档名顶歪，一排胶囊的左右沿才齐平。 */',
+        s('chip') + '::before {',
+        '  content: "";',
+        '  display: inline-block;',
+        '  width: ' + String(REMINDER_SETTER_TICK_PX) + 'px;',
+        '  flex: 0 0 auto;',
+        '  text-align: center;',
+        '}',
+        '/* 选中的那一枚是「有文字的选中面」那一档：软底 ＋ 主色字 ＋ 主色描边（不是实心墨块）。 */',
+        s('chip') + '.is-on {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('chip') + '.is-on::before {',
+        '  content: "' + REMINDER_SETTER_TICK + '";',
+        '  color: ' + skinVar('accent') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 两个步进位并排（时间 ＋ 第一次从）；窄档各自占满一行。 */',
+        s('fields') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  gap: ' + gap + ' 16px;',
+        '  min-width: 0;',
+        '}',
+        s('field') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + gap + ';',
+        '  min-width: 0;',
+        '}',
+        '/* 步进位的名字走弱文字档（它是这一格的说明，要读得到但不抢读数）。 */',
+        s('flabel') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stepper') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  gap: ' + gap + ';',
+        '  min-width: 0;',
+        '}',
+        '/* 两枚步进键：44 见方（触控地板），是可点件里最小的一号。 */',
+        s('dec') + ', ' + s('inc') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  width: ' + touch + ';',
+        '  height: ' + touch + ';',
+        '  flex: none;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: 16px;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '}',
+        s('dec') + ':active, ' + s('inc') + ':active { transform: scale(.98); }',
+        '/* 中间那枚读数：**机器读数 `data-ilife-reminder-time／start` 的另一种摆法**，等宽数字、永不截断。 */',
+        s('num') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  min-height: ' + touch + ';',
+        '  padding: 0 2px;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 多选的**一枚方框**：形是方框＋方勾（这条可以多选），与单选的胶囊分得开。 */',
+        s('check') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  gap: ' + gap + ';',
+        '  min-height: ' + touch + ';',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('check') + '::before {',
+        '  content: "";',
+        '  width: ' + String(REMINDER_SETTER_BOX_PX) + 'px;',
+        '  height: ' + String(REMINDER_SETTER_BOX_PX) + 'px;',
+        '  flex: 0 0 auto;',
+        '  border: 2px solid ' + skinVar('line') + ';',
+        '  border-radius: 3px;',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('check') + '.is-on {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 勾上那枚方框走**主色实底**（框里只有一枚勾，没有正文级的小字——法条那一档正是为勾准备的）。 */',
+        s('check') + '.is-on::before {',
+        '  content: "' + REMINDER_SETTER_TICK + '";',
+        '  display: grid;',
+        '  place-items: center;',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '  font-size: 12px;',
+        '  font-weight: 700;',
+        '}',
+        '/* **全件唯一的读数行**：一行说完现在设的是多少（软底框把「设完是这样」框住）。 */',
+        s('read') + ' {',
+        '  margin: 12px 0 0;',
+        '  padding: 10px 12px;',
+        '  border: 1px solid ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 悬停只许是增强：沿加深一档（通路始终是点一下）。 */',
+        hover + ' {',
+        '  ' + s('chip') + ':hover, ' + s('check') + ':hover, ' + s('dec') + ':hover, ' + s('inc') + ':hover {',
+        '    border-color: ' + skinVar('accent') + ';',
+        '  }',
+        '}',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('chip') + ', ' + s('check') + ', ' + s('dec') + ', ' + s('inc') + ' {',
+        '    transition: none;',
+        '    transform: none;',
+        '  }',
+        '}',
+        '/* 窄容器（本件自己窄于常量那一个宽度）：左标签右控件折成上下两段——标签仍在控件上面，',
+        '   一行照样只做一个决定；胶囊两枚一行、方框与两个步进位各占满一行。 */',
+        '@container ' + REMINDER_SETTER_CONTAINER + ' (max-width: ' + String(REMINDER_SETTER_NARROW_PX) + 'px) {',
+        '  ' + s('row') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '  ' + s('label') + ', ' + s('ctl') + ' {',
+        '    grid-column: 1;',
+        '  }',
+        '  ' + s('chip') + ' {',
+        '    flex: 1 1 calc(50% - 4px);',
+        '    justify-content: center;',
+        '    padding: 0 10px;',
+        '  }',
+        '  ' + s('check') + ', ' + s('field') + ' {',
+        '    flex: 1 1 100%;',
+        '  }',
+        '  ' + s('check') + ' {',
+        '    justify-content: center;',
+        '  }',
+        '}',
+        /* 第二档（`track`）那一段住同目录 `style-track.ts`：两档加起来超告警线，按先例拆出去，
+           拼在这里返回——页面只认 `reminderSetterCss()` 这一个样式入口。 */
+        reminderSetterTrackCss(p),
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/reminder-setter/style.js.map

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

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,32 @@
+/** 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: '没有结果',
+});
+//# sourceMappingURL=attrs.js.map

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,28 @@
+/** 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';
+//# sourceMappingURL=index.js.map

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,54 @@
+/** 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'),
+    });
+}
+//# sourceMappingURL=model.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/result-row/render.ts"],"names":[],"mappings":"AAkBA,6CAA6C;AAC7C,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAsBvE;AA+BD,0CAA0C;AAC1C,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAmBtD"}