base-paint 0.3.14 → 0.3.16

package/dist/components/drag-sort/style.js

@@ -0,0 +1,304 @@
+/** drag-sort · **样式段**（本件唯一的样式来源；第二形态 `buttons` 那一段在 `style-forms.ts`，由这里汇总）。
+ *
+ *  纪律（与本层其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：根自己声明 `container`，右端读数的折行走 `@container`；媒体查询只判设备能力
+ *     （悬停是不是增强、要不要减动效），**一条视口宽度查询都没有**；
+ *   · 序号与名称**永不截断**：长了换行，样式段里没有 `text-overflow`／`line-clamp`／`nowrap`。
+ *
+ *  三样东西的画法（形 ＋ 字，不只靠颜色）：
+ *   · 拿起的行：往上挪 2px ＋ 1px 强调描边 ＋ 左侧 2px 主色侧标（「整行选中」那一档的法条口径）＋
+ *     次要面底；行内主字仍是墨色；
+ *   · 原位空槽：虚线框 ＋ 强调软底 ＋ 强调字（淡洗底上的字走文本档，对比地板 4.5 那一档）；
+ *   · 落点线：3px 实线**通栏**（左沿＝行左沿、右沿＝行右沿；杆不从右端短一截）＋ 右端一枚胶囊
+ *     **压在线上**写出放第几位（与原型 `.c-drag-line` 同形）。
+ *
+ *  **第二形态 `buttons`（按钮排序）那一段住 `style-forms.ts`**（同一份纪律、同一个前缀；搬走的是行数，
+ *  不是取值）：把手只有字形／选中行站起来／两半控件（上移｜下移）／贯穿行宽的虚线落点预告；
+ *  它整段排在这份文件的规则后面——**旧档那一段的字节与顺序一个都不动**。
+ */
+import { skinVar } from '../skin/contract.js';
+import { DRAG_SORT_CONTAINER, DRAG_SORT_GAP_PX, DRAG_SORT_HOVER_QUERY, DRAG_SORT_NARROW_PX, DRAG_SORT_ROW_MIN_PX, DRAG_SORT_TOUCH_PX, dragSortSlot, } from './attrs.js';
+import { dragSortFormsCss } from './style-forms.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function dragSortCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /** 带 scope 的完整选择器（一条规则打头用）。 */
+    const s = (slot) => root + ' ' + sc(slot);
+    /** **槽类名**（不带 scope）：写「某槽下的子件」时只许用它——把带 scope 的选择器再拼一次，
+     *  会拼出 `.…page-ui .A > .…page-ui .B` 这种**永不命中**的死规则。 */
+    function sc(slot) {
+        return '.' + dragSortSlot(slot, p);
+    }
+    const hover = '@media ' + DRAG_SORT_HOVER_QUERY;
+    return [
+        '/* drag-sort（拖拽排序清单 · 形态 lift「拖拽中」）：',
+        '   卡头 ＋ 行区（把手 ＋ 序号 ＋ 名称 ＋ 读数）＋ 状态句 ＋ 取消键；拿起态三样齐。 */',
+        root + ' ' + '.' + p + 'block-drag-sort {',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '  container: ' + DRAG_SORT_CONTAINER + ' / inline-size;',
+        '}',
+        '/* 卡头：标题 ＋ 右端那句拿法；一窄就整段折到下一行（不压字、不横滑）。 */',
+        s('hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 6px 10px;',
+        '  min-width: 0;',
+        '  padding: 2px;',
+        '}',
+        s('title') + ' {',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('hint') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 行区：行与行之间那道缝（相邻触控目标的让手位，8px）。 */',
+        s('list') + ' {',
+        '  display: grid;',
+        '  gap: ' + String(DRAG_SORT_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        '/* 一行：把手 ＋ 序号 ＋ 名称（吃剩余宽）＋ 右端读数 ＋ 位置读数；整段 wrap，不断字。 */',
+        s('row') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(DRAG_SORT_GAP_PX) + 'px 10px;',
+        '  min-height: ' + String(DRAG_SORT_ROW_MIN_PX) + 'px;',
+        '  min-width: 0;',
+        '  padding: 6px 10px 6px 6px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  transition: transform 80ms ease;',
+        '}',
+        '/* 拖起把手：44×44 的真按钮；`touch-action: none` 让触屏上的拖那条路收得到 pointermove。 */',
+        s('handle') + ' {',
+        '  flex: none;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  width: ' + String(DRAG_SORT_TOUCH_PX) + 'px;',
+        '  height: ' + String(DRAG_SORT_TOUCH_PX) + 'px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: 15px;',
+        '  letter-spacing: 1px;',
+        '  cursor: grab;',
+        '  touch-action: none;',
+        '  transition: transform 80ms ease;',
+        '}',
+        s('handle') + ':active { transform: scale(.98); }',
+        '/* 序号：那一位的数（等宽数字位；**永不截断**）。 */',
+        s('index') + ' {',
+        '  flex: none;',
+        '  min-width: 20px;',
+        '  text-align: center;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        s('text') + ' { min-width: 0; flex: 1 1 140px; overflow-wrap: anywhere; }',
+        '/* 名称：这一行的身份（**换行，不截断**）。 */',
+        s('name') + ' {',
+        '  display: block;',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' {',
+        '  display: block;',
+        '  font-style: normal;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.45;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 锁定原因：写在名称格那一位（语义档的字走 `danger`，不借强调色）。 */',
+        s('why') + ' {',
+        '  display: block;',
+        '  font-style: normal;',
+        '  color: ' + skinVar('danger') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.45;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('meta') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 位置读数：每一行都写第几位（**永不截断**；拿起态走强调档）。 */',
+        s('pos') + ' {',
+        '  flex: none;',
+        '  padding: 2px 8px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 拿起的那一行：自己站起来（往上挪 2px ＋ 强调描边 ＋ 左侧 2px 主色侧标 ＋ 次要面底）。',
+        '   行内主字仍是墨色；侧标 2px 是「整行选中」那一档的法条口径。 */',
+        s('row') + '.is-up {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  box-shadow: inset 2px 0 0 ' + skinVar('accent') + ';',
+        '  transform: translateY(-2px);',
+        '}',
+        s('row') + '.is-up > ' + sc('handle') + '[aria-pressed="true"] {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  cursor: grabbing;',
+        '}',
+        s('row') + '.is-up > ' + sc('pos') + ' {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        '/* 原位空槽：虚线框（形）＋ 写出哪一步空着（字）＋ 强调软底与强调字（色）。 */',
+        s('slot') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  min-height: ' + String(DRAG_SORT_TOUCH_PX) + 'px;',
+        '  padding: 0 10px;',
+        '  border: 1.5px dashed ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 落点粗线：3px 实线**通栏**（`i` 撑满行宽，左沿＝右沿＝行沿；形）＋ 右端胶囊压在线上（字）。',
+        '   标签自带不透底的软底，压在线上：杆从标签两边露出来，右沿不短半截（原型 `.c-drag-line` 同形）。 */',
+        s('drop') + ' {',
+        '  position: relative;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  min-height: 36px;',
+        '  padding: 2px 0;',
+        '}',
+        s('drop') + ' > i {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  left: 0;',
+        '  width: 100%;',
+        '  height: 3px;',
+        '  margin-top: -2px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('drop') + ' > b {',
+        '  position: relative;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  margin-left: auto;',
+        '  padding: 2px 10px;',
+        '  border: 1px solid ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 状态句：现在是 plain 还是 lifted 的真读数（`role="status"`，换态时屏读器会念）。 */',
+        s('status') + ' {',
+        '  display: block;',
+        '  margin: 0;',
+        '  padding: 0 2px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 取消键：拿起态才露出来（看得见、点得到；没拿起时 `hidden` 移出可点范围）。 */',
+        s('cancel') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  justify-self: start;',
+        '  min-height: ' + String(DRAG_SORT_TOUCH_PX) + 'px;',
+        '  padding: 0 16px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '}',
+        s('cancel') + '[hidden] { display: none; }',
+        s('cancel') + ':active { transform: scale(.98); }',
+        '/* 锁定那一行：把手点不动，而且**说得清为什么**（原因在名称格那一位）。 */',
+        s('row') + '.is-locked > ' + sc('handle') + ':disabled {',
+        '  cursor: not-allowed;',
+        '  background: none;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        '/* 无障碍地板：真实键盘用户的焦点必须看得见（焦点是**增强**，不是通路——每一行都点得到）。 */',
+        s('handle') + ':focus-visible, ' + s('cancel') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 悬停只是增强（而且只在真有指针的设备上），点得到不靠它。 */',
+        hover + ' {',
+        '  ' + s('handle') + ':hover { border-color: ' + skinVar('accent') + '; }',
+        '  ' + s('cancel') + ':hover { border-color: ' + skinVar('accent') + '; }',
+        '}',
+        '/* 减动效：拿起那一档的位移直接关掉（没有东西卡在半路——状态不靠 transitionend）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('row') + '.is-up { transform: none; }',
+        '  ' + s('handle') + ', ' + s('cancel') + ' { transition: none; }',
+        '}',
+        '/* 第二形态（`buttons` 按钮排序，`style-forms.ts`）：把手只有字形／选中行站起来／两半控件／',
+        '   贯穿行宽的虚线落点预告。**整段排在旧档规则后面**——同一份纪律、同一个前缀，',
+        '   顺序即层叠顺序：旧档那一段的字节与先后一个都不动。 */',
+        dragSortFormsCss({ prefix: p }),
+        '/* 窄档（**本件自己** < ' + String(DRAG_SORT_NARROW_PX) + 'px）：右端读数折到下一行，序号与名称不动。 */',
+        '@container ' + DRAG_SORT_CONTAINER + ' (max-width: ' + String(DRAG_SORT_NARROW_PX) + 'px) {',
+        '  ' + s('meta') + ' {',
+        '    flex: 1 1 100%;',
+        '    margin-left: 62px;',
+        '    text-align: left;',
+        '  }',
+        '  ' + s('hint') + ' { margin-left: 0; flex: 1 1 100%; }',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/drag-sort/style.js.map

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

package/dist/components/drawer-sheet/attrs.d.ts

@@ -0,0 +1,113 @@
+/** drawer-sheet · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-10-容器与浮层.mjs`，2026-09 用户裁定）
+ *  里的**形态 C「多选 ＋ 完成 N 项」**——抓手 ＋ 标题 ＋ 副语 ＋ 可滚的候选项清单 ＋
+ *  钉子一样的脚条（已选几个 ＋ 完成键）。用在哪：记账（选账户）／卡路里（选餐别、选食物）／
+ *  私家大厨（选份量）／备忘录（选分类）。
+ *
+ *  落地路线（与 `dialog` 同一条）：**真 `<dialog>` ＋ `showModal()`**——多选弹层自己搓焦点锁与 `Esc`
+ *  必漏（原型墙那页的注记就写着这句），原生 `<dialog>` 直接给全。`edge` 决定它贴底还是贴右侧，
+ *  **是形态参数不是媒体查询**（视口宽 ≠ 组件宽：同一个弹层可能被嵌进侧栏里）。
+ */
+/** 本件的类名根。 */
+export declare const DRAWER_CLASS = "ilife-block-drawer-sheet";
+/** 类名根（带前缀）。 */
+export declare function drawerClass(prefix?: string): string;
+/** 触发键的类名（与面板分开）。 */
+export declare function drawerOpenerClass(prefix?: string): string;
+/** 槽位闭集。 */
+export declare const DRAWER_SLOTS: readonly ["grab", "head", "headtext", "title", "sub", "close", "body", "opt", "box", "text", "note", "meta", "hint", "empty", "foot", "count", "countnote", "done"];
+export type DrawerSlot = (typeof DRAWER_SLOTS)[number];
+/** 槽类的类名（唯一拼法）。 */
+export declare function drawerSlot(slot: DrawerSlot, prefix?: string): string;
+/** 形态闭集：本件只落地形态 C「多选 ＋ 完成 N 项」。 */
+export declare const DRAWER_FORMS: readonly ["multi"];
+export type DrawerForm = (typeof DRAWER_FORMS)[number];
+/** 贴哪一边（**形态参数**：贴底＝底部弹层；贴右＝侧抽屉。同一份标记，两种骨架）。 */
+export declare const DRAWER_EDGES: readonly ["bottom", "side"];
+export type DrawerEdge = (typeof DRAWER_EDGES)[number];
+/** 关闭原因闭集（`ilife:drawer-close` 的 `detail.reason`）。 */
+export declare const DRAWER_CLOSE_REASONS: readonly ["done", "dismiss", "esc", "backdrop", "programmatic"];
+export type DrawerCloseReason = (typeof DRAWER_CLOSE_REASONS)[number];
+/** 面板的发现锚：值＝面板 `id`。 */
+export declare const DRAWER_ATTR = "data-ilife-drawer-sheet";
+/** 触发键：值＝它开的面板 `id`。 */
+export declare const DRAWER_OPEN_ATTR = "data-ilife-drawer-open";
+/** 候选项：值＝该项的机器值（提交时按它收）。 */
+export declare const DRAWER_OPT_ATTR = "data-ilife-drawer-opt";
+/** 完成键（值＝`1`）。 */
+export declare const DRAWER_DONE_ATTR = "data-ilife-drawer-done";
+/** 关闭键（值＝`1`）。 */
+export declare const DRAWER_CLOSE_ATTR = "data-ilife-drawer-close";
+/** 计数位：`<b>` 上的标记（运行时只改这一个数）。 */
+export declare const DRAWER_COUNT_ATTR = "data-ilife-drawer-count";
+/** 脚条那句话（`summary`）：一个都没勾时它被 `hidden` 收起。 */
+export declare const DRAWER_NOTE_ATTR = "data-ilife-drawer-note";
+/** 「一个都没勾」那句话：勾上以后它被 `hidden` 收起。 */
+export declare const DRAWER_ZERO_ATTR = "data-ilife-drawer-zero";
+/** 完成键上的模板（含 `{n}` 时，运行时就地换数；不含就一个字不动）。 */
+export declare const DRAWER_TEMPLATE_ATTR = "data-ilife-drawer-template";
+/** 绑定完成标记（幂等）。 */
+export declare const DRAWER_BOUND_ATTR = "data-ilife-drawer-bound";
+/** 事件名（冒泡 `CustomEvent`；`detail` 见 README 的「交互契约」）。 */
+export declare const DRAWER_EVENT_CHANGE = "ilife:drawer-change";
+export declare const DRAWER_EVENT_DONE = "ilife:drawer-done";
+export declare const DRAWER_EVENT_CLOSE = "ilife:drawer-close";
+/** 计数行与完成键的两句现成话（**模板里的 `{n}` 是唯一可变处**）。 */
+export declare const DRAWER_COUNT_LEAD = "\u5DF2\u9009";
+export declare const DRAWER_COUNT_UNIT = "\u4E2A";
+export declare const DRAWER_DONE_TEMPLATE = "\u5B8C\u6210 {n} \u9879";
+/** 一个都没勾时的那句话（替掉完成键的可用档，说明「为什么按不动」）。 */
+export declare const DRAWER_ZERO_NOTE = "\u4E00\u4E2A\u90FD\u6CA1\u52FE";
+/** 缺项一律写成它（全仓同一条地板：缺值写成 `—`，不写 0、不留空）。 */
+export declare const DRAWER_MISSING = "\u2014";
+/** 几何口径：候选项命中高度／键的命中下限／相邻命中区间距／面板宽上限／离容器边至少留多少。 */
+export declare const DRAWER_OPTION_MIN_HEIGHT_PX = 52;
+export declare const DRAWER_MIN_HEIGHT_PX = 44;
+export declare const DRAWER_GAP_PX = 8;
+export declare const DRAWER_MAX_WIDTH_PX = 520;
+export declare const DRAWER_SIDE_WIDTH_PX = 380;
+export declare const DRAWER_EDGE_PX = 16;
+/** 一枚候选项。 */
+export interface DrawerOption {
+    /** 机器值（提交时按它收）。非空串，面板内唯一。 */
+    readonly value: string;
+    /** 主文字（如「餐费」）。非空串；**许换行、不许 `…` 截断**。 */
+    readonly label: string;
+    /** 次文字（如「7 条里 3 条像餐费」）。 */
+    readonly note?: string;
+    /** 右端读数位（如 `¥86.00`）。`null`＝缺值（写成 `—`，与「0」区分）。 */
+    readonly meta?: string | null;
+    /** 开面板时就勾上。 */
+    readonly checked?: boolean;
+    /** 按不动的那一项（给不出理由的空档不许留 ⇒ 必须同时给 `note` 说明为什么）。 */
+    readonly disabled?: boolean;
+}
+/** 底部弹层入参（形态 C）。`id`／`title`／`options` 必填。 */
+export interface DrawerSheetInput {
+    /** 面板 `id`（也是触发键 `data-ilife-drawer-open` 的值）。同页唯一；只许标识符字符。 */
+    readonly id: string;
+    /** 标题（面板的 `aria-labelledby` 指它）。 */
+    readonly title: string;
+    /** 副语（如「可多选」）。 */
+    readonly sub?: string;
+    /** 候选项（顺序＝屏上顺序）。 **空数组＝设计过的空态**（出 `emptyLine`）。 */
+    readonly options: readonly DrawerOption[];
+    /** 一项都没有时那句话（不出空态也行——不给就用组件那句现成话）。 */
+    readonly emptyLine?: string;
+    /** 清单尾部说明行（如「勾几个都行；一条记录可以同时属于两个分类」）。 */
+    readonly hint?: string;
+    /** 脚条计数后的说明（如「覆盖 7 条记录」）。 */
+    readonly summary?: string;
+    /** 完成键的字模板（含 `{n}` 时就地换数）；缺省 `完成 {n} 项`。 */
+    readonly doneLabel?: string;
+    /** 贴哪一边，缺省 `bottom`（底部弹层）。 */
+    readonly edge?: DrawerEdge;
+    /** 形态键（闭集，缺省 `multi`）。 */
+    readonly form?: DrawerForm;
+    /** 渲染时就打开（非模态；静态样张／打印快照用）。 */
+    readonly open?: boolean;
+    /** 附加类名。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/drawer-sheet/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/drawer-sheet/attrs.ts"],"names":[],"mappings":"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"}

package/dist/components/drawer-sheet/attrs.js

@@ -0,0 +1,111 @@
+/** drawer-sheet · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-10-容器与浮层.mjs`，2026-09 用户裁定）
+ *  里的**形态 C「多选 ＋ 完成 N 项」**——抓手 ＋ 标题 ＋ 副语 ＋ 可滚的候选项清单 ＋
+ *  钉子一样的脚条（已选几个 ＋ 完成键）。用在哪：记账（选账户）／卡路里（选餐别、选食物）／
+ *  私家大厨（选份量）／备忘录（选分类）。
+ *
+ *  落地路线（与 `dialog` 同一条）：**真 `<dialog>` ＋ `showModal()`**——多选弹层自己搓焦点锁与 `Esc`
+ *  必漏（原型墙那页的注记就写着这句），原生 `<dialog>` 直接给全。`edge` 决定它贴底还是贴右侧，
+ *  **是形态参数不是媒体查询**（视口宽 ≠ 组件宽：同一个弹层可能被嵌进侧栏里）。
+ */
+/** 本件的类名根。 */
+export const DRAWER_CLASS = 'ilife-block-drawer-sheet';
+/** 类名根（带前缀）。 */
+export function drawerClass(prefix = 'ilife-') {
+    return prefix + 'block-drawer-sheet';
+}
+/** 触发键的类名（与面板分开）。 */
+export function drawerOpenerClass(prefix = 'ilife-') {
+    return drawerClass(prefix) + '-opener';
+}
+/** 槽位闭集。 */
+export const DRAWER_SLOTS = [
+    /** 抓手（纯装饰，`aria-hidden`；只有贴底档出）。 */
+    'grab',
+    /** 头部那一排（标题块 ＋ 关闭键）。 */
+    'head',
+    /** 头部文字块。 */
+    'headtext',
+    /** 标题（面板的 `aria-labelledby` 指它）。 */
+    'title',
+    /** 副语（如「可多选」）。 */
+    'sub',
+    /** 关闭键（≥44×44）。 */
+    'close',
+    /** 候选项清单（滚的是它）。 */
+    'body',
+    /** 一枚候选项（整行是命中区）。 */
+    'opt',
+    /** 候选项里的勾选框。 */
+    'box',
+    /** 候选项的主文字。 */
+    'text',
+    /** 候选项的次文字（如「7 条里 3 条像餐费」）。 */
+    'note',
+    /** 候选项右端的读数位（如 `¥86.00`；缺值写成 `—`）。 */
+    'meta',
+    /** 清单尾部的说明行。 */
+    'hint',
+    /** 设计过的空态（一项都没有时出，替掉清单）。 */
+    'empty',
+    /** 脚条（滚不动的那一格）。 */
+    'foot',
+    /** 脚条左端的计数（串 ＋ `<b>` 里的数）。 */
+    'count',
+    /** 计数后的说明（可缺）。 */
+    'countnote',
+    /** 完成键。 */
+    'done',
+];
+/** 槽类的类名（唯一拼法）。 */
+export function drawerSlot(slot, prefix = 'ilife-') {
+    return drawerClass(prefix) + '-' + slot;
+}
+/** 形态闭集：本件只落地形态 C「多选 ＋ 完成 N 项」。 */
+export const DRAWER_FORMS = ['multi'];
+/** 贴哪一边（**形态参数**：贴底＝底部弹层；贴右＝侧抽屉。同一份标记，两种骨架）。 */
+export const DRAWER_EDGES = ['bottom', 'side'];
+/** 关闭原因闭集（`ilife:drawer-close` 的 `detail.reason`）。 */
+export const DRAWER_CLOSE_REASONS = ['done', 'dismiss', 'esc', 'backdrop', 'programmatic'];
+/* ── `data-*` 名 ─────────────────────────────────────────────────── */
+/** 面板的发现锚：值＝面板 `id`。 */
+export const DRAWER_ATTR = 'data-ilife-drawer-sheet';
+/** 触发键：值＝它开的面板 `id`。 */
+export const DRAWER_OPEN_ATTR = 'data-ilife-drawer-open';
+/** 候选项：值＝该项的机器值（提交时按它收）。 */
+export const DRAWER_OPT_ATTR = 'data-ilife-drawer-opt';
+/** 完成键（值＝`1`）。 */
+export const DRAWER_DONE_ATTR = 'data-ilife-drawer-done';
+/** 关闭键（值＝`1`）。 */
+export const DRAWER_CLOSE_ATTR = 'data-ilife-drawer-close';
+/** 计数位：`<b>` 上的标记（运行时只改这一个数）。 */
+export const DRAWER_COUNT_ATTR = 'data-ilife-drawer-count';
+/** 脚条那句话（`summary`）：一个都没勾时它被 `hidden` 收起。 */
+export const DRAWER_NOTE_ATTR = 'data-ilife-drawer-note';
+/** 「一个都没勾」那句话：勾上以后它被 `hidden` 收起。 */
+export const DRAWER_ZERO_ATTR = 'data-ilife-drawer-zero';
+/** 完成键上的模板（含 `{n}` 时，运行时就地换数；不含就一个字不动）。 */
+export const DRAWER_TEMPLATE_ATTR = 'data-ilife-drawer-template';
+/** 绑定完成标记（幂等）。 */
+export const DRAWER_BOUND_ATTR = 'data-ilife-drawer-bound';
+/** 事件名（冒泡 `CustomEvent`；`detail` 见 README 的「交互契约」）。 */
+export const DRAWER_EVENT_CHANGE = 'ilife:drawer-change';
+export const DRAWER_EVENT_DONE = 'ilife:drawer-done';
+export const DRAWER_EVENT_CLOSE = 'ilife:drawer-close';
+/** 计数行与完成键的两句现成话（**模板里的 `{n}` 是唯一可变处**）。 */
+export const DRAWER_COUNT_LEAD = '已选';
+export const DRAWER_COUNT_UNIT = '个';
+export const DRAWER_DONE_TEMPLATE = '完成 {n} 项';
+/** 一个都没勾时的那句话（替掉完成键的可用档，说明「为什么按不动」）。 */
+export const DRAWER_ZERO_NOTE = '一个都没勾';
+/** 缺项一律写成它（全仓同一条地板：缺值写成 `—`，不写 0、不留空）。 */
+export const DRAWER_MISSING = '—';
+/** 几何口径：候选项命中高度／键的命中下限／相邻命中区间距／面板宽上限／离容器边至少留多少。 */
+export const DRAWER_OPTION_MIN_HEIGHT_PX = 52;
+export const DRAWER_MIN_HEIGHT_PX = 44;
+export const DRAWER_GAP_PX = 8;
+export const DRAWER_MAX_WIDTH_PX = 520;
+export const DRAWER_SIDE_WIDTH_PX = 380;
+export const DRAWER_EDGE_PX = 16;
+//# sourceMappingURL=attrs.js.map

package/dist/components/drawer-sheet/attrs.js.map

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

package/dist/components/drawer-sheet/index.d.ts

@@ -0,0 +1,35 @@
+/** drawer-sheet · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 底部弹层 · 形态 C「多选 ＋ 完成 N 项」——
+ *
+ *  一句话：从一长串里**勾几个**，勾的过程随时看得见「勾了几个」，最后按一颗键收工——
+ *  真 `<dialog>` ＋ `showModal()`，遮罩、焦点锁、`Esc`、顶层都是浏览器给的。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要「从一组里挑一个／挑几个」（选账户、选餐别、选份量、选分类）→ 用它；
+ *   · 要「确认一件破坏性的事」→ 用 `dialog`（对话框）；
+ *   · 要「贴着一颗键弹出几条动作」→ 用 `popover-menu`；
+ *   · 要「页面里就地挑一个」→ 用 `radio-cards`（单选卡组，不打断页面）。
+ *
+ *  四件出口 ＋ 一枚触发键：
+ *   · `renderDrawerSheet(input)` —— 产面板标记（纯函数，零 DOM）；
+ *   · `renderDrawerOpener(input)` —— 产触发键（**焦点归还回路的另一头**）；
+ *   · `drawerSheetCss()` —— 该组件样式段（页面按需注入；不进 12 区闭集）；
+ *   · `buildDrawerSheetJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:drawer-done', (e) => {
+ *    const { id, values } = e.detail;   // 面板已关、焦点已归还
+ *    if (id === 'dw-account') setAccount(values[0]);
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { DRAWER_ATTR, DRAWER_BOUND_ATTR, DRAWER_CLASS, DRAWER_CLOSE_ATTR, DRAWER_CLOSE_REASONS, DRAWER_COUNT_ATTR, DRAWER_COUNT_LEAD, DRAWER_COUNT_UNIT, DRAWER_DONE_ATTR, DRAWER_DONE_TEMPLATE, DRAWER_EDGE_PX, DRAWER_EDGES, DRAWER_EVENT_CHANGE, DRAWER_EVENT_CLOSE, DRAWER_EVENT_DONE, DRAWER_FORMS, DRAWER_GAP_PX, DRAWER_MAX_WIDTH_PX, DRAWER_MIN_HEIGHT_PX, DRAWER_MISSING, DRAWER_NOTE_ATTR, DRAWER_OPEN_ATTR, DRAWER_OPT_ATTR, DRAWER_OPTION_MIN_HEIGHT_PX, DRAWER_SIDE_WIDTH_PX, DRAWER_SLOTS, DRAWER_TEMPLATE_ATTR, DRAWER_ZERO_ATTR, DRAWER_ZERO_NOTE, drawerClass, drawerOpenerClass, drawerSlot, } from './attrs.js';
+export type { DrawerCloseReason, DrawerEdge, DrawerForm, DrawerOption, DrawerSheetInput, DrawerSlot, } from './attrs.js';
+export { renderDrawerOpener, renderDrawerSheet } from './render.js';
+export { drawerSheetCss } from './style.js';
+export type { DrawerSheetCssInput } from './style.js';
+export { buildDrawerSheetJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/drawer-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer-sheet/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EACL,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EACrF,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAC/F,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EACxF,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,cAAc,EACtF,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,2BAA2B,EAAE,oBAAoB,EACtG,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EACtE,WAAW,EAAE,iBAAiB,EAAE,UAAU,GAC3C,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,GACtF,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/drawer-sheet/index.js

@@ -0,0 +1,33 @@
+/** drawer-sheet · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 底部弹层 · 形态 C「多选 ＋ 完成 N 项」——
+ *
+ *  一句话：从一长串里**勾几个**，勾的过程随时看得见「勾了几个」，最后按一颗键收工——
+ *  真 `<dialog>` ＋ `showModal()`，遮罩、焦点锁、`Esc`、顶层都是浏览器给的。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要「从一组里挑一个／挑几个」（选账户、选餐别、选份量、选分类）→ 用它；
+ *   · 要「确认一件破坏性的事」→ 用 `dialog`（对话框）；
+ *   · 要「贴着一颗键弹出几条动作」→ 用 `popover-menu`；
+ *   · 要「页面里就地挑一个」→ 用 `radio-cards`（单选卡组，不打断页面）。
+ *
+ *  四件出口 ＋ 一枚触发键：
+ *   · `renderDrawerSheet(input)` —— 产面板标记（纯函数，零 DOM）；
+ *   · `renderDrawerOpener(input)` —— 产触发键（**焦点归还回路的另一头**）；
+ *   · `drawerSheetCss()` —— 该组件样式段（页面按需注入；不进 12 区闭集）；
+ *   · `buildDrawerSheetJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:drawer-done', (e) => {
+ *    const { id, values } = e.detail;   // 面板已关、焦点已归还
+ *    if (id === 'dw-account') setAccount(values[0]);
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { DRAWER_ATTR, DRAWER_BOUND_ATTR, DRAWER_CLASS, DRAWER_CLOSE_ATTR, DRAWER_CLOSE_REASONS, DRAWER_COUNT_ATTR, DRAWER_COUNT_LEAD, DRAWER_COUNT_UNIT, DRAWER_DONE_ATTR, DRAWER_DONE_TEMPLATE, DRAWER_EDGE_PX, DRAWER_EDGES, DRAWER_EVENT_CHANGE, DRAWER_EVENT_CLOSE, DRAWER_EVENT_DONE, DRAWER_FORMS, DRAWER_GAP_PX, DRAWER_MAX_WIDTH_PX, DRAWER_MIN_HEIGHT_PX, DRAWER_MISSING, DRAWER_NOTE_ATTR, DRAWER_OPEN_ATTR, DRAWER_OPT_ATTR, DRAWER_OPTION_MIN_HEIGHT_PX, DRAWER_SIDE_WIDTH_PX, DRAWER_SLOTS, DRAWER_TEMPLATE_ATTR, DRAWER_ZERO_ATTR, DRAWER_ZERO_NOTE, drawerClass, drawerOpenerClass, drawerSlot, } from './attrs.js';
+export { renderDrawerOpener, renderDrawerSheet } from './render.js';
+export { drawerSheetCss } from './style.js';
+export { buildDrawerSheetJs } from './runtime.js';
+//# sourceMappingURL=index.js.map