dsh-plugin-core 0.32.0 → 0.33.0

package/dist/ui/display/table-shared.js

@@ -0,0 +1,229 @@
+import { createElement as h } from 'react';
+import { t } from '../../utils/i18n.js';
+import { ensureComponentStyles } from '../infra/css.js';
+import { TABLE_BASE_CSS } from '../infra/controls-css.js';
+import { Loader } from '../feedback/Loader.js';
+import { SectionHead } from './SectionHead.js';
+import { headerRows, isTableCellSpec, leafColumns, } from './table-logic.js';
+function widthOf(width) {
+    if (width === undefined)
+        return undefined;
+    return typeof width === 'number' ? `${width}px` : width;
+}
+/** 列级水平内距（覆盖 density 档）；不传交给 CSS。 */
+function padStyle(column) {
+    return column.padding === undefined ? undefined : { paddingInline: `${column.padding}px` };
+}
+function alignClass(prefix, align) {
+    return align === undefined || align === 'left' ? '' : ` ${prefix}--${align}`;
+}
+/**
+ * 某列在叶子序列里的位置决定画不画左竖线：
+ * 首列恒不画（那是外框的位置）；其余列只在「想要线」时画。
+ * 分组列自己不写 `divider` 时，跟随它第一个叶子列 —— 组头的左缘和第一个子列的左缘
+ * 是同一条线，否则「组头无线、下面子列有线」会断成两截（2026-10-30 用户真机指出）。
+ */
+function dividerAttr(leafIndex, wanted) {
+    if (leafIndex === 0)
+        return undefined;
+    return wanted === true ? 'left' : undefined;
+}
+/**
+ * 表格共享渲染壳（**内部件，不进公开导出**）。
+ *
+ * 职责：基础层样式登记 + 语义化 `<table>` 结构 + 表头分组计算 + 行交互 + 列/单元格配置落地。
+ * 外观（表头底色 / 分隔线 / 悬浮 / 选中）由调用方的皮肤 CSS 负责：每个公开组件
+ * （`Table`、将来的 `TableGrid` / `TableZebra`）只 import 自己那份皮肤，并把自己的
+ * modifier class 传进来。这样消费方引哪个就只打包哪个 —— 绝不用 `variant` 汇总多份皮肤。
+ */
+export function tableShell(skinClass, props, options = {}) {
+    ensureComponentStyles('table-core', TABLE_BASE_CSS);
+    const tt = props.translate ?? t;
+    const headRows = headerRows(props.columns);
+    const leaves = leafColumns(props.columns);
+    const leafIndexByKey = new Map();
+    leaves.forEach((column, index) => {
+        leafIndexByKey.set(column.key, index);
+    });
+    const selected = new Set(props.selectedKeys ?? []);
+    const onRowClick = props.onRowClick;
+    const density = props.density ?? 'default';
+    const borders = props.borders ?? 'y';
+    /** 表头一行：分组表头按层级逐行渲染（每组重复渲染它，分组模式也要表头）。 */
+    const headRowOf = (cells, level) => h('tr', { key: `head-${level}`, className: 'dshpc-table__head-row' }, ...cells.map((cell) => {
+        const group = cell.colSpan > 1;
+        const firstLeafIndex = leafIndexByKey.get(cell.leafKeys[0] ?? '');
+        // 分组列没写 divider ⇒ 跟第一个叶子列走（两行列的左缘是同一条线）。
+        const firstLeaf = firstLeafIndex === undefined ? undefined : leaves[firstLeafIndex];
+        const className = `dshpc-table__head-cell${group ? ' dshpc-table__head-cell--group' : ''}${alignClass('dshpc-table__head-cell', cell.column.align)}`;
+        const tone = cell.column.headerTone;
+        return h('th', {
+            key: cell.column.key,
+            scope: group ? 'colgroup' : 'col',
+            colSpan: cell.colSpan > 1 ? cell.colSpan : undefined,
+            rowSpan: cell.rowSpan > 1 ? cell.rowSpan : undefined,
+            className,
+            style: padStyle(cell.column),
+            'data-divider': firstLeafIndex === undefined
+                ? undefined
+                : dividerAttr(firstLeafIndex, cell.column.divider ?? firstLeaf?.divider),
+            'data-header-tone': tone === undefined || tone === 'default' ? undefined : tone,
+        }, cell.column.title);
+    }));
+    /**
+     * 跨行单元格（rowSpan）把上下几行连成一个视觉块：块里任意一行被选中，整块都算选中。
+     * 先按 rowSpan 求每行所属块的范围 [start, end]，再判断块内有没有选中行 ——
+     * 不依赖点击的是块里的哪一行，也不要求调用方自己展开。
+     */
+    const selectedBlocksOf = (rows) => {
+        const blocks = rows.map((_, index) => ({ start: index, end: index }));
+        rows.forEach((row, index) => {
+            for (const cell of Object.values(row.cells)) {
+                if (!isTableCellSpec(cell) || cell.rowSpan === undefined || cell.rowSpan <= 1)
+                    continue;
+                const end = Math.min(index + cell.rowSpan - 1, rows.length - 1);
+                for (let line = index; line <= end; line += 1) {
+                    const block = blocks[line];
+                    if (block === undefined)
+                        continue;
+                    block.start = Math.min(block.start, index);
+                    block.end = Math.max(block.end, end);
+                }
+            }
+        });
+        return blocks.map((block) => {
+            for (let line = block.start; line <= block.end; line += 1) {
+                const row = rows[line];
+                if (row !== undefined && selected.has(row.key))
+                    return true;
+            }
+            return false;
+        });
+    };
+    /** 一组数据行（选中 / 可点 / 单元格配置都在这里落地）。 */
+    const dataRowsOf = (rows, offset = 0) => {
+        const selectedBlocks = selectedBlocksOf(rows);
+        return rows.map((row, index) => h('tr', {
+            key: row.key,
+            className: 'dshpc-table__row',
+            'data-selected': selectedBlocks[index] === true ? 'true' : undefined,
+            'data-interactive': onRowClick === undefined ? undefined : 'true',
+            tabIndex: onRowClick === undefined ? undefined : 0,
+            onClick: onRowClick === undefined ? undefined : () => onRowClick(row, offset + index),
+            onKeyDown: onRowClick === undefined
+                ? undefined
+                : (event) => {
+                    if (event.key !== 'Enter' && event.key !== ' ')
+                        return;
+                    event.preventDefault();
+                    onRowClick(row, offset + index);
+                },
+        }, ...leaves.map((column, leafIndex) => {
+            const cell = row.cells[column.key];
+            // 缺 key = 该格不渲染（上一行的 rowSpan 已经占了这个位置）；要空格请显式传 null。
+            if (cell === undefined)
+                return null;
+            let spec;
+            let content;
+            if (isTableCellSpec(cell)) {
+                spec = cell;
+                content = cell.content;
+            }
+            else {
+                content = cell;
+            }
+            const align = spec?.align ?? column.align;
+            return h('td', {
+                key: column.key,
+                className: `dshpc-table__cell${alignClass('dshpc-table__cell', align)}`,
+                style: padStyle(column),
+                colSpan: spec?.colSpan !== undefined && spec.colSpan > 1 ? spec.colSpan : undefined,
+                rowSpan: spec?.rowSpan !== undefined && spec.rowSpan > 1 ? spec.rowSpan : undefined,
+                'data-divider': dividerAttr(leafIndex, column.divider),
+            }, content ?? null);
+        })));
+    };
+    const colSpan = leaves.length > 0 ? leaves.length : undefined;
+    const emptyRow = h('tr', { key: 'empty', className: 'dshpc-table__row' }, h('td', { className: 'dshpc-table__empty', colSpan }, props.emptyText ?? tt('tableEmpty')));
+    // 整表加载：只在一条数据都没有时占位，不遮挡已有行（追加下一页请用 loadingMore）。
+    const loadingRow = h('tr', { key: 'loading', className: 'dshpc-table__state-row' }, h('td', { className: 'dshpc-table__state-cell', colSpan }, h('div', {
+        className: 'dshpc-table__state dshpc-table__state--full',
+        style: props.loadingHeight === undefined ? undefined : { height: `${props.loadingHeight}px` },
+    }, h(Loader, { variant: 'blocks', size: 'xl', label: tt('tableLoading') }))));
+    // 底部加载态：只在给了 onLoadMore（开关）时渲染，且 loadingMore 优先于「没有更多」。
+    const infinite = props.onLoadMore !== undefined;
+    const loadingMore = infinite && props.loadingMore === true;
+    const showNoMore = infinite && !loadingMore && props.hasMore === false && props.noMoreText !== false;
+    const footerRows = [];
+    if (loadingMore) {
+        footerRows.push(h('tr', { key: 'more', className: 'dshpc-table__state-row dshpc-table__state-row--footer' }, h('td', { className: 'dshpc-table__state-cell', colSpan }, h('div', { className: 'dshpc-table__state' }, h(Loader, { variant: 'blocks', size: 'md', label: tt('tableLoadingMore') })))));
+    }
+    else if (showNoMore) {
+        footerRows.push(h('tr', { key: 'end', className: 'dshpc-table__state-row dshpc-table__state-row--footer' }, h('td', { className: 'dshpc-table__state-cell', colSpan }, h('div', { className: 'dshpc-table__state' }, h('span', { className: 'dshpc-table__state-text' }, props.noMoreText === undefined ? tt('tableNoMore') : props.noMoreText)))));
+    }
+    // 底部哨兵：IntersectionObserver 的落点；hasMore === false 时没有下一页，不必再监听。
+    const sentinelRow = infinite && props.hasMore !== false && options.sentinelRef !== undefined
+        ? h('tr', {
+            key: 'sentinel',
+            ref: options.sentinelRef,
+            className: 'dshpc-table__sentinel',
+            'aria-hidden': 'true',
+        }, h('td', { colSpan }))
+        : null;
+    // 没有左右外框（y / none）且底部有状态行时，表底那条横线也去掉 ——
+    // 状态行只保留上方一条实线，否则图标下面会多出一条孤线（2026-10-31 用户定）。
+    const flatFoot = footerRows.length > 0 && (borders === 'y' || borders === 'none');
+    const tableClass = [
+        'dshpc-table',
+        skinClass,
+        `dshpc-table--density-${density}`,
+        `dshpc-table--borders-${borders}`,
+        props.striped === true ? 'dshpc-table--striped' : '',
+        flatFoot ? 'dshpc-table--foot-no-bottom' : '',
+        props.className ?? '',
+    ]
+        .filter((s) => s !== '')
+        .join(' ');
+    // 分组模式下底部状态行 / 哨兵单独占一个 tbody，排在最后一组之后（不影响各组的表头归属）。
+    const groupFoot = footerRows.length > 0 || sentinelRow !== null
+        ? h('tbody', { key: 'group-foot', className: 'dshpc-table__body' }, ...footerRows, sentinelRow)
+        : null;
+    const groups = props.groups ?? [];
+    const body = groups.length > 0
+        ? [
+            ...groups.map((group, groupIndex) => h('tbody', { key: group.key, className: 'dshpc-table__body dshpc-table__group-body' }, 
+            // 通栏标题行：横跨所有列，充当这一组的「大标题」。
+            h('tr', { className: 'dshpc-table__group-row' }, h('th', {
+                className: 'dshpc-table__group-cell',
+                scope: 'colgroup',
+                colSpan: leaves.length > 0 ? leaves.length : undefined,
+            }, 
+            // 标题的固定标签（短竖线）与排版归 SectionHead —— Table 只负责把标题装进通栏。
+            h(SectionHead, {
+                title: group.title,
+                accent: props.groupAccent ?? 'default',
+                flush: true,
+            }))), 
+            // 每组自带表头：分组模式不放在 <thead>（一个 table 只能有一个 thead）
+            ...headRows.map((cells, level) => headRowOf(cells, `g${groupIndex}-${level}`)), ...dataRowsOf(group.rows, 0))),
+            ...(groupFoot === null ? [] : [groupFoot]),
+        ]
+        : [
+            h('tbody', { key: 'body', className: 'dshpc-table__body' }, props.loading === true && (props.rows?.length ?? 0) === 0
+                ? loadingRow
+                : props.rows !== undefined && props.rows.length > 0
+                    ? dataRowsOf(props.rows)
+                    : emptyRow, ...footerRows, sentinelRow),
+        ];
+    return h('table', { className: tableClass, style: props.style, 'aria-label': props.ariaLabel }, leaves.length === 0
+        ? null
+        : h('colgroup', null, ...leaves.map((column) => h('col', {
+            key: column.key,
+            style: widthOf(column.width) === undefined ? undefined : { width: widthOf(column.width) },
+        }))), 
+    // 有分组时，每组的表头在各自的 tbody 里；单一表时表头在 thead。
+    groups.length > 0
+        ? null
+        : h('thead', { className: 'dshpc-table__head' }, ...headRows.map((cells, level) => headRowOf(cells, level))), ...body);
+}
+//# sourceMappingURL=table-shared.js.map

