base-paint 0.3.13 → 0.3.15

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,34 @@
+/** dialog · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 对话框 · 形态 A「确认型」——
+ *
+ *  一句话：把「这一步要不要做」摆到页面正中间，**拿浏览器的真模态顶事**——
+ *  焦点锁在里面、`Esc` 关掉、背景点不动、关掉把焦点还给按它的那颗按钮。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要「一件破坏性的事，做完不好撤，得先问一句」→ 用它（覆盖确认、删记录、写库确认）；
+ *   · 要「用户从头填一张表」→ 用 `renderParamForm`（表单优先）；
+ *   · 要「从一组里挑一个／挑几个，不打断页面」→ 用 `drawer-sheet`（底部弹层）；
+ *   · 要「贴着一颗键弹出几条动作」→ 用 `popover-menu`。
+ *
+ *  三件出口 ＋ 一枚触发键：
+ *   · `renderDialog(input)` —— 产面板标记（纯函数，零 DOM）；
+ *   · `renderDialogOpener(input)` —— 产触发键（**焦点归还回路的另一头**，同一份契约给两端）；
+ *   · `dialogCss()` —— 该组件样式段（页面按需注入；不进 12 区闭集）；
+ *   · `buildDialogJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:dialog-close', (e) => {
+ *    const { id, reason, value } = e.detail;    // 面板已关、焦点已归还
+ *    if (id === 'dlg-overwrite' && value === 'cover') writeInstead();
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { DIALOG_ACT_ATTR, DIALOG_ATTR, DIALOG_BOUND_ATTR, DIALOG_CLASS, DIALOG_CLOSE_REASONS, DIALOG_EDGE_PX, DIALOG_EVENT_CLOSE, DIALOG_EVENT_OPEN, DIALOG_FORMS, DIALOG_MAX_WIDTH_PX, DIALOG_MIN_HEIGHT_PX, DIALOG_OPEN_ATTR, DIALOG_OPENER_CLASS, DIALOG_SLOTS, DIALOG_STATUS_ATTR, DIALOG_STATUS_KINDS, DIALOG_TONES, dialogClass, dialogOpenerClass, dialogSlot, } from './attrs.js';
+export type { DialogAction, DialogCloseReason, DialogForm, DialogInput, DialogOpenerInput, DialogSlot, DialogStatusKind, DialogTone, } from './attrs.js';
+export { renderDialog, renderDialogOpener } from './render.js';
+export { dialogCss, dialogEdgeMix, dialogHaloMix, dialogScrimMix } from './style.js';
+export { buildDialogJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EACL,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,oBAAoB,EACnF,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EACxF,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,YAAY,EAAE,kBAAkB,EAC7F,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,GAC9E,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EACvF,gBAAgB,EAAE,UAAU,GAC7B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/dialog/index.js

@@ -0,0 +1,32 @@
+/** dialog · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 对话框 · 形态 A「确认型」——
+ *
+ *  一句话：把「这一步要不要做」摆到页面正中间，**拿浏览器的真模态顶事**——
+ *  焦点锁在里面、`Esc` 关掉、背景点不动、关掉把焦点还给按它的那颗按钮。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要「一件破坏性的事，做完不好撤，得先问一句」→ 用它（覆盖确认、删记录、写库确认）；
+ *   · 要「用户从头填一张表」→ 用 `renderParamForm`（表单优先）；
+ *   · 要「从一组里挑一个／挑几个，不打断页面」→ 用 `drawer-sheet`（底部弹层）；
+ *   · 要「贴着一颗键弹出几条动作」→ 用 `popover-menu`。
+ *
+ *  三件出口 ＋ 一枚触发键：
+ *   · `renderDialog(input)` —— 产面板标记（纯函数，零 DOM）；
+ *   · `renderDialogOpener(input)` —— 产触发键（**焦点归还回路的另一头**，同一份契约给两端）；
+ *   · `dialogCss()` —— 该组件样式段（页面按需注入；不进 12 区闭集）；
+ *   · `buildDialogJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:dialog-close', (e) => {
+ *    const { id, reason, value } = e.detail;    // 面板已关、焦点已归还
+ *    if (id === 'dlg-overwrite' && value === 'cover') writeInstead();
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { DIALOG_ACT_ATTR, DIALOG_ATTR, DIALOG_BOUND_ATTR, DIALOG_CLASS, DIALOG_CLOSE_REASONS, DIALOG_EDGE_PX, DIALOG_EVENT_CLOSE, DIALOG_EVENT_OPEN, DIALOG_FORMS, DIALOG_MAX_WIDTH_PX, DIALOG_MIN_HEIGHT_PX, DIALOG_OPEN_ATTR, DIALOG_OPENER_CLASS, DIALOG_SLOTS, DIALOG_STATUS_ATTR, DIALOG_STATUS_KINDS, DIALOG_TONES, dialogClass, dialogOpenerClass, dialogSlot, } from './attrs.js';
+export { renderDialog, renderDialogOpener } from './render.js';
+export { dialogCss, dialogEdgeMix, dialogHaloMix, dialogScrimMix } from './style.js';
+export { buildDialogJs } from './runtime.js';

package/dist/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EACL,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,oBAAoB,EACnF,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EACxF,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,YAAY,EAAE,kBAAkB,EAC7F,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,GAC9E,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/dialog/model.d.ts

@@ -0,0 +1,32 @@
+import { type DialogAction, type DialogForm, type DialogInput, type DialogStatusKind, type DialogTone } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一（`undefined` 一律换成「不给」或空数组）。 */
+export interface DialogModel {
+    readonly id: string;
+    readonly form: DialogForm;
+    readonly title: string;
+    readonly sub?: string;
+    readonly body: readonly string[];
+    readonly tone: DialogTone;
+    readonly actions: readonly DialogAction[];
+    readonly note?: string;
+    readonly status?: {
+        readonly kind: DialogStatusKind;
+        readonly text: string;
+    };
+    readonly open: boolean;
+    readonly extraClass?: string;
+}
+/** `id` 校验（面板 `id`、锚名 `--ilife-dialog-<id>` 两头共用同一个串 ⇒ 这里的口径就是它们的口径）。 */
+export declare function reqDialogId(value: unknown, field: string): string;
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `DialogModel`，不再自己碰 `any`。 */
+export declare function normalizeDialog(input: unknown): DialogModel;
+/** 触发键入参归一化（`renderDialogOpener` 的唯一入口）。 */
+export interface DialogOpenerModel {
+    readonly dialogId: string;
+    readonly text: string;
+    readonly label?: string;
+    readonly extraClass?: string;
+}
+export declare function normalizeDialogOpener(input: unknown): DialogOpenerModel;
+export type { DialogInput };
+//# sourceMappingURL=model.d.ts.map

