base-paint 0.3.13 → 0.3.15

package/dist/components/bulk-bar/runtime.d.ts

@@ -0,0 +1,3 @@
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export declare function buildBulkBarJs(): string;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/components/bulk-bar/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-bar/runtime.ts"],"names":[],"mappings":"AAwCA,6DAA6D;AAC7D,wBAAgB,cAAc,IAAI,MAAM,CA8GvC"}

package/dist/components/bulk-bar/runtime.js

@@ -0,0 +1,135 @@
+/** bulk-bar · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  与 `editable-value/runtime.ts`／`multi-checks/runtime.ts` 同一处分工：模块代码零 DOM；
+ *  DOM 只出现在本文件产出的**字符串**里。
+ *
+ *  行为契约（逐条对应判据）：
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `change` 与一枚 `click` 委派；重复注入只绑定一次
+ *     （文档根上的 `data-ilife-bulk-runtime`）。
+ *   · **一处刷新**（`refresh`）：已选条数、操作条的显隐、选中读数尾段，全部由**同一趟**算出来——
+ *     三处各算各的必然走散（原型那条：**选中 0 条 ⇒ 整条移出可点范围**，就是这里的 `hidden`）。
+ *   · **过期的读数不许留在屏上**：调用方给的尾段（如「合计 361.50」）是按**当时那份选择**算的；
+ *     选择一变它就假了 ⇒ 换成 `—`（缺值写成 `—`），并派发 `ilife:bulk-change` 请调用方按新选择重渲染。
+ *     勾回原样（每一行的勾选都与渲染时一致）⇒ 尾段复原。
+ *   · **预演先于动作**：点带预演的按钮**只展开确认面**（同时只开一块：开第二块时先收起别的）；
+ *     不带预演的直接派发 `ilife:bulk-action`。勾选一变，确认面自动收起（它是按旧选择算的）。
+ *   · **不写库**：「取消」只收起；「改这 N 条」把 `{ action, keys, value }` 派发出去就完事——
+ *     真正落库归页面／技能命令（本件不自动收起确认面：页面按事件重渲染，或给那一枚动作标 `busy`）。
+ *   · **无脚本降级**：这段不跑时，勾选照常（原生复选）、条按渲染时那份选择显隐，只是不派发事件。
+ *   · **不依赖 `transitionend`**：所有状态切换都是属性／文本的同步改写。
+ */
+import { BULK_BAR_ACTION_ATTR, BULK_BAR_BOUND_ATTR, BULK_BAR_BUSY_ATTR, BULK_BAR_CANCEL_ATTR, BULK_BAR_EVENT_ACTION, BULK_BAR_EVENT_CHANGE, BULK_BAR_ITEM_ATTR, BULK_BAR_MISSING, BULK_BAR_NAME_ATTR, BULK_BAR_ON_ATTR, BULK_BAR_RECENT_ATTR, BULK_BAR_RUNTIME_ATTR, BULK_BAR_SUBMIT_ATTR, bulkBarSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export function buildBulkBarJs() {
+    const q = (s) => JSON.stringify(s);
+    /* **带点的类选择器**：漏了那个点，`querySelector("ilife-block-…")` 找的是**标签名**，永远查不到。 */
+    const CLS_BAR = q('.' + bulkBarSlot('bar'));
+    const CLS_NUM = q('.' + bulkBarSlot('num'));
+    const CLS_TAIL = q('.' + bulkBarSlot('tail'));
+    const CLS_CONFIRM = q('.' + bulkBarSlot('confirm'));
+    const CLS_INPUT = q('.' + bulkBarSlot('input'));
+    return '(function(){' + LF
+        + '  var ATTR_NAME=' + q(BULK_BAR_NAME_ATTR) + ', ATTR_ITEM=' + q(BULK_BAR_ITEM_ATTR) + ';' + LF
+        + '  var ATTR_ON=' + q(BULK_BAR_ON_ATTR) + ', ATTR_ACTION=' + q(BULK_BAR_ACTION_ATTR) + ';' + LF
+        + '  var ATTR_BUSY=' + q(BULK_BAR_BUSY_ATTR) + ', ATTR_CANCEL=' + q(BULK_BAR_CANCEL_ATTR) + ';' + LF
+        + '  var ATTR_SUBMIT=' + q(BULK_BAR_SUBMIT_ATTR) + ', ATTR_RECENT=' + q(BULK_BAR_RECENT_ATTR) + ';' + LF
+        + '  var ATTR_BOUND=' + q(BULK_BAR_BOUND_ATTR) + ', ATTR_RUNTIME=' + q(BULK_BAR_RUNTIME_ATTR) + ';' + LF
+        + '  var EV_CHANGE=' + q(BULK_BAR_EVENT_CHANGE) + ', EV_ACTION=' + q(BULK_BAR_EVENT_ACTION) + ';' + LF
+        + '  var MISSING=' + q(BULK_BAR_MISSING) + ', SEL_BAR=' + CLS_BAR + ', SEL_NUM=' + CLS_NUM + ';' + LF
+        + '  var SEL_TAIL=' + CLS_TAIL + ', SEL_CONFIRM=' + CLS_CONFIRM + ', SEL_INPUT=' + CLS_INPUT + ';' + 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 rowsOf(root){ return root.querySelectorAll("input[type=checkbox]["+ATTR_ITEM+"]"); }' + LF
+        + '  function panelOf(btn){' + LF
+        + '    var id=btn.getAttribute("aria-controls"); if (!id) return null;' + LF
+        + '    var root=rootOf(btn); return root ? root.querySelector("[id=\\""+id+"\\"]") : null;' + LF
+        + '  }' + LF
+        /* 一处算清：已选数、条的显隐、尾段过没过期。 */
+        + '  function refresh(root){' + LF
+        + '    var bar=root.querySelector(SEL_BAR); if (!bar) return null;' + LF
+        + '    var rows=rowsOf(root), total=rows.length, count=0, keys=[], same=true, i;' + LF
+        + '    for (i=0;i<total;i+=1){' + LF
+        + '      if (rows[i].checked){ count+=1; keys.push(rows[i].getAttribute(ATTR_ITEM)); }' + LF
+        + '      if (rows[i].checked !== rows[i].hasAttribute(ATTR_ON)) same=false;' + LF
+        + '    }' + LF
+        + '    var numEl=bar.querySelector(SEL_NUM); if (numEl) numEl.textContent=String(count);' + LF
+        + '    var tailEl=bar.querySelector(SEL_TAIL);' + LF
+        + '    if (tailEl){' + LF
+        + '      if (tailEl.getAttribute("data-ilife-bulk-tail")===null){' + LF
+        + '        tailEl.setAttribute("data-ilife-bulk-tail", tailEl.textContent);' + LF
+        + '      }' + LF
+        + '      tailEl.textContent = same ? tailEl.getAttribute("data-ilife-bulk-tail") : MISSING;' + LF
+        + '    }' + LF
+        + '    if (count===0) bar.setAttribute("hidden",""); else bar.removeAttribute("hidden");' + LF
+        + '    return {count:count, keys:keys};' + LF
+        + '  }' + LF
+        + '  function collapse(root){' + LF
+        + '    var panels=root.querySelectorAll(SEL_CONFIRM), acts=root.querySelectorAll("["+ATTR_ACTION+"]"), i;' + LF
+        + '    for (i=0;i<panels.length;i+=1) panels[i].setAttribute("hidden","");' + LF
+        + '    for (i=0;i<acts.length;i+=1) acts[i].setAttribute("aria-expanded","false");' + LF
+        + '  }' + LF
+        + '  function openOf(root, btn){' + LF
+        + '    var panel=panelOf(btn); if (!panel) return;' + LF
+        + '    var wasOpen = !panel.hasAttribute("hidden");' + LF
+        + '    collapse(root);' + LF
+        + '    if (wasOpen) return;' + LF
+        + '    panel.removeAttribute("hidden");' + LF
+        + '    btn.setAttribute("aria-expanded","true");' + LF
+        + '  }' + LF
+        + '  function fire(root, name, detail){' + LF
+        + '    detail.name=root.getAttribute(ATTR_NAME);' + LF
+        + '    root.dispatchEvent(new CustomEvent(name,{bubbles:true,detail:detail}));' + LF
+        + '  }' + LF
+        + '  doc.addEventListener("change", function(e){' + LF
+        + '    var t=e.target;' + LF
+        + '    if (!t || t.type!=="checkbox" || !t.hasAttribute(ATTR_ITEM)) return;' + LF
+        + '    var root=rootOf(t); if (!root) return;' + LF
+        /* 选择变了 ⇒ 展开着的确认面是按旧选择算的，当场收起（不留一份过期的预演）。 */
+        + '    collapse(root);' + LF
+        + '    var info=refresh(root); if (!info) return;' + LF
+        + '    fire(root, EV_CHANGE, {keys:info.keys, count:info.count});' + LF
+        + '  });' + LF
+        + '  doc.addEventListener("click", function(e){' + LF
+        + '    var t=e.target; if (!t || !t.closest) return;' + LF
+        + '    var root=rootOf(t); if (!root) return;' + LF
+        + '    var btn=t.closest("["+ATTR_CANCEL+"]");' + LF
+        + '    if (btn){' + LF
+        /* 收起后把焦点还给按它的那一枚动作（否则焦点掉在 `hidden` 的元素上，读屏读不到东西）。 */
+        + '      var open=root.querySelector("["+ATTR_ACTION+"][aria-expanded=true]");' + LF
+        + '      collapse(root);' + LF
+        + '      if (open) open.focus();' + LF
+        + '      e.preventDefault(); return;' + LF
+        + '    }' + LF
+        + '    btn=t.closest("["+ATTR_SUBMIT+"]");' + LF
+        + '    if (btn){' + LF
+        + '      if (btn.disabled) return;' + LF
+        + '      var panel=btn.closest(SEL_CONFIRM);' + LF
+        + '      var input=panel ? panel.querySelector(SEL_INPUT) : null;' + LF
+        + '      var info=refresh(root);' + LF
+        + '      fire(root, EV_ACTION, {action:btn.getAttribute(ATTR_SUBMIT), keys:info?info.keys:[],'
+        + ' value:input ? String(input.value) : null});' + LF
+        + '      return;' + LF
+        + '    }' + LF
+        + '    btn=t.closest("["+ATTR_RECENT+"]");' + LF
+        + '    if (btn){' + LF
+        + '      var p2=btn.closest(SEL_CONFIRM);' + LF
+        + '      var input2=p2 ? p2.querySelector(SEL_INPUT) : null;' + LF
+        + '      if (input2){ input2.value=btn.getAttribute(ATTR_RECENT); input2.focus(); }' + LF
+        + '      e.preventDefault(); return;' + LF
+        + '    }' + LF
+        + '    btn=t.closest("["+ATTR_ACTION+"]");' + LF
+        + '    if (!btn || btn.disabled || btn.getAttribute(ATTR_BUSY)==="1") return;' + LF
+        + '    var p3=panelOf(btn);' + LF
+        + '    if (p3){ openOf(root, btn); return; }' + LF
+        + '    var info3=refresh(root);' + LF
+        + '    fire(root, EV_ACTION, {action:btn.getAttribute(ATTR_ACTION), keys:info3?info3.keys:[], value:null});' + LF
+        + '  });' + LF
+        /* init 那一趟：打绑定标记 ＋ 把已选数与条的显隐按真实勾选对齐（SSR 面与机器面收敛到一处）。 */
+        + '  var all=doc.querySelectorAll("["+ATTR_NAME+"]");' + LF
+        + '  for (var k=0;k<all.length;k+=1){ all[k].setAttribute(ATTR_BOUND,"1"); refresh(all[k]); }' + LF
+        + '}());';
+}

package/dist/components/bulk-bar/runtime.js.map

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

package/dist/components/bulk-bar/style-column.d.ts

@@ -0,0 +1,5 @@
+/** 条目列那一段样式。恒返回非空 CSS 文本。 */
+export declare function bulkBarColumnCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style-column.d.ts.map

package/dist/components/bulk-bar/style-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-column.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-bar/style-column.ts"],"names":[],"mappings":"AAgBA,6BAA6B;AAC7B,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAgL7E"}

package/dist/components/bulk-bar/style-column.js

@@ -0,0 +1,191 @@
+/** bulk-bar · **条目那一列的样式**（由 `style.ts` 的 `bulkBarCss()` 汇总；搬走的是行数，不是取值）。
+ *
+ *  为什么在这里：本件的样式段本来一件事——「上面一列可勾的条目 ＋ 底下一条浮出来的操作条」——
+ *  写到一起会顶破本包的告警线（350 行）。按**改动的批次**分家：条目列（怎么排一行、勾选框长什么样、
+ *  读数怎么摆）与操作条／确认面（浮出、状态矩阵、会改哪几条）是两批会各自改动的东西。
+ *
+ *  四条纪律与 `style.ts` 同一份：只经 `skinVar()` 读皮肤；全部规则 scope 在 `.<prefix>page-ui` 之下；
+ *  不写 `:root`／`!important`／不新增 token 名；**宽度只许容器判**（窄档走 `@container`，本文件不写宽度媒体查询）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { bulkBarSlot } from './attrs.js';
+import { BULK_BAR_BOX_PX, BULK_BAR_MIN_TARGET_PX, BULK_BAR_ROW_MIN_HEIGHT_PX } from './style-sizes.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 条目列那一段样式。恒返回非空 CSS 文本。 */
+export function bulkBarColumnCss(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-bulk-bar';
+    /** **槽类名**（不带 scope）：只用在已经落进本件某条选择器内部的位置。 */
+    const c = (slot) => '.' + bulkBarSlot(slot, p);
+    /** **带 scope 的完整选择器**：点只许由 `c()` 出（漏点＝「找一个叫 `<件>-<槽>` 的元素」的死规则）。 */
+    const s = (slot) => root + ' ' + c(slot);
+    return [
+        '/* bulk-bar（批量操作条 · 形态 A「选中后浮出来的操作条（底部）」）：条目列 ＋ 选中 ≥1 条时浮出的操作条。',
+        '   层次不靠阴影与大圆角：靠发丝线、底色块与字重差 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度排。 */
+        '  container-type: inline-size;',
+        '  box-sizing: border-box;',
+        '  display: grid;',
+        /* 单列 grid **一律写死 `minmax(0, 1fr)`**：不写的话隐式 `auto` 轨会被最长的一段文字顶宽，
+           整个件被自己的内容撑出容器（真机上就是横向溢出）。 */
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        /* 宿主页不保证是 `border-box`（真页面默认 content-box）：在本件**自己的子树里**钉死，
+           否则「输入框 `width:100%` ＋ 1px 边框」这类组合会比容器宽出边框那两像素。 */
+        box + ' * {',
+        '  box-sizing: inherit;',
+        '}',
+        s('host') + ' {',
+        /* **不写 `overflow:hidden`**：写了的那个盒子会成为 `sticky` 的滚动容器，条就再也粘不到视口底部。 */
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '}',
+        '/* 条目那一列：纸面 ＋ 发丝线（圆角靠这一层裁一次，行的高亮才不出角）。 */',
+        s('list') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  min-width: 0;',
+        '  background: ' + skinVar('surface') + ';',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  overflow: hidden;',
+        '}',
+        '/* 一行：勾选框（命中盒 44×44）‖ 主字与副语 ‖ 右端读数。**整行是 `<label>`＝命中区**。',
+        '   三块走 flex ＋ `flex-wrap`：读数按内容宽排（`flex:0 1 auto`），但**最多占 45%**',
+        '   （`max-width`）——不设这个上限的话，一串超长读数会把主字挤成一列孤字；',
+        '   反过来主字也不设上限，位置不够时两块各让一步、各自折行（永不 `…` 截断）。 */',
+        s('row') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 4px 10px;',
+        '  min-height: ' + String(BULK_BAR_ROW_MIN_HEIGHT_PX) + 'px;',
+        '  min-width: 0;',
+        '  padding: 4px 12px 4px 2px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  cursor: pointer;',
+        '}',
+        s('row') + ':first-child {',
+        '  border-top: 0;',
+        '}',
+        '/* 整行选中（四档口径里的「整行／整块选中」）：底 `surface-2` ＋ 左端 2px 强调侧标；行内主字仍 `ink`。 */',
+        s('row') + '.is-on {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  box-shadow: inset 2px 0 0 ' + skinVar('accent') + ';',
+        '}',
+        '/* 勾不动的那一行：光标给出来，原因由 `-why` 那行字写着（不只染色）。 */',
+        s('row') + '.is-off {',
+        '  cursor: not-allowed;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        s('check') + ' {',
+        '  position: relative;',
+        '  flex: none;',
+        '  display: grid;',
+        '  place-items: center;',
+        '  width: ' + String(BULK_BAR_MIN_TARGET_PX) + 'px;',
+        '  height: ' + String(BULK_BAR_MIN_TARGET_PX) + 'px;',
+        '}',
+        '/* 原生框铺满 44×44 命中盒：视觉隐藏走 `opacity:0`，**不是** `display:none`',
+        '   （那会把键盘可达性一并干掉；`:focus-visible` 的环改画在旁边那枚视觉盒上）。 */',
+        s('check') + ' input {',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  width: 100%;',
+        '  height: 100%;',
+        '  margin: 0;',
+        '  opacity: 0;',
+        '  cursor: pointer;',
+        '}',
+        s('check') + ' input:disabled {',
+        '  cursor: not-allowed;',
+        '}',
+        s('box') + ' {',
+        '  display: grid;',
+        '  place-items: center;',
+        '  width: ' + String(BULK_BAR_BOX_PX) + 'px;',
+        '  height: ' + String(BULK_BAR_BOX_PX) + 'px;',
+        '  border: 2px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        '/* 勾上（无文字的格那一档）：`accent` 实底 ＋ 一枚对钩（勾＝图形，才许放实底上）。 */',
+        s('check') + ' input:checked + ' + c('box') + ' {',
+        '  background: ' + skinVar('accent') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '}',
+        s('check') + ' input:checked + ' + c('box') + '::after {',
+        '  content: "✓";',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '  font-size: 15px;',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '}',
+        s('check') + ' input:focus-visible + ' + c('box') + ' {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        s('text') + ' {',
+        /* 主字那一块**可以长到把整行占满**（可缩）：读数被挤时它会先让位。 */
+        '  flex: 1 1 auto;',
+        '  display: block;',
+        '  min-width: 0;',
+        '}',
+        s('name') + ' {',
+        '  display: block;',
+        '  color: inherit;',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' {',
+        '  display: block;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-style: normal;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('why') + ' {',
+        '  display: block;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-style: normal;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 行右端的读数（金额／条数）：等宽数字、**永不 `…` 截断**（位置不够就折行）。',
+        '   宽到最多 45% —— 上限不是为了省地方，是为了**别把主字挤成一列孤字**。 */',
+        s('reading') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  max-width: 45%;',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  font-weight: 700;',
+        '  text-align: right;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('empty') + ' {',
+        '  margin: 0;',
+        '  padding: 18px 14px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+    ].join(LF);
+}

package/dist/components/bulk-bar/style-column.js.map

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

package/dist/components/bulk-bar/style-confirm.d.ts

@@ -0,0 +1,5 @@
+/** 确认面那一段样式。恒返回非空 CSS 文本。 */
+export declare function bulkBarConfirmCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style-confirm.d.ts.map

package/dist/components/bulk-bar/style-confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-confirm.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-bar/style-confirm.ts"],"names":[],"mappings":"AAuBA,6BAA6B;AAC7B,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAsN9E"}

package/dist/components/bulk-bar/style-confirm.js

@@ -0,0 +1,236 @@
+/** bulk-bar · **就地确认面那一段样式**（由 `style.ts` 的 `bulkBarCss()` 汇总；搬走的是行数，不是取值）。
+ *
+ *  为什么在这里：B 档「抽屉式批量编辑」不落，但**「改之前能看见会改哪几条」这一层信息必须留住**——
+ *  它落在 A 档的**条内就地确认面**上（原型的 `.c-bulk-edit` 那张卡的配方：头 ／ 改成什么 ／ 逐条预演 ／ 页脚）。
+ *  它不是浮层、不是抽屉：跟着操作条一起在流内粘在底部，窄档铺满、逐条折行。
+ *
+ *  三条硬口径（判据断）：
+ *   · **形 ＋ 字 ＋ 色**三样都在：「会改」＝`✓`（形）＋ 右端那两个字（字）＋ 底色；跳过的同理（`⊘`／`跳过`）；
+ *   · **触控地板**：输入框与胶囊 ≥44px 高，相邻间距 8px，预演一行 ≥44px；
+ *   · **不截断**：长值／长说明一律 `overflow-wrap:anywhere` 折行，任何一处都没有省略号。
+ *
+ *  窄档阈值**只读 `style-sizes.ts`**（铁律二：概念只有一处；本文件先前自己又写了一份 `560`，
+ *  两边各改一次必然走散）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { bulkBarSlot } from './attrs.js';
+import { BULK_BAR_NARROW_PX } from './style-sizes.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 预演行左端那枚记号的列宽（px）。 */
+const MARK_COL_PX = 20;
+/** 确认面那一段样式。恒返回非空 CSS 文本。 */
+export function bulkBarConfirmCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const c = (slot) => '.' + bulkBarSlot(slot, p);
+    /** 带 scope 的完整选择器（点只许由 `c()` 出：漏点会拼成「找一个叫 `<件>-<槽>` 的元素」的死规则）。 */
+    const s = (slot) => root + ' ' + c(slot);
+    return [
+        '/* ── 就地确认面（改之前先看见会改哪几条）───────────────────────────── */',
+        s('confirm') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  min-width: 0;',
+        '  margin-top: 8px;',
+        '  background: ' + skinVar('surface') + ';',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  overflow: hidden;',
+        '}',
+        '/* 同上：`display:grid` 会压过 UA 的 `[hidden]{display:none}` ⇒ 显式重写。 */',
+        s('confirm') + '[hidden] {',
+        '  display: none;',
+        '}',
+        s('chead') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  min-width: 0;',
+        '  padding: 10px 12px;',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('ctitle') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('ccap') + ' {',
+        '  margin-left: auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('cbody') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  padding: 12px;',
+        '}',
+        '/* 「改成」那一格：标签 ＋ 输入框并成一块命中区（点标签也能把光标送进框里）。 */',
+        s('value') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 4px;',
+        '  min-width: 0;',
+        '}',
+        s('vlabel') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('input') + ' {',
+        '  width: 100%;',
+        '  min-height: 44px;',
+        '  min-width: 0;',
+        '  padding: 0 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('ground') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '}',
+        s('recent') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '}',
+        s('rlabel') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 「最近用过」那几枚胶囊：点它＝把它的字填进输入框（比让人重新敲一遍快）。 */',
+        s('chip') + ' {',
+        '  min-width: 44px;',
+        '  min-height: 44px;',
+        '  max-width: 100%;',
+        '  padding: 6px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms linear;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + s('chip') + ':hover {',
+        '    border-color: ' + skinVar('accent') + ';',
+        '    color: ' + skinVar('accent-text') + ';',
+        '  }',
+        '}',
+        s('chip') + ':active {',
+        '  transform: scale(.98);',
+        '}',
+        '/* ── 逐条预演：`✓ 会改` / `⊘ 跳过` ＋ 旧值删除线 ＋ 右端那两个字 ─────── */',
+        s('preview') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  min-width: 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('prow') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: ' + String(MARK_COL_PX) + 'px minmax(0, 1fr) auto;',
+        '  align-items: center;',
+        '  gap: 4px 10px;',
+        '  min-height: 44px;',
+        '  min-width: 0;',
+        '  margin: 0;',
+        '  padding: 6px 12px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '}',
+        s('prow') + ':first-child {',
+        '  border-top: 0;',
+        '}',
+        '/* 会改那一行：`ok` 是「达标／正常」那一档；跳过那一行整体压到弱字（它不是错误，**不借 danger**）。 */',
+        s('mark') + ' {',
+        '  color: ' + skinVar('ok') + ';',
+        '  font-weight: 700;',
+        '  text-align: center;',
+        '}',
+        s('prow') + '.is-skip {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        s('prow') + '.is-skip ' + c('mark') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        s('old') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  text-decoration: line-through;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('arrow') + ' {',
+        '  padding: 0 4px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        s('next') + ' {',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('pnote') + ' {',
+        '  padding-left: 6px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 右端那两个字是状态的**字**那一重（色只是第三重：换皮不靠色也读得出）。 */',
+        s('pstate') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-style: normal;',
+        '  font-weight: 600;',
+        '}',
+        '/* ── 页脚：结论句 ＋ 取消 ＋ 改这 N 条 ─────────────────────────────── */',
+        s('cfoot') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '  padding: 10px 12px;',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('sum') + ' {',
+        '  flex: 1 1 auto;',
+        '  min-width: 0;',
+        '  margin-right: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '@container (max-width: ' + String(BULK_BAR_NARROW_PX) + 'px) {',
+        '  /* 窄档：标题右端那句另起一行（挤在标题右边会把标题压成两三个字一列）。 */',
+        '  ' + s('ccap') + ' {',
+        '    margin-left: 0;',
+        '    flex: 1 1 100%;',
+        '  }',
+        '  /* 页脚两枚按钮铺满整行、等分（手指好按）。 */',
+        '  ' + s('cfoot') + ' > ' + c('act') + ' {',
+        '    flex: 1 1 auto;',
+        '  }',
+        '}',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('chip') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/bulk-bar/style-confirm.js.map

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