package/dist/ui/display/table-shared.js.map

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

package/dist/ui/feedback/AlertModal.d.ts

@@ -0,0 +1,41 @@
+import { createElement as h, type ReactNode } from 'react';
+import { type ModalSize } from './Modal.js';
+import { type Translate } from '../../utils/i18n.js';
+/** Alert 信号档（图标 + 配色由头部 severity 图标承载）。 */
+export type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
+export interface AlertModalProps {
+    /** 主标题（不传则整条头部消失，直接出说明文字）。 */
+    title?: ReactNode;
+    /** 说明文字 / 任意内容。 */
+    message?: ReactNode;
+    /** 信号档（默认 info）。 */
+    severity?: AlertSeverity;
+    /** 确认按钮文案（默认 i18n「知道了」）。 */
+    confirmText?: string;
+    /** 确认钮定宽（px 或任意 CSS 宽度值）；loading 转圈会把按钮撑宽，定宽后不跳。 */
+    confirmWidth?: number | string;
+    /**
+     * loading 时是否保留按钮文案（默认 true）。传 `false`：loading 期间清文字、
+     * 锁在「有文案」的宽度上、只留一枚居中的圈（见 `Button.loadingText`）。
+     */
+    loadingText?: boolean;
+    /** 点遮罩是否关闭（默认 true）。 */
+    closeOnMask?: boolean;
+    /** 锁死全部交互（含义见 `Modal.locked`）：整框点不动、Tab 进不去、三条关闭路径同时失效。 */
+    locked?: boolean;
+    /** 外部驱动确认钮 loading（如别处正在刷新）。与按钮自己的异步状态取或。 */
+    confirmLoading?: boolean;
+    /** 底栏左侧的一行过程提示（换字即翻牌，超长省略 + hover 跑马灯）。不传 = 不占位。 */
+    notice?: string;
+    /** 尺寸档（默认 sm 确认框宽度）。 */
+    size?: ModalSize;
+    /** 点击确认 / 遮罩 / Esc 的统一出口（单按钮弹窗，关闭即确认）；**返回 Promise 自动转圈 + 整框锁死**。 */
+    onConfirm?: () => unknown;
+    translate?: Translate;
+}
+/**
+ * 警告框（语义层，基于 Modal）：单按钮 + 无 ✕ + severity 图标；无标题时整条头部消失。
+ * 样式封闭：按钮只暴露语义档（primary），不透传任意 className/style。
+ */
+export declare function AlertModal(props: AlertModalProps): ReturnType<typeof h>;
+//# sourceMappingURL=AlertModal.d.ts.map