package/dist/components/dialog/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAC7F,MAAM,YAAY,CAAC;AAEpB,mDAAmD;AACnD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7E,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAKD,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjE;AA6CD,mEAAmE;AACnE,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,CA6B3D;AAED,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CASvE;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/dialog/model.js

@@ -0,0 +1,109 @@
+/** dialog · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级、不「尽量猜」。
+ *   2. **`id` 是回路的一部分**：触发键靠它找面板、`aria-labelledby` 靠它指标题，
+ *      所以只许**标识符字符**（字母／数字／下划线／连字符／汉字）：带上 `.`／`#`／空白会让
+ *      `getElementById` 与 CSS 锚名（`--ilife-dialog-<id>`）两头说不到一块去。
+ *   3. **正文一段一条**：串＝一段；数组＝逐段一枚 `<p>`；**空段是错**（空段读起来像渲染坏了）。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { DIALOG_FORMS, DIALOG_STATUS_KINDS, DIALOG_TONES, } from './attrs.js';
+/** `id` 的字面口径（唯一一处）：标识符字符，且首字符不是连字符／数字之外的标点。 */
+const ID_RE = /^[A-Za-z0-9_\u00a0-\uffff][A-Za-z0-9_-\u00a0-\uffff]*$/;
+/** `id` 校验（面板 `id`、锚名 `--ilife-dialog-<id>` 两头共用同一个串 ⇒ 这里的口径就是它们的口径）。 */
+export function reqDialogId(value, field) {
+    const id = reqText(value, field);
+    if (!ID_RE.test(id)) {
+        badInput(field + ' 只许标识符字符（字母／数字／下划线／连字符／汉字）：' + id);
+    }
+    return id;
+}
+/** 串或串数组 → 段数组；至少一段，且段里不许有空串。 */
+function reqParagraphs(value, field) {
+    if (typeof value === 'string')
+        return [reqText(value, field)];
+    if (!Array.isArray(value))
+        badInput(field + ' 必须是字符串，或字符串数组（逐段一枚 <p>）');
+    if (value.length === 0)
+        badInput(field + ' 至少给一段');
+    const out = [];
+    for (let i = 0; i < value.length; i += 1)
+        out.push(reqText(value[i], field + '[' + i + ']'));
+    return out;
+}
+/** 动作键：1～2 枚，逐枚校验，`value` 面板内唯一。 */
+function reqActions(value) {
+    if (!Array.isArray(value))
+        badInput('dialog: input.actions 必须是数组');
+    if (value.length === 0)
+        badInput('dialog: input.actions 至少一枚动作');
+    if (value.length > 2)
+        badInput('dialog: input.actions 最多两枚（形态 A「确认型」：次要 ＋ 主要）');
+    const seen = new Set();
+    const out = [];
+    for (let i = 0; i < value.length; i += 1) {
+        assertPlainObject(value[i], 'dialog: input.actions[' + i + ']');
+        const raw = value[i];
+        const item = {
+            label: reqText(raw.label, 'dialog: input.actions[' + i + '].label'),
+            value: reqText(raw.value, 'dialog: input.actions[' + i + '].value'),
+        };
+        if (seen.has(item.value))
+            badInput('dialog: actions 的 value 必须唯一：' + item.value);
+        seen.add(item.value);
+        out.push(item);
+    }
+    return out;
+}
+/** 状态行：给了就必带非空文字；档位在闭集内。 */
+function optStatus(value) {
+    if (value === undefined)
+        return undefined;
+    assertPlainObject(value, 'dialog: input.status');
+    const raw = value;
+    const kind = raw.kind === undefined ? DIALOG_STATUS_KINDS[0] : raw.kind;
+    if (!DIALOG_STATUS_KINDS.includes(kind)) {
+        badInput('dialog: input.status.kind 必须是 ' + DIALOG_STATUS_KINDS.join('／') + ' 之一');
+    }
+    return { kind: kind, text: reqText(raw.text, 'dialog: input.status.text') };
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `DialogModel`，不再自己碰 `any`。 */
+export function normalizeDialog(input) {
+    assertPlainObject(input, 'renderDialog: input');
+    const raw = input;
+    const form = raw.form === undefined ? DIALOG_FORMS[0] : raw.form;
+    if (!DIALOG_FORMS.includes(form)) {
+        badInput('dialog: input.form 必须是 ' + DIALOG_FORMS.join('／') + ' 之一（本件只落地形态 A「确认型」）');
+    }
+    const tone = raw.tone === undefined ? 'danger' : raw.tone;
+    if (!DIALOG_TONES.includes(tone)) {
+        badInput('dialog: input.tone 必须是 ' + DIALOG_TONES.join('／') + ' 之一');
+    }
+    if (raw.open !== undefined && typeof raw.open !== 'boolean') {
+        badInput('dialog: input.open 必须是布尔值');
+    }
+    return {
+        id: reqDialogId(raw.id, 'dialog: input.id'),
+        form: form,
+        title: reqText(raw.title, 'dialog: input.title'),
+        sub: optText(raw.sub, 'dialog: input.sub'),
+        body: reqParagraphs(raw.body, 'dialog: input.body'),
+        tone: tone,
+        actions: reqActions(raw.actions),
+        note: optText(raw.note, 'dialog: input.note'),
+        status: optStatus(raw.status),
+        open: raw.open === true,
+        extraClass: optExtraClass(raw.extraClass, 'dialog: input.extraClass'),
+    };
+}
+export function normalizeDialogOpener(input) {
+    assertPlainObject(input, 'renderDialogOpener: input');
+    const raw = input;
+    return {
+        dialogId: reqDialogId(raw.dialogId, 'dialog: input.dialogId'),
+        text: reqText(raw.text, 'dialog: input.text'),
+        label: optText(raw.label, 'dialog: input.label'),
+        extraClass: optExtraClass(raw.extraClass, 'dialog: input.extraClass'),
+    };
+}

package/dist/components/dialog/model.js.map

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

package/dist/components/dialog/render.d.ts

@@ -0,0 +1,5 @@
+/** 渲染一个对话框（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export declare function renderDialog(input: unknown): string;
+/** 渲染一枚触发键（**焦点归还回路的另一头**：它带 `data-ilife-dialog-open`，运行时按它认）。 */
+export declare function renderDialogOpener(input: unknown): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/dialog/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/render.ts"],"names":[],"mappings":"AA8EA,yDAAyD;AACzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAanD;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAOzD"}

package/dist/components/dialog/render.js

@@ -0,0 +1,96 @@
+/** dialog · **渲染**（纯函数产 HTML；本件只有形态 A「确认型」一种骨架）。
+ *
+ *  —— 形态 A：确认型 ——
+ *
+ *  骨架＝**图标 ＋ 标题 ＋ 副语 ＋ 正文 ＋ 两条动作**（最后一条是主动作）。它替掉的两种错法：
+ *   · 拿 `window.confirm` 顶事——字符串拼不出要点、样式不可控、窄屏上按钮位置随浏览器变；
+ *   · 拿 `<div>` 叠 `z-index` 手搓模态——焦点锁、`Esc`、背景不可点这几件事手搓必漏（漏了就是键盘用户被锁在页面上）。
+ *
+ *  三条硬口径（判据断的就是它们）：
+ *   · 面板是**真 `<dialog>`**：`data-ilife-dialog` 是发现锚，`aria-labelledby` 指标题、
+ *     `aria-describedby` 指正文（＋状态行）——屏读器读的是「这是个对话框 ＋ 它说什么」；
+ *   · 动作键**一律真 `<button type=button>`**，机器值落 `data-ilife-dialog-act`
+ *     （**不落 id**：`id` 归页面所有，组件不许占）；
+ *   · 标记里**不写分隔符与省略号**：段间那道缝由样式承担；缺槽就不出那一槽（不留空位）。
+ */
+import { esc } from '../shared/escape.js';
+import { DIALOG_ACT_ATTR, DIALOG_ATTR, DIALOG_CLASS, DIALOG_OPEN_ATTR, DIALOG_OPENER_CLASS, dialogSlot, } from './attrs.js';
+import { normalizeDialog, normalizeDialogOpener } from './model.js';
+/** 图标位那颗三角（`currentColor`：颜色由 `tone` 档给，SVG 自己不带色）。 */
+const WARN_SVG = '<svg viewBox="0 0 20 20" width="18" height="18" fill="none" stroke="currentColor"'
+    + ' stroke-width="1.6" stroke-linejoin="round" aria-hidden="true" focusable="false">'
+    + '<path d="M10 2.4 18.6 17H1.4Z"/><path d="M10 7.4v4.2" stroke-width="1.8" stroke-linecap="round"/>'
+    + '<circle cx="10" cy="14.2" r="1" fill="currentColor" stroke="none"/></svg>';
+/** 头部：图标位（`plain` 档不出）＋ 标题 ＋ 副语。 */
+function headHtml(m) {
+    const parts = ['<div class="' + dialogSlot('head') + '">'];
+    if (m.tone !== 'plain')
+        parts.push('<span class="' + dialogSlot('icon') + '" aria-hidden="true">' + WARN_SVG + '</span>');
+    parts.push('<div class="' + dialogSlot('headtext') + '">');
+    parts.push('<h2 class="' + dialogSlot('title') + '" id="' + esc(m.id) + '-title">' + esc(m.title) + '</h2>');
+    if (m.sub !== undefined)
+        parts.push('<span class="' + dialogSlot('sub') + '">' + esc(m.sub) + '</span>');
+    parts.push('</div></div>');
+    return parts.join('');
+}
+/** 正文：逐段一枚 `<p>`（不写分隔符；滚的是这一格）。 */
+function bodyHtml(m) {
+    const ps = m.body.map((line) => '<p>' + esc(line) + '</p>').join('');
+    return '<div class="' + dialogSlot('body') + '" id="' + esc(m.id) + '-body">' + ps + '</div>';
+}
+/** 状态行：写在动作条上方（**不只染色**），并由面板的 `aria-describedby` 指到它。 */
+function statusHtml(m) {
+    if (m.status === undefined)
+        return '';
+    const kind = m.status.kind;
+    const mark = kind === 'busy' ? '…' : '⚠';
+    return '<p class="' + dialogSlot('status') + '" id="' + esc(m.id) + '-status" role="status" aria-live="polite"'
+        + ' data-ilife-dialog-status="' + esc(kind) + '"><b aria-hidden="true">' + mark + '</b>'
+        + esc(m.status.text) + '</p>';
+}
+/** 动作条：最后一枚是主动作（样式按 `:last-child` 分档，标记里不写「主／次」类名）。 */
+function footHtml(m) {
+    const parts = [];
+    if (m.note !== undefined)
+        parts.push('<p class="' + dialogSlot('note') + '">' + esc(m.note) + '</p>');
+    parts.push('<div class="' + dialogSlot('foot') + '">');
+    for (const act of m.actions) {
+        parts.push('<button class="' + dialogSlot('act') + '" type="button"'
+            + ' ' + DIALOG_ACT_ATTR + '="' + esc(act.value) + '">' + esc(act.label) + '</button>');
+    }
+    parts.push('</div>');
+    return parts.join('');
+}
+/** 形态 A 的骨架。 */
+function renderConfirm(m) {
+    return headHtml(m) + bodyHtml(m) + statusHtml(m) + footHtml(m);
+}
+/** 形态 → 骨架（本件只有一格；分派写在这里，加第二形态就是加一支）。 */
+const SKELETONS = {
+    confirm: renderConfirm,
+};
+/** 渲染一个对话框（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderDialog(input) {
+    const m = normalizeDialog(input);
+    const described = m.status === undefined ? [m.id + '-body'] : [m.id + '-body', m.id + '-status'];
+    const attrs = [
+        'class="' + esc([DIALOG_CLASS, 'is-' + m.form, 'tone-' + m.tone]
+            .concat(m.extraClass === undefined ? [] : [m.extraClass]).join(' ')) + '"',
+        'id="' + esc(m.id) + '"',
+        DIALOG_ATTR + '="' + esc(m.id) + '"',
+        'aria-labelledby="' + esc(m.id + '-title') + '"',
+        'aria-describedby="' + esc(described.join(' ')) + '"',
+    ];
+    if (m.open)
+        attrs.push('open');
+    return '<dialog ' + attrs.join(' ') + '>' + SKELETONS[m.form](m) + '</dialog>';
+}
+/** 渲染一枚触发键（**焦点归还回路的另一头**：它带 `data-ilife-dialog-open`，运行时按它认）。 */
+export function renderDialogOpener(input) {
+    const m = normalizeDialogOpener(input);
+    const classes = [DIALOG_OPENER_CLASS].concat(m.extraClass === undefined ? [] : [m.extraClass]).join(' ');
+    const label = m.label === undefined ? m.text : m.label;
+    return '<button class="' + esc(classes) + '" type="button"'
+        + ' ' + DIALOG_OPEN_ATTR + '="' + esc(m.dialogId) + '"'
+        + ' aria-haspopup="dialog" aria-label="' + esc(label) + '">' + esc(m.text) + '</button>';
+}

package/dist/components/dialog/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/dialog/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EACL,eAAe,EAAE,WAAW,EAAE,YAAY,EAAgB,gBAAgB,EAAE,mBAAmB,EAC/F,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAoB,MAAM,YAAY,CAAC;AAEtF,uDAAuD;AACvD,MAAM,QAAQ,GAAG,mFAAmF;MAChG,mFAAmF;MACnF,mGAAmG;MACnG,2EAA2E,CAAC;AAEhF,oCAAoC;AACpC,SAAS,QAAQ,CAAC,CAAc;IAC9B,MAAM,KAAK,GAAa,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IACrE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;IAC1H,KAAK,CAAC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3D,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC;IAC7G,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IACzG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxB,CAAC;AAED,mCAAmC;AACnC,SAAS,QAAQ,CAAC,CAAc;IAC9B,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACrE,OAAO,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,EAAE,GAAG,QAAQ,CAAC;AAChG,CAAC;AAED,0DAA0D;AAC1D,SAAS,UAAU,CAAC,CAAc;IAChC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;IAC3B,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACzC,OAAO,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,2CAA2C;UAC3G,6BAA6B,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,0BAA0B,GAAG,IAAI,GAAG,MAAM;UACtF,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAClC,CAAC;AAED,uDAAuD;AACvD,SAAS,QAAQ,CAAC,CAAc;IAC9B,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC;IACtG,KAAK,CAAC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IACvD,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;QAC5B,KAAK,CAAC,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,iBAAiB;cAChE,GAAG,GAAG,eAAe,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC;IAC3F,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxB,CAAC;AAED,gBAAgB;AAChB,SAAS,aAAa,CAAC,CAAc;IACnC,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,yCAAyC;AACzC,MAAM,SAAS,GAA6D;IAC1E,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,yDAAyD;AACzD,MAAM,UAAU,YAAY,CAAC,KAAc;IACzC,MAAM,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACjG,MAAM,KAAK,GAAa;QACtB,SAAS,GAAG,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;aAC7D,MAAM,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG;QAC5E,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG;QACxB,WAAW,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG;QACpC,mBAAmB,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG;QAChD,oBAAoB,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG;KACtD,CAAC;IACF,IAAI,CAAC,CAAC,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AACjF,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,kBAAkB,CAAC,KAAc;IAC/C,MAAM,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzG,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,OAAO,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,iBAAiB;UACvD,GAAG,GAAG,gBAAgB,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG;UACrD,sCAAsC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC;AAC7F,CAAC"}

package/dist/components/dialog/runtime.d.ts

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

package/dist/components/dialog/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/runtime.ts"],"names":[],"mappings":"AAoBA,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,MAAM,CAuDtC"}

package/dist/components/dialog/runtime.js

@@ -0,0 +1,73 @@
+/** dialog · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  与 `editable-value/runtime.ts` 同一处分工：模块代码零 DOM，DOM 只在产出的字符串里。
+ *
+ *  行为契约（逐条对应判据）：
+ *   · **原生优先**：开＝`showModal()`（焦点锁、`Esc`、背景 `inert`、顶层都是浏览器给的）；
+ *     没有 `showModal` 的老引擎退回 `open` 属性（非模态，但内容照常可读）。
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `click`；`close`／`cancel` 两个**不冒泡**的事件走**捕获相位**。
+ *     `data-ilife-dialog-bound` 只是记账，重复注入靠根上那枚 `data-ilife-dialog-runtime` 拦住。
+ *   · **关的四条路**：动作键（`detail.reason='action'` ＋ `detail.value`）／`Esc`（`'esc'`）／
+ *     点遮罩（`'backdrop'`，只在点落在面板矩形**之外**时算）／脚本 `close()`（`'programmatic'`）。
+ *   · **焦点归还**：关闭后焦点必须回到**按它的那颗按钮**（原生通常会还；本段兜住
+ *     「焦点落在 body／还给了别的元素」那一种，且只在触发键仍在文档里时才抢）。
+ *   · **不许点穿**：遮罩上的点击**不**关面板以外的任何东西（顶层本来就不透传，这里只是不额外转发）。
+ */
+import { DIALOG_ACT_ATTR, DIALOG_ATTR, DIALOG_BOUND_ATTR, DIALOG_EVENT_CLOSE, DIALOG_EVENT_OPEN, DIALOG_OPEN_ATTR, } from './attrs.js';
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export function buildDialogJs() {
+    const q = (s) => JSON.stringify(s);
+    return '(function(){' + '\n'
+        + '  var ATTR=' + q(DIALOG_ATTR) + ', OPEN=' + q(DIALOG_OPEN_ATTR) + ', ACT=' + q(DIALOG_ACT_ATTR) + ';' + '\n'
+        + '  var BOUND=' + q(DIALOG_BOUND_ATTR) + ';' + '\n'
+        + '  var EV_OPEN=' + q(DIALOG_EVENT_OPEN) + ', EV_CLOSE=' + q(DIALOG_EVENT_CLOSE) + ';' + '\n'
+        + '  var doc=document;' + '\n'
+        + '  if (doc.documentElement.getAttribute("data-ilife-dialog-runtime")==="1") return;' + '\n'
+        + '  doc.documentElement.setAttribute("data-ilife-dialog-runtime","1");' + '\n'
+        + '  var lastReason="programmatic", lastValue=null, lastTrigger=null;' + '\n'
+        + '  function fire(el,name,detail){ el.dispatchEvent(new CustomEvent(name,{bubbles:true,detail:detail})); }' + '\n'
+        + '  function panelOf(el){ if (!el || !el.closest) return null;'
+        + ' var d=el.closest("dialog["+ATTR+"]"); return d; }' + '\n'
+        + '  function openPanel(id,trigger){' + '\n'
+        + '    var dlg=doc.getElementById(id);' + '\n'
+        + '    if (!dlg || !dlg.hasAttribute(ATTR)) return;' + '\n'
+        + '    if (typeof dlg.showModal==="function"){' + '\n'
+        + '      if (dlg.open){ try{ dlg.close(); }catch(e){} }' + '\n'
+        + '      try{ dlg.showModal(); }catch(e){ dlg.setAttribute("open",""); }' + '\n'
+        + '    } else { dlg.setAttribute("open",""); }' + '\n'
+        + '    lastTrigger=trigger||null;' + '\n'
+        + '    fire(dlg,EV_OPEN,{id:id,modal:(typeof dlg.showModal==="function")});' + '\n'
+        + '  }' + '\n'
+        + '  function closePanel(dlg,value,reason){' + '\n'
+        + '    lastReason=reason; lastValue=value;' + '\n'
+        + '    try{ dlg.returnValue=(value===null?"":value); dlg.close(value===null?undefined:value); }' + '\n'
+        + '    catch(e){ dlg.removeAttribute("open"); }' + '\n'
+        + '  }' + '\n'
+        + '  function outside(box,x,y){ return x<box.left || x>box.right || y<box.top || y>box.bottom; }' + '\n'
+        + '  doc.addEventListener("click", function(e){' + '\n'
+        + '    var t=e.target; if (!t || !t.closest) return;' + '\n'
+        + '    var opener=t.closest("["+OPEN+"]");' + '\n'
+        + '    if (opener){ e.preventDefault(); openPanel(opener.getAttribute(OPEN),opener); return; }' + '\n'
+        + '    var act=t.closest("["+ACT+"]");' + '\n'
+        + '    if (act){ var d=panelOf(act); if (!d) return; e.preventDefault();'
+        + ' closePanel(d, act.getAttribute(ACT), "action"); return; }' + '\n'
+        + '    if (t.hasAttribute(ATTR)){ var b=t.getBoundingClientRect();'
+        + ' if (outside(b,e.clientX,e.clientY)) closePanel(t,null,"backdrop"); }' + '\n'
+        + '  });' + '\n'
+        /* `cancel`（Esc 请求关闭）与 `close`（真的关了）都不冒泡 ⇒ 走捕获相位，免得逐个面板挂监听。 */
+        + '  doc.addEventListener("cancel", function(e){ var d=e.target;'
+        + ' if (d && d.hasAttribute && d.hasAttribute(ATTR)) lastReason="esc"; }, true);' + '\n'
+        + '  doc.addEventListener("close", function(e){' + '\n'
+        + '    var d=e.target;' + '\n'
+        + '    if (!d || !d.hasAttribute || !d.hasAttribute(ATTR)) return;' + '\n'
+        + '    var reason=lastReason, value=(reason==="action"?lastValue:null);' + '\n'
+        + '    lastReason="programmatic"; lastValue=null;' + '\n'
+        + '    var t=lastTrigger; lastTrigger=null;' + '\n'
+        + '    if (t && t.isConnected && doc.activeElement!==t){ try{ t.focus(); }catch(e2){} }' + '\n'
+        + '    fire(d,EV_CLOSE,{id:d.getAttribute(ATTR),reason:reason,value:value});' + '\n'
+        + '  }, true);' + '\n'
+        /* 记账：哪些面板已被本段接管（幂等；也是判据里「运行时真的跑过」的读数）。 */
+        + '  var all=doc.querySelectorAll("dialog["+ATTR+"]");' + '\n'
+        + '  for (var i=0;i<all.length;i+=1) all[i].setAttribute(BOUND,"1");' + '\n'
+        + '}());';
+}

package/dist/components/dialog/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../src/components/dialog/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EACL,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EACtF,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,6DAA6D;AAC7D,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACnD,OAAO,cAAc,GAAG,IAAI;UACxB,aAAa,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG,GAAG,GAAG,IAAI;UAC7G,cAAc,GAAG,CAAC,CAAC,iBAAiB,CAAC,GAAG,GAAG,GAAG,IAAI;UAClD,gBAAgB,GAAG,CAAC,CAAC,iBAAiB,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,GAAG,IAAI;UAC5F,qBAAqB,GAAG,IAAI;UAC5B,oFAAoF,GAAG,IAAI;UAC3F,sEAAsE,GAAG,IAAI;UAC7E,oEAAoE,GAAG,IAAI;UAC3E,0GAA0G,GAAG,IAAI;UACjH,8DAA8D;UAC9D,oDAAoD,GAAG,IAAI;UAC3D,mCAAmC,GAAG,IAAI;UAC1C,qCAAqC,GAAG,IAAI;UAC5C,kDAAkD,GAAG,IAAI;UACzD,6CAA6C,GAAG,IAAI;UACpD,sDAAsD,GAAG,IAAI;UAC7D,uEAAuE,GAAG,IAAI;UAC9E,6CAA6C,GAAG,IAAI;UACpD,gCAAgC,GAAG,IAAI;UACvC,0EAA0E,GAAG,IAAI;UACjF,KAAK,GAAG,IAAI;UACZ,0CAA0C,GAAG,IAAI;UACjD,yCAAyC,GAAG,IAAI;UAChD,8FAA8F,GAAG,IAAI;UACrG,8CAA8C,GAAG,IAAI;UACrD,KAAK,GAAG,IAAI;UACZ,+FAA+F,GAAG,IAAI;UACtG,8CAA8C,GAAG,IAAI;UACrD,mDAAmD,GAAG,IAAI;UAC1D,yCAAyC,GAAG,IAAI;UAChD,6FAA6F,GAAG,IAAI;UACpG,qCAAqC,GAAG,IAAI;UAC5C,uEAAuE;UACvE,4DAA4D,GAAG,IAAI;UACnE,iEAAiE;UACjE,uEAAuE,GAAG,IAAI;UAC9E,OAAO,GAAG,IAAI;QAChB,8DAA8D;UAC5D,+DAA+D;UAC/D,+EAA+E,GAAG,IAAI;UACtF,8CAA8C,GAAG,IAAI;UACrD,qBAAqB,GAAG,IAAI;UAC5B,iEAAiE,GAAG,IAAI;UACxE,sEAAsE,GAAG,IAAI;UAC7E,gDAAgD,GAAG,IAAI;UACvD,0CAA0C,GAAG,IAAI;UACjD,sFAAsF,GAAG,IAAI;UAC7F,2EAA2E,GAAG,IAAI;UAClF,aAAa,GAAG,IAAI;QACtB,0CAA0C;UACxC,qDAAqD,GAAG,IAAI;UAC5D,mEAAmE,GAAG,IAAI;UAC1E,OAAO,CAAC;AACd,CAAC"}

package/dist/components/dialog/style.d.ts

@@ -0,0 +1,14 @@
+/** 样式段的入参（与同层其余件同形：前缀可换）。 */
+export interface DialogCssInput {
+    /** 类名前缀；缺省 `ilife-`。 */
+    readonly prefix?: string;
+}
+/** 浮面的**硬边**：比发丝线深一档的裁切边（零阴影皮肤下「这是浮面」的第一手段）。 */
+export declare function dialogEdgeMix(): string;
+/** 浮面的**外圈晕**：零模糊的 `outline`（第二手段；不是投影）。 */
+export declare function dialogHaloMix(): string;
+/** **遮罩**：拿 `ink` 算出来的压暗（第三手段；不写死黑）。 */
+export declare function dialogScrimMix(): string;
+/** 本组件的样式段（调用方拼进 `<style>`；`dialogCss()` 是它唯一的对外名）。 */
+export declare function dialogCss(input?: DialogCssInput): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/dialog/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/style.ts"],"names":[],"mappings":"AAwBA,6BAA6B;AAC7B,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAQD,gDAAgD;AAChD,wBAAgB,aAAa,IAAI,MAAM,CAEtC;AAED,4CAA4C;AAC5C,wBAAgB,aAAa,IAAI,MAAM,CAEtC;AAED,wCAAwC;AACxC,wBAAgB,cAAc,IAAI,MAAM,CAEvC;AAED,uDAAuD;AACvD,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CA8FxD"}

package/dist/components/dialog/style.js

@@ -0,0 +1,133 @@
+/** dialog · **样式段**（本件唯一的样式来源）。
+ *
+ *  三条纪律：
+ *   1. 皮肤只经 `skinVar()` 读（**不手写 `var(--ilife-…)`**）；一条 `:root` 都不写、一条 `!important` 都不用、
+ *      不定义新 token 名——判据按这三条扫全文。
+ *   2. scope 在 `.<prefix>page-ui` 之下：不开 pageUi 的页零命中（加法式），也**不碰别人的类名**。
+ *   3. **层次不靠投影**：小票纸与大字报刊两套皮肤是零阴影皮肤，浮面若靠 `--shadow` 立起来，一换皮就塌。
+ *      本件一条 `box-shadow` 都不写，层次的第二手段是三样**与皮肤无关**的东西：
+ *        · **粗边**：2px（页内细线是 1px 的发丝线，粗一档就读得出「这是浮面」）；
+ *        · **外圈晕**：`outline: 3px`（零模糊，不是投影；`outline` 跟 `border-radius` 走）；
+ *        · **遮罩更暗**：`::backdrop` 拿 `ink` 算 46% 压暗（顶层 ＋ 压暗一起读作「下面那层进不去」）。
+ *
+ *  几何契约（写在常量里也钉在判据里）：
+ *   · 窄档**不贴边**：面板宽 `min(344px, 100% - 32px)` ⇒ 390 档左右各留 23px、360 档各留 16px；
+ *   · 高过视口**内部滚**：面板是 flex 竖列，正文那一格 `flex:1 1 auto; min-height:0; overflow:auto`，
+ *     动作条 `flex:0 0 auto` ⇒ 正文滚、动作条始终看得见；
+ *   · 命中区 **≥44×44**（`DIALOG_MIN_HEIGHT_PX`，全宽口径，不只窄屏）。
+ */
+import { skinVar } from '../skin/index.js';
+import { DIALOG_EDGE_PX, DIALOG_MAX_WIDTH_PX, DIALOG_MIN_HEIGHT_PX, DIALOG_STATUS_ATTR, dialogClass, dialogOpenerClass, dialogSlot, } from './attrs.js';
+/** 前缀归一（缺省 `ilife-`；与本层其余件同一条口径）。 */
+function prefixOf(input) {
+    return input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+}
+/** 浮面的**硬边**：比发丝线深一档的裁切边（零阴影皮肤下「这是浮面」的第一手段）。 */
+export function dialogEdgeMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 30%, ' + skinVar('line') + ')';
+}
+/** 浮面的**外圈晕**：零模糊的 `outline`（第二手段；不是投影）。 */
+export function dialogHaloMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 9%, transparent)';
+}
+/** **遮罩**：拿 `ink` 算出来的压暗（第三手段；不写死黑）。 */
+export function dialogScrimMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 46%, transparent)';
+}
+/** 本组件的样式段（调用方拼进 `<style>`；`dialogCss()` 是它唯一的对外名）。 */
+export function dialogCss(input) {
+    const p = prefixOf(input);
+    const root = '.' + p + 'page-ui';
+    const panel = root + ' dialog.' + dialogClass(p);
+    const slot = (name) => '.' + dialogSlot(name, p);
+    const opener = '.' + dialogOpenerClass(p);
+    const edge = dialogEdgeMix();
+    const min = String(DIALOG_MIN_HEIGHT_PX) + 'px';
+    const gap = String(DIALOG_EDGE_PX * 2) + 'px';
+    return [
+        '/* dialog（对话框 · 形态 A 确认型）：真 <dialog> ＋ showModal()——遮罩、焦点锁、Esc、顶层都是浏览器给的。 */',
+        '/* 层次：粗边 ＋ 外圈晕 ＋ 更暗遮罩（本件零 box-shadow ⇒ 零阴影的两套皮肤下也立得住）。 */',
+        panel + '{box-sizing:border-box;',
+        '  width:min(' + DIALOG_MAX_WIDTH_PX + 'px, calc(100% - ' + gap + '));',
+        '  max-width:calc(100% - ' + gap + ');',
+        /* 两条 max-height：`%` 是给「还认不得 dvh」的兜底，认得的走下面那条（手机上不被地址栏吃掉半屏）。 */
+        '  max-height:calc(100% - ' + gap + ');',
+        '  max-height:calc(100dvh - ' + gap + ');',
+        '  margin:auto;padding:0;overflow:hidden;',
+        '  border:2px solid ' + edge + ';',
+        '  border-radius:' + skinVar('radius') + ';',
+        '  outline:3px solid ' + dialogHaloMix() + ';',
+        '  background:' + skinVar('surface') + ';color:' + skinVar('ink') + ';',
+        '  font:400 ' + skinVar('fs-body') + '/1.5 ' + skinVar('font') + '}',
+        /* 关着的一律不显示（`open` 的显隐由原生属性决定，这里只把开着的排成竖列）。 */
+        panel + ':not([open]){display:none}',
+        panel + '[open]{display:flex;flex-direction:column}',
+        panel + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:-4px}',
+        panel + '::backdrop{background:' + dialogScrimMix() + '}',
+        /* 头部（不滚） */
+        root + ' ' + slot('head') + '{flex:0 0 auto;display:flex;gap:12px;padding:18px 18px 0}',
+        root + ' ' + slot('headtext') + '{min-width:0}',
+        root + ' ' + slot('icon') + '{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;',
+        '  border-radius:' + skinVar('radius-pill') + ';background:' + skinVar('warn-soft') + ';color:' + skinVar('warn') + '}',
+        panel + '.tone-danger ' + slot('icon') + '{background:' + skinVar('danger-soft') + ';color:' + skinVar('danger') + '}',
+        root + ' ' + slot('title') + '{margin:0;font-size:' + skinVar('fs-h3') + ';font-weight:700;line-height:1.4;',
+        '  overflow-wrap:anywhere}',
+        root + ' ' + slot('sub') + '{display:block;margin-top:3px;color:' + skinVar('ink-2') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        /* 正文（滚的是它） */
+        root + ' ' + slot('body') + '{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 18px 0;',
+        '  color:' + skinVar('ink-2') + ';font-size:' + skinVar('fs-sm') + ';line-height:1.6;overflow-wrap:anywhere}',
+        root + ' ' + slot('body') + ' p{margin:0 0 8px}',
+        root + ' ' + slot('body') + ' p:last-child{margin-bottom:0}',
+        /* 状态行：写在动作条上方（不只染色；形状符号由标记给） */
+        root + ' ' + slot('status') + '{flex:0 0 auto;margin:0;padding:12px 18px 0;color:' + skinVar('danger') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        root + ' ' + slot('status') + ' b{margin-right:4px}',
+        root + ' ' + slot('status') + '[' + DIALOG_STATUS_ATTR + '="busy"]{color:' + skinVar('ink-2') + '}',
+        root + ' ' + slot('note') + '{flex:0 0 auto;margin:0;padding:12px 18px 0;color:' + skinVar('ink-2') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        /* 动作条（不滚）＋ 动作键（≥44×44） */
+        root + ' ' + slot('foot') + '{flex:0 0 auto;display:flex;gap:8px;padding:16px 18px 18px}',
+        root + ' ' + slot('act') + '{flex:1 1 0;min-width:' + min + ';min-height:' + min + ';box-sizing:border-box;',
+        '  padding:7px 14px;border:2px solid ' + edge + ';border-radius:' + skinVar('radius-sm') + ';',
+        '  background:' + skinVar('surface') + ';color:' + skinVar('ink') + ';',
+        '  font:600 ' + skinVar('fs-sm') + '/1.15 ' + skinVar('font') + ';cursor:pointer;overflow-wrap:anywhere}',
+        /* 主动作（实底）：底取 **`accent-text`**（同族深一档）而不是 `accent`——小字压强调底要走仓内
+           #179 的口径（`--blue` 4.02:1 不到 AA 的 4.5:1，`--blue2` 起才够），这条口径在 `blocks.ts` 里
+           逐处写着。破坏性档换 `danger`（压 `accent-ink` 7.7:1）。 */
+        root + ' ' + slot('act') + ':last-child{background:' + skinVar('accent-text') + ';',
+        '  border-color:' + skinVar('accent-text') + ';color:' + skinVar('accent-ink') + '}',
+        panel + '.tone-danger ' + slot('foot') + ' ' + slot('act') + ':last-child{background:' + skinVar('danger') + ';',
+        '  border-color:' + skinVar('danger') + '}',
+        root + ' ' + slot('act') + ':active{transform:scale(.98);transition:transform 60ms linear}',
+        root + ' ' + slot('act') + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:2px}',
+        root + ' ' + slot('act') + ':last-child:focus-visible{outline-color:' + skinVar('ink') + '}',
+        root + ' ' + slot('act') + '[disabled]{cursor:not-allowed;background:' + skinVar('surface-2') + ';',
+        '  border-color:' + skinVar('line') + ';color:' + skinVar('ink-2') + '}',
+        /* loading：原地换字（宽度由 flex 定住 ⇒ 不跳版）；转圈归调用方，组件只声明「正在写」这一档 */
+        root + ' ' + slot('act') + '[aria-busy="true"]{cursor:progress}',
+        '@media (hover:hover) and (pointer:fine){',
+        '  ' + root + ' ' + slot('act') + ':hover{border-color:' + skinVar('accent') + '}',
+        '  ' + root + ' ' + slot('act') + ':last-child:hover{border-color:' + skinVar('ink') + '}',
+        '  ' + root + ' ' + slot('act') + '[disabled]:hover{border-color:' + skinVar('line') + '}',
+        '}',
+        '@media (prefers-reduced-motion: reduce){',
+        '  ' + root + ' ' + slot('act') + ':active{transform:none;transition:none}',
+        '}',
+        /* 触发键（页面正文里那一枚；焦点归还回路的另一头） */
+        root + ' ' + opener + '{display:inline-flex;align-items:center;justify-content:center;min-height:' + min + ';',
+        '  padding:0 16px;box-sizing:border-box;border:2px solid ' + edge + ';',
+        '  border-radius:' + skinVar('radius-sm') + ';background:' + skinVar('surface') + ';',
+        '  color:' + skinVar('accent-text') + ';font:600 ' + skinVar('fs-sm') + '/1.15 ' + skinVar('font') + ';',
+        '  cursor:pointer;overflow-wrap:anywhere}',
+        root + ' ' + opener + ':active{transform:scale(.98);transition:transform 60ms linear}',
+        root + ' ' + opener + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:2px}',
+        '@media (hover:hover) and (pointer:fine){',
+        '  ' + root + ' ' + opener + ':hover{border-color:' + skinVar('accent') + '}',
+        '}',
+        '@media (prefers-reduced-motion: reduce){',
+        '  ' + root + ' ' + opener + ':active{transform:none;transition:none}',
+        '}',
+    ].join('\n');
+}