package/dist/ui/feedback/AlertModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/ui/feedback/AlertModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,EAAK,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAIvD,2CAA2C;AAC3C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AASpE,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CA+BvE"}

package/dist/ui/feedback/AlertModal.js

@@ -0,0 +1,45 @@
+import { createElement as h, useState } from 'react';
+import { Modal } from './Modal.js';
+import { Button } from '../actions/Button.js';
+import { t } from '../../utils/i18n.js';
+import { ensureComponentStyles } from '../infra/css.js';
+import { FEEDBACK_CSS } from './feedback-css.js';
+const SEVERITY_GLYPH = {
+    info: 'ⓘ',
+    success: '✓',
+    warning: '⚠',
+    error: '✕',
+};
+/**
+ * 警告框（语义层，基于 Modal）：单按钮 + 无 ✕ + severity 图标；无标题时整条头部消失。
+ * 样式封闭：按钮只暴露语义档（primary），不透传任意 className/style。
+ */
+export function AlertModal(props) {
+    ensureComponentStyles('feedback', FEEDBACK_CSS);
+    const tt = props.translate ?? t;
+    const severity = props.severity ?? 'info';
+    const [running, setRunning] = useState(false);
+    // 在跑（自己点的或外部传的）⇒ 遮罩 / Esc 一律不关。
+    const busy = running || props.confirmLoading === true;
+    return h(Modal, {
+        icon: h('span', { className: `dshpc-alert-sev dshpc-alert-sev--${severity}` }, SEVERITY_GLYPH[severity]),
+        title: props.title,
+        size: props.size ?? 'sm',
+        hideHeader: props.title === undefined,
+        closable: false,
+        closeOnMask: props.closeOnMask,
+        busy,
+        locked: props.locked,
+        onClose: props.onConfirm,
+        notice: props.notice,
+        footer: h(Button, {
+            variant: 'primary',
+            width: props.confirmWidth,
+            loadingText: props.loadingText,
+            loading: props.confirmLoading === true,
+            onBusyChange: setRunning,
+            onClick: () => props.onConfirm?.(),
+        }, props.confirmText ?? tt('dialogOk')),
+    }, props.message ?? null);
+}
+//# sourceMappingURL=AlertModal.js.map

package/dist/ui/feedback/AlertModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertModal.js","sourceRoot":"","sources":["../../../src/ui/feedback/AlertModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,CAAC,EAAkB,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,MAAM,cAAc,GAAkC;IACpD,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,GAAG;CACX,CAAA;AAiCD;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAA;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,gCAAgC;IAChC,MAAM,IAAI,GAAG,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IACrD,OAAO,CAAC,CACN,KAAK,EACL;QACE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,oCAAoC,QAAQ,EAAE,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;QACxG,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI;QACxB,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS;QACrC,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,IAAI;QACJ,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;YAChB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,KAAK,CAAC,YAAY;YACzB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI;YACtC,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE;SACnC,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC;KACxC,EACD,KAAK,CAAC,OAAO,IAAI,IAAI,CACtB,CAAA;AACH,CAAC"}

package/dist/ui/feedback/ConfirmModal.d.ts

@@ -0,0 +1,50 @@
+import { createElement as h, type ReactNode } from 'react';
+import { type ModalSize } from './Modal.js';
+import { type Translate } from '../../utils/i18n.js';
+/** 确认钮语义档（决定确认钮外观）。 */
+export type ConfirmTone = 'primary' | 'danger' | 'warning';
+export interface ConfirmModalProps {
+    title?: ReactNode;
+    /** 说明文字 / 任意内容。 */
+    message?: ReactNode;
+    /** 确认钮语义档（默认 primary；danger=红 / warning=黄）。 */
+    tone?: ConfirmTone;
+    /** 确认钮文案（默认 i18n「确定」）。 */
+    confirmText?: string;
+    /** 取消钮文案（默认 i18n「取消」）。 */
+    cancelText?: string;
+    /** 确认钮定宽（px 或任意 CSS 宽度值）；loading 转圈会把按钮撑宽，定宽后不跳。 */
+    confirmWidth?: number | string;
+    /** 取消钮定宽；同上。 */
+    cancelWidth?: number | string;
+    /**
+     * loading 时是否保留按钮文案（默认 true）。传 `false`：loading 期间按钮清文字、
+     * 锁在「有文案」的宽度上、只留一枚居中的圈，settle 后一起还原（见 `Button.loadingText`）。
+     */
+    loadingText?: boolean;
+    /** 点遮罩是否关闭（默认 true；点了 = 取消）。 */
+    closeOnMask?: boolean;
+    /** 锁死全部交互（含义见 `Modal.locked`）：整框点不动、Tab 进不去、三条关闭路径同时失效。 */
+    locked?: boolean;
+    /** 外部驱动确认钮 loading（如别处正在刷新）。与按钮自己的异步状态取或。 */
+    confirmLoading?: boolean;
+    /** 外部驱动取消钮 loading：同上。 */
+    cancelLoading?: boolean;
+    /** 底栏左侧的一行过程提示（换字即翻牌，超长省略 + hover 跑马灯）。不传 = 不占位。 */
+    notice?: string;
+    size?: ModalSize;
+    /** 确认回调；**返回 Promise 自动转圈 + 整框锁死**，settle 后恢复（关闭与否由你决定）。 */
+    onConfirm?: () => unknown;
+    /** 取消 / 遮罩 / Esc 回调；异步语义同 `onConfirm`。 */
+    onCancel?: () => unknown;
+    translate?: Translate;
+}
+/**
+ * 确认框（语义层，基于 Modal）：双按钮（取消 outline + 确认语义档）、无 ✕；无标题时整条头部消失。
+ * 样式封闭：按钮只暴露语义档（tone → variant），不透传任意 className/style。
+ *
+ * 异步不在这里实现：`onConfirm` / `onCancel` 返回 Promise 时由 `Button` 自动转圈，
+ * 它再把「在跑」报上来，这里只负责把它转成 `Modal` 的 `busy`（锁死遮罩 / Esc）。
+ */
+export declare function ConfirmModal(props: ConfirmModalProps): ReturnType<typeof h>;
+//# sourceMappingURL=ConfirmModal.d.ts.map

package/dist/ui/feedback/ConfirmModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/ui/feedback/ConfirmModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,EAAK,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEvD,uBAAuB;AACvB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE1D,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CA2C3E"}

package/dist/ui/feedback/ConfirmModal.js

@@ -0,0 +1,47 @@
+import { createElement as h, useState } from 'react';
+import { Modal } from './Modal.js';
+import { Button } from '../actions/Button.js';
+import { t } from '../../utils/i18n.js';
+/**
+ * 确认框（语义层，基于 Modal）：双按钮（取消 outline + 确认语义档）、无 ✕；无标题时整条头部消失。
+ * 样式封闭：按钮只暴露语义档（tone → variant），不透传任意 className/style。
+ *
+ * 异步不在这里实现：`onConfirm` / `onCancel` 返回 Promise 时由 `Button` 自动转圈，
+ * 它再把「在跑」报上来，这里只负责把它转成 `Modal` 的 `busy`（锁死遮罩 / Esc）。
+ */
+export function ConfirmModal(props) {
+    const tt = props.translate ?? t;
+    const tone = props.tone ?? 'primary';
+    const confirmVariant = tone === 'danger' ? 'danger' : tone === 'warning' ? 'warning' : 'primary';
+    const [confirmBusy, setConfirmBusy] = useState(false);
+    const [cancelBusy, setCancelBusy] = useState(false);
+    // 任一钮在跑（自己点的或外部传的）⇒ 整框不可关。
+    const busy = confirmBusy || cancelBusy || props.confirmLoading === true || props.cancelLoading === true;
+    return h(Modal, {
+        title: props.title,
+        size: props.size ?? 'sm',
+        hideHeader: props.title === undefined,
+        closable: false,
+        closeOnMask: props.closeOnMask,
+        busy,
+        locked: props.locked,
+        onClose: props.onCancel,
+        notice: props.notice,
+        footer: h('div', { style: { display: 'flex', gap: '8px', justifyContent: 'flex-end' } }, h(Button, {
+            variant: 'outline',
+            width: props.cancelWidth,
+            loadingText: props.loadingText,
+            loading: props.cancelLoading === true,
+            onBusyChange: setCancelBusy,
+            onClick: () => props.onCancel?.(),
+        }, props.cancelText ?? tt('cancel')), h(Button, {
+            variant: confirmVariant,
+            width: props.confirmWidth,
+            loadingText: props.loadingText,
+            loading: props.confirmLoading === true,
+            onBusyChange: setConfirmBusy,
+            onClick: () => props.onConfirm?.(),
+        }, props.confirmText ?? tt('confirm'))),
+    }, props.message ?? null);
+}
+//# sourceMappingURL=ConfirmModal.js.map

package/dist/ui/feedback/ConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/ui/feedback/ConfirmModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,CAAC,EAAkB,MAAM,qBAAqB,CAAA;AA0CvD;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAA;IACpC,MAAM,cAAc,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAChG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,2BAA2B;IAC3B,MAAM,IAAI,GAAG,WAAW,IAAI,UAAU,IAAI,KAAK,CAAC,cAAc,KAAK,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IACvG,OAAO,CAAC,CACN,KAAK,EACL;QACE,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI;QACxB,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS;QACrC,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,IAAI;QACJ,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,QAAQ;QACvB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,CAAC,CACP,KAAK,EACL,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EACtE,CAAC,CAAC,MAAM,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,KAAK,CAAC,WAAW;YACxB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;YACrC,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE;SAClC,EAAE,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EACpC,CAAC,CAAC,MAAM,EAAE;YACR,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,KAAK,CAAC,YAAY;YACzB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI;YACtC,YAAY,EAAE,cAAc;YAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE;SACnC,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,CACvC;KACF,EACD,KAAK,CAAC,OAAO,IAAI,IAAI,CACtB,CAAA;AACH,CAAC"}

package/dist/ui/feedback/Loader.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Loader —— 统一的加载动画图标（UI 基础层 · 反馈族）。
+ *
+ * 一句话边界：**只画图标本身**。没有背景、没有内距、没有圆角、没有定位。
+ * 要圆角底就外面套 `Chip` / `Card`，要浮在屏幕上就自己包一层 fixed 容器 ——
+ * 背景与位置属于调用方，不属于这个控件。
+ *
+ * 两轴正交（不是两个组件，也不是 N×M 份样式）：
+ * - `variant`：`ring` 开口弧旋转（默认）/ `blocks` 三块脉动
+ * - `size`：`xs` 12 / `sm` 16 / `md` 24（默认）/ `lg` 32 / `xl` 48
+ *
+ * 几何统一画在 `viewBox="0 0 24 24"` 里，尺寸档只改 `width` / `height` ⇒ 等比缩放，
+ * 描边与方块的视觉重量在各档一致（12px 下描边 1.5px，48px 下 6px）。
+ *
+ * 颜色：全程 `currentColor`，自动跟随所在按钮 / 标签的文字色，不给 color 轴
+ * （要换色在调用点给 `style={{ color }}` 即可，不必新增参数）。
+ *
+ * 无障碍：默认 `aria-hidden`（图标本身是装饰，语义由所在按钮的文字 / 卡片的
+ * `role="status"` 承担）；要让它自己承担语义时传 `label`，此时输出 `role="status"`。
+ *
+ * 扩展新形态：在 `LoaderVariant` 加一个值 + 本文件加一支几何 + `loader.css` 加一段规则，
+ * 不新增导出（形态由数据决定时直接传字符串即可，见 docs/help/ui.md）。
+ */
+import { createElement as h } from 'react';
+/** 尺寸档：只影响 width / height，几何等比缩放。 */
+export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 形态档。 */
+export type LoaderVariant = 'ring' | 'blocks';
+export interface LoaderProps {
+    /** 形态，默认 `ring`。 */
+    variant?: LoaderVariant;
+    /** 尺寸档，默认 `md`。 */
+    size?: LoaderSize;
+    /**
+     * 无障碍文案。不传 = 纯装饰（`aria-hidden`）；传了 = 输出 `role="status"` 并由它播报。
+     * 按钮里、加载卡里这类**旁边已有文字**的场景不要传。
+     */
+    label?: string;
+    /** 追加 class（只允许补布局，不许覆盖外观）。 */
+    className?: string;
+}
+/**
+ * 渲染一个加载动画图标。
+ *
+ * @param props 见 {@link LoaderProps}。
+ * @returns `<svg>` 元素（inline，不占额外行高）。
+ */
+export declare function Loader(props: LoaderProps): ReturnType<typeof h>;
+//# sourceMappingURL=Loader.d.ts.map

package/dist/ui/feedback/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/ui/feedback/Loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,MAAM,OAAO,CAAA;AAI1C,qCAAqC;AACrC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,WAAW;AACX,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7C,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqCD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAiB/D"}

package/dist/ui/feedback/Loader.js

@@ -0,0 +1,79 @@
+/**
+ * Loader —— 统一的加载动画图标（UI 基础层 · 反馈族）。
+ *
+ * 一句话边界：**只画图标本身**。没有背景、没有内距、没有圆角、没有定位。
+ * 要圆角底就外面套 `Chip` / `Card`，要浮在屏幕上就自己包一层 fixed 容器 ——
+ * 背景与位置属于调用方，不属于这个控件。
+ *
+ * 两轴正交（不是两个组件，也不是 N×M 份样式）：
+ * - `variant`：`ring` 开口弧旋转（默认）/ `blocks` 三块脉动
+ * - `size`：`xs` 12 / `sm` 16 / `md` 24（默认）/ `lg` 32 / `xl` 48
+ *
+ * 几何统一画在 `viewBox="0 0 24 24"` 里，尺寸档只改 `width` / `height` ⇒ 等比缩放，
+ * 描边与方块的视觉重量在各档一致（12px 下描边 1.5px，48px 下 6px）。
+ *
+ * 颜色：全程 `currentColor`，自动跟随所在按钮 / 标签的文字色，不给 color 轴
+ * （要换色在调用点给 `style={{ color }}` 即可，不必新增参数）。
+ *
+ * 无障碍：默认 `aria-hidden`（图标本身是装饰，语义由所在按钮的文字 / 卡片的
+ * `role="status"` 承担）；要让它自己承担语义时传 `label`，此时输出 `role="status"`。
+ *
+ * 扩展新形态：在 `LoaderVariant` 加一个值 + 本文件加一支几何 + `loader.css` 加一段规则，
+ * 不新增导出（形态由数据决定时直接传字符串即可，见 docs/help/ui.md）。
+ */
+import { createElement as h } from 'react';
+import { ensureComponentStyles } from '../infra/css.js';
+import { LOADER_CSS } from '../infra/controls-css.js';
+/** 形态一：约 265° 的开口弧（周长 59.7，画 44 的空缺留 15.7）。 */
+function ringNode() {
+    return h('circle', {
+        cx: 12,
+        cy: 12,
+        r: 9.5,
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 3,
+        strokeLinecap: 'round',
+        strokeDasharray: '44 15.7',
+    });
+}
+/**
+ * 形态二：三个圆角短条，横向三等分。
+ * 每个 7.2×6.0 —— 正方形在 24px 档看着像「方点」，用户 2026-10-30 指出太丑。
+ * 间隔 0.6，左右各留 0.6；三块总宽 22.8，垂直居中于 24 高。
+ */
+function blockNodes() {
+    const cells = [0, 1, 2];
+    return cells.map((i) => h('rect', {
+        key: i,
+        className: 'dshpc-loader__node',
+        x: 0.6 + i * 7.8,
+        y: 9,
+        width: 7.2,
+        height: 6,
+        rx: 1.5,
+        fill: 'currentColor',
+    }));
+}
+/**
+ * 渲染一个加载动画图标。
+ *
+ * @param props 见 {@link LoaderProps}。
+ * @returns `<svg>` 元素（inline，不占额外行高）。
+ */
+export function Loader(props) {
+    ensureComponentStyles('loader', LOADER_CSS);
+    const { variant = 'ring', size = 'md', label, className } = props;
+    const classes = ['dshpc-loader', `dshpc-loader--${variant}`, `dshpc-loader--${size}`];
+    if (className !== undefined && className !== '')
+        classes.push(className);
+    return h('svg', {
+        className: classes.join(' '),
+        viewBox: '0 0 24 24',
+        role: label === undefined ? undefined : 'status',
+        'aria-label': label,
+        'aria-hidden': label === undefined ? true : undefined,
+        focusable: 'false',
+    }, variant === 'ring' ? ringNode() : blockNodes());
+}
+//# sourceMappingURL=Loader.js.map

package/dist/ui/feedback/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui/feedback/Loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAsBrD,+CAA+C;AAC/C,SAAS,QAAQ;IACf,OAAO,CAAC,CAAC,QAAQ,EAAE;QACjB,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,CAAC,EAAE,GAAG;QACN,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,OAAO;QACtB,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAA;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,UAAU;IACjB,MAAM,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,EAAE;QACR,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,oBAAoB;QAC/B,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG;QAChB,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC;QACT,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,cAAc;KACrB,CAAC,CACH,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,qBAAqB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;IAC3C,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IACjE,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,iBAAiB,OAAO,EAAE,EAAE,iBAAiB,IAAI,EAAE,CAAC,CAAA;IACrF,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE;QAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACxE,OAAO,CAAC,CACN,KAAK,EACL;QACE,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;QAChD,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACrD,SAAS,EAAE,OAAO;KACnB,EACD,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAC/C,CAAA;AACH,CAAC"}

package/dist/ui/feedback/LoaderBar.d.ts

@@ -0,0 +1,38 @@
+/**
+ * LoaderBar —— 胶囊不定进度 loading（Loader 家族成员）。
+ *
+ * 图形来源：设计出的「轨道 + 蓝色段 + 斜纹」胶囊条。动画是**不定进度**语义：
+ * 蓝色那半截**固定不动**，只有它上面的一道道细斜纹单向流动（0.55 秒走一个条纹周期），
+ * 看着像条纹在转，不表示任何百分比。要「确定进度」别改这个控件 —— 它是固定加载态，
+ * 不是进度条 API。
+ *
+ * 尺寸轴按**高度**给（宽固定 4:1）：图形本身是横条，套方形的尺寸轴没意义。
+ *
+ * 实现要点：外层 `<g clip-path>` 静止、只让内层的蓝色段动。若把 `clip-path` 与
+ * `transform` 放在同一层，裁剪框会跟着平移，等于没裁，蓝段会跑出胶囊外。
+ * clipPath 的 id 由 `useId` 生成（同一页面可能有多个实例，写死 id 会互相抢）。
+ *
+ * 边界同 `Loader`：不带背景、不带内距、不带定位。
+ *
+ * ⚠️ 图形数据在 `loader-bar-art.ts`（源 SVG 一次性转录），别手改坐标。
+ */
+import { createElement as h } from 'react';
+import type { LoaderSize } from './Loader.js';
+export interface LoaderBarProps {
+    /** 尺寸档（按高度），默认 `md`（96×24）。 */
+    size?: LoaderSize;
+    /** 是否播放动画，默认 `true`；`false` 时蓝段停在左侧原位。 */
+    animated?: boolean;
+    /** 无障碍文案。不传 = 纯装饰（`aria-hidden`）；传了 = `role="status"` 由它播报。 */
+    label?: string;
+    /** 追加 class（只允许补布局，不许覆盖外观）。 */
+    className?: string;
+}
+/**
+ * 渲染胶囊不定进度 loading。
+ *
+ * @param props 见 {@link LoaderBarProps}。
+ * @returns `<svg>` 元素。
+ */
+export declare function LoaderBar(props: LoaderBarProps): ReturnType<typeof h>;
+//# sourceMappingURL=LoaderBar.d.ts.map