@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/table/ColumnTable.d.ts

@@ -0,0 +1,51 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { VNodeChild } from 'vue';
+import { type PartProps } from '../utils/props';
+import { type DataTableColumn } from './columns';
+import { type TableHeaderCellProps, type TableProps } from './Table';
+/** 一格合并几行、几列；0 是被别的格合并掉（不渲染） */
+export interface CellSpan {
+    /** 往下合并几行，默认 1 */
+    rowSpan?: number;
+    /** 往后合并几列，默认 1 */
+    colSpan?: number;
+}
+/** 列标题的部件属性：对齐与宽度跟随列定义 */
+type HeaderCellParts = Partial<TableHeaderCellProps>;
+/** 单元格的部件属性：对齐跟随列定义，合并由 cellSpan、mergeRepeated 决定 */
+type CellParts = PartProps<'td', 'align' | 'rowspan' | 'colspan'>;
+/** 未声明的属性落到 table 上；外观（density、variant、striped）同 Table */
+export interface ColumnTableProps<T> extends Omit<TableProps, 'children'> {
+    /** 数据 */
+    rows: readonly T[];
+    /** 列定义（与 DataTable 相同；sortable、filter、sticky、resizable 在这里不起作用） */
+    columns: readonly DataTableColumn<T>[];
+    /** 行的 key；不写时用下标 */
+    getKey?: (row: T, index: number) => string;
+    /** 这几列里上下相邻、值相同的格合成一格；后一列只在前一列的同一格里合并 */
+    mergeRepeated?: readonly string[];
+    /** 合并单元格：返回这一格合并几行、几列，被合并掉的返回 { rowSpan: 0 } 或 { colSpan: 0 } */
+    cellSpan?: (row: T, column: DataTableColumn<T>, index: number) => CellSpan | undefined;
+    /** 合计行第一列的文字（第一列自己没写 summary 时），默认取语言包（合计） */
+    summaryLabel?: VNodeChild;
+    /** 列标题（th）的部件属性，可以按列计算 */
+    propsHeaderCell?: HeaderCellParts | ((column: DataTableColumn<T>) => HeaderCellParts);
+    /** 每一行（tr）的部件属性，可以按行计算 */
+    propsRow?: PartProps<'tr'> | ((row: T, index: number) => PartProps<'tr'>);
+    /** 每个单元格（td）的部件属性，可以按行与列计算 */
+    propsCell?: CellParts | ((row: T, column: DataTableColumn<T>) => CellParts);
+    /** 合计行每个单元格的部件属性，可以按列计算 */
+    propsSummaryCell?: CellParts | ((column: DataTableColumn<T>) => CellParts);
+}
+/** ColumnTable 的样式：merged */
+export declare const columnTableStyles: Readonly<{
+    merged: css.CompiledStyles;
+}>;
+/**
+ * mergeRepeated 的跨行数：每列一个数组，第 i 行是这一格往下合并几行，被合并掉的是 0。
+ * 后一列在前一列的分组边界处断开（不把不同供应商下同名的品类合在一起）
+ */
+export declare function repeatedRowSpans<T>(rows: readonly T[], columns: readonly DataTableColumn<T>[], keys: readonly string[]): Map<string, number[]>;
+/** 按列定义渲染的静态表格：格式化同 DataTable，可以合并单元格、带合计行 */
+export declare const ColumnTable: <T>(props: ColumnTableProps<T>) => import("@zerodep-dev/vue-tsx-pro-tsx").TsxNode;
+export {};

package/dist/table/ColumnTable.js

@@ -0,0 +1,140 @@
+import { useLang } from "../config/context.js";
+import { mergeProps as mergeProps$1 } from "../utils/props.js";
+import { columnType, columnValue, sumColumn } from "./columns.js";
+import { useColumnDisplay } from "./column-display.js";
+import { Table, TableBody, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow } from "./Table.js";
+import { computed, createVNode, isVNode, mergeProps } from "vue";
+import { _component, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/table/ColumnTable.tsx
+/** 一格合并几行、几列；0 是被别的格合并掉（不渲染） */
+/** 列标题的部件属性：对齐与宽度跟随列定义 */
+/** 单元格的部件属性：对齐跟随列定义，合并由 cellSpan、mergeRepeated 决定 */
+/** 未声明的属性落到 table 上；外观（density、variant、striped）同 Table */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+/** ColumnTable 的样式：merged */
+var columnTableStyles = css.create({ merged: { verticalAlign: "middle" } });
+/**
+* mergeRepeated 的跨行数：每列一个数组，第 i 行是这一格往下合并几行，被合并掉的是 0。
+* 后一列在前一列的分组边界处断开（不把不同供应商下同名的品类合在一起）
+*/
+function repeatedRowSpans(rows, columns, keys) {
+	const spans = /* @__PURE__ */ new Map();
+	let boundaries = /* @__PURE__ */ new Set([0]);
+	for (const key of keys) {
+		const column = columns.find((item) => item.key === key);
+		if (!column) continue;
+		const list = Array.from({ length: rows.length }, () => 1);
+		const starts = /* @__PURE__ */ new Set();
+		let start = 0;
+		for (let index = 0; index < rows.length; index++) if (index > start && !boundaries.has(index) && String(columnValue(column, rows[index])) === String(columnValue(column, rows[start]))) {
+			list[start]++;
+			list[index] = 0;
+		} else {
+			start = index;
+			starts.add(index);
+		}
+		spans.set(key, list);
+		boundaries = /* @__PURE__ */ new Set([...boundaries, ...starts]);
+	}
+	return spans;
+}
+/** 按列定义渲染的静态表格：格式化同 DataTable，可以合并单元格、带合计行 */
+var ColumnTable = /*#__PURE__*/ _component((_props, _ctx) => {
+	const rows = readonlyProp(_props, "rows");
+	const columns = readonlyProp(_props, "columns");
+	const getKey = readonlyProp(_props, "getKey");
+	const mergeRepeated = readonlyProp(_props, "mergeRepeated");
+	const cellSpan = readonlyProp(_props, "cellSpan");
+	const summaryLabel = readonlyProp(_props, "summaryLabel");
+	const propsHeaderCell = readonlyProp(_props, "propsHeaderCell");
+	const propsRow = readonlyProp(_props, "propsRow");
+	const propsCell = readonlyProp(_props, "propsCell");
+	const propsSummaryCell = readonlyProp(_props, "propsSummaryCell");
+	const rest = restProps(_props, _ctx, true);
+	const lang = useLang();
+	const display = useColumnDisplay();
+	const types = computed(() => columns.value.map((column) => columnType(column, rows.value)));
+	const shown = computed(() => display.columns(columns.value, types.value));
+	const merged = computed(() => mergeRepeated.value?.length ? repeatedRowSpans(rows.value, columns.value, mergeRepeated.value) : null);
+	const hasSummary = computed(() => columns.value.some((column) => column.summary != null));
+	/** 一格的合并：cellSpan 优先，其次 mergeRepeated */
+	function spanOf(row, column, index) {
+		const own = cellSpan.value?.(row, column, index);
+		if (own) return own;
+		const rowSpan = merged.value?.get(column.key)?.[index];
+		return rowSpan == null || rowSpan === 1 ? void 0 : { rowSpan };
+	}
+	function summaryCell(column, position) {
+		if (column.summary === "sum") {
+			const total = sumColumn(column, rows.value);
+			return total == null ? column.empty ?? lang.emptyValue : display.value(column, types.value[position], total);
+		}
+		if (column.summary) return column.summary(rows.value);
+		return position === 0 ? summaryLabel.value ?? lang.tableSummary : null;
+	}
+	return () => createVNode(Table, mergeProps(rest, { "key": "__site5" }), {
+		default: () => [
+			createVNode(TableHead, { "key": "__site1" }, {
+				default: () => [createVNode(TableRow, { "key": "__site0" }, {
+					default: () => [shown.value.map((column) => createVNode(TableHeaderCell, mergeProps({ "key": column.key }, typeof propsHeaderCell.value === "function" ? propsHeaderCell.value(column) : propsHeaderCell.value, {
+						"align": column.align,
+						"width": column.width
+					}), { default: () => [column.header] }))],
+					$stable: true
+				})],
+				$stable: true
+			}),
+			createVNode(TableBody, { "key": "__site2" }, {
+				default: () => [rows.value.map((row, index) => {
+					let _slot2;
+					return createVNode(TableRow, mergeProps({ "key": getKey.value?.(row, index) ?? index }, mergeProps$1({}, typeof propsRow.value === "function" ? propsRow.value(row, index) : propsRow.value)), _isSlot(_slot2 = shown.value.map((column) => {
+						let _slot;
+						const span = spanOf(row, column, index);
+						if (span?.rowSpan === 0 || span?.colSpan === 0) return null;
+						const own = typeof propsCell.value === "function" ? propsCell.value(row, column) : propsCell.value;
+						return createVNode(TableCell, mergeProps({ "key": column.key }, mergeProps$1({ sx: span?.rowSpan ? columnTableStyles.merged : void 0 }, own, {
+							rowspan: span?.rowSpan,
+							colspan: span?.colSpan
+						}), {
+							"align": column.align,
+							"nowrap": !column.wrap && column.width != null
+						}), _isSlot(_slot = column.cell(row, index)) ? _slot : { default: () => [_slot] });
+					})) ? _slot2 : { default: () => [_slot2] });
+				})],
+				$stable: true
+			}),
+			hasSummary.value && createVNode(TableFoot, { "key": "__site4" }, {
+				default: () => [createVNode(TableRow, { "key": "__site3" }, {
+					default: () => [shown.value.map((column, position) => {
+						let _slot3;
+						return createVNode(TableCell, mergeProps({ "key": column.key }, typeof propsSummaryCell.value === "function" ? propsSummaryCell.value(column) : propsSummaryCell.value, { "align": column.align }), _isSlot(_slot3 = summaryCell(column, position)) ? _slot3 : { default: () => [_slot3] });
+					})],
+					$stable: true
+				})],
+				$stable: true
+			})
+		],
+		$stable: true
+	});
+}, {
+	name: "ColumnTable",
+	props: [
+		"rows",
+		"columns",
+		"getKey",
+		"mergeRepeated",
+		"cellSpan",
+		"summaryLabel",
+		"propsHeaderCell",
+		"propsRow",
+		"propsCell",
+		"propsSummaryCell"
+	]
+});
+//#endregion
+export { ColumnTable, columnTableStyles, repeatedRowSpans };
+
+//# sourceMappingURL=ColumnTable.js.map

package/dist/table/ColumnTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnTable.js","names":["_isVNode","_vtp_readonlyProp","_vtp_restProps","_vue_computed","_createVNode","_mergeProps","mergeProps"],"sources":["../../src/table/ColumnTable.tsx"],"sourcesContent":["/**\n * 按列定义渲染的静态表格：列定义与 DataTable 相同（type、format、statuses、empty、summary、align、cell），\n * 渲染成普通的 Table（不虚拟滚动、列宽按内容、单元格可以换行），可以合并单元格。打印、导出预览、详情页里的明细表用它；\n * 要排序、勾选、筛选、十万行的用 DataTable。\n *\n *   <ColumnTable rows={items} columns={columns} getKey={(item) => item.id} mergeRepeated={['supplier']} aria-label=\"报价明细\" />\n *\n * 合并单元格：mergeRepeated 写列的 key，这几列里上下相邻、值相同的格合成一格（后一列只在前一列的同一格里合并，层层分组）；\n * 更灵活的用 cellSpan，返回 { rowSpan, colSpan }，被合并掉的格返回 0（同 Ant Design 的 onCell）。合并的格垂直居中。\n *\n * 部件：Root（Table）、HeaderCell（th）、Row（tr）、Cell（td）、SummaryCell（表尾的 td）。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { VNodeChild } from 'vue';\nimport { useLang } from '../config/context';\nimport { mergeProps, type PartProps } from '../utils/props';\nimport { useColumnDisplay } from './column-display';\nimport { columnType, columnValue, sumColumn, type DataTableColumn } from './columns';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableFoot,\n  TableHead,\n  TableHeaderCell,\n  TableRow,\n  type TableHeaderCellProps,\n  type TableProps,\n} from './Table';\n\n/** 一格合并几行、几列；0 是被别的格合并掉（不渲染） */\nexport interface CellSpan {\n  /** 往下合并几行，默认 1 */\n  rowSpan?: number;\n  /** 往后合并几列，默认 1 */\n  colSpan?: number;\n}\n\n/** 列标题的部件属性：对齐与宽度跟随列定义 */\ntype HeaderCellParts = Partial<TableHeaderCellProps>;\n/** 单元格的部件属性：对齐跟随列定义，合并由 cellSpan、mergeRepeated 决定 */\ntype CellParts = PartProps<'td', 'align' | 'rowspan' | 'colspan'>;\n\n/** 未声明的属性落到 table 上；外观（density、variant、striped）同 Table */\nexport interface ColumnTableProps<T> extends Omit<TableProps, 'children'> {\n  /** 数据 */\n  rows: readonly T[];\n  /** 列定义（与 DataTable 相同；sortable、filter、sticky、resizable 在这里不起作用） */\n  columns: readonly DataTableColumn<T>[];\n  /** 行的 key；不写时用下标 */\n  getKey?: (row: T, index: number) => string;\n  /** 这几列里上下相邻、值相同的格合成一格；后一列只在前一列的同一格里合并 */\n  mergeRepeated?: readonly string[];\n  /** 合并单元格：返回这一格合并几行、几列，被合并掉的返回 { rowSpan: 0 } 或 { colSpan: 0 } */\n  cellSpan?: (row: T, column: DataTableColumn<T>, index: number) => CellSpan | undefined;\n  /** 合计行第一列的文字（第一列自己没写 summary 时），默认取语言包（合计） */\n  summaryLabel?: VNodeChild;\n  /** 列标题（th）的部件属性，可以按列计算 */\n  propsHeaderCell?: HeaderCellParts | ((column: DataTableColumn<T>) => HeaderCellParts);\n  /** 每一行（tr）的部件属性，可以按行计算 */\n  propsRow?: PartProps<'tr'> | ((row: T, index: number) => PartProps<'tr'>);\n  /** 每个单元格（td）的部件属性，可以按行与列计算 */\n  propsCell?: CellParts | ((row: T, column: DataTableColumn<T>) => CellParts);\n  /** 合计行每个单元格的部件属性，可以按列计算 */\n  propsSummaryCell?: CellParts | ((column: DataTableColumn<T>) => CellParts);\n}\n\n/** ColumnTable 的样式：merged */\nexport const columnTableStyles = css.create({\n  // 合并的格跨了几行：内容垂直居中，下边线照常\n  merged: { verticalAlign: 'middle' },\n});\n\n/**\n * mergeRepeated 的跨行数：每列一个数组，第 i 行是这一格往下合并几行，被合并掉的是 0。\n * 后一列在前一列的分组边界处断开（不把不同供应商下同名的品类合在一起）\n */\nexport function repeatedRowSpans<T>(\n  rows: readonly T[],\n  columns: readonly DataTableColumn<T>[],\n  keys: readonly string[],\n): Map<string, number[]> {\n  const spans = new Map<string, number[]>();\n  // 上一列的分组从哪些行开始：本列的合并不能跨过它们\n  let boundaries = new Set<number>([0]);\n  for (const key of keys) {\n    const column = columns.find((item) => item.key === key);\n    if (!column) continue;\n    const list = Array.from({ length: rows.length }, () => 1);\n    const starts = new Set<number>();\n    let start = 0;\n    for (let index = 0; index < rows.length; index++) {\n      const same =\n        index > start &&\n        !boundaries.has(index) &&\n        String(columnValue(column, rows[index]!)) === String(columnValue(column, rows[start]!));\n      if (same) {\n        list[start]!++;\n        list[index] = 0;\n      } else {\n        start = index;\n        starts.add(index);\n      }\n    }\n    spans.set(key, list);\n    boundaries = new Set([...boundaries, ...starts]);\n  }\n  return spans;\n}\n\n/** 按列定义渲染的静态表格：格式化同 DataTable，可以合并单元格、带合计行 */\nexport const ColumnTable = _component(\n  <T,>({\n    rows,\n    columns,\n    getKey,\n    mergeRepeated,\n    cellSpan,\n    summaryLabel,\n    propsHeaderCell,\n    propsRow,\n    propsCell,\n    propsSummaryCell,\n    ...rest\n  }: ColumnTableProps<T>) => {\n    const lang = useLang();\n    const display = useColumnDisplay<T>();\n    const types = _derived(columns.map((column) => columnType(column, rows)));\n    const shown = _derived(display.columns(columns, types));\n    const merged = _derived(\n      mergeRepeated?.length ? repeatedRowSpans(rows, columns, mergeRepeated) : null,\n    );\n    const hasSummary = _derived(columns.some((column) => column.summary != null));\n\n    /** 一格的合并：cellSpan 优先，其次 mergeRepeated */\n    function spanOf(row: T, column: DataTableColumn<T>, index: number): CellSpan | undefined {\n      const own = cellSpan?.(row, column, index);\n      if (own) return own;\n      const rowSpan = merged?.get(column.key)?.[index];\n      return rowSpan == null || rowSpan === 1 ? undefined : { rowSpan };\n    }\n\n    function summaryCell(column: DataTableColumn<T>, position: number): VNodeChild {\n      if (column.summary === 'sum') {\n        const total = sumColumn(column, rows);\n        return total == null\n          ? (column.empty ?? lang.emptyValue)\n          : display.value(column, types[position]!, total);\n      }\n      if (column.summary) return column.summary(rows);\n      return position === 0 ? (summaryLabel ?? lang.tableSummary) : null;\n    }\n\n    return () => (\n      <Table {...rest}>\n        <TableHead>\n          <TableRow>\n            {shown.map((column) => (\n              <TableHeaderCell\n                key={column.key}\n                {...(typeof propsHeaderCell === 'function'\n                  ? propsHeaderCell(column)\n                  : propsHeaderCell)}\n                align={column.align}\n                width={column.width}\n              >\n                {column.header}\n              </TableHeaderCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {rows.map((row, index) => (\n            <TableRow\n              key={getKey?.(row, index) ?? index}\n              {...mergeProps<'tr'>(\n                {},\n                typeof propsRow === 'function' ? propsRow(row, index) : propsRow,\n              )}\n            >\n              {shown.map((column) => {\n                const span = spanOf(row, column, index);\n                if (span?.rowSpan === 0 || span?.colSpan === 0) return null;\n                const own = typeof propsCell === 'function' ? propsCell(row, column) : propsCell;\n                return (\n                  <TableCell\n                    key={column.key}\n                    {...mergeProps<'td'>(\n                      { sx: span?.rowSpan ? columnTableStyles.merged : undefined },\n                      own,\n                      { rowspan: span?.rowSpan, colspan: span?.colSpan },\n                    )}\n                    align={column.align}\n                    nowrap={!column.wrap && column.width != null}\n                  >\n                    {column.cell!(row, index)}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          ))}\n        </TableBody>\n        {hasSummary && (\n          <TableFoot>\n            <TableRow>\n              {shown.map((column, position) => (\n                <TableCell\n                  key={column.key}\n                  {...(typeof propsSummaryCell === 'function'\n                    ? propsSummaryCell(column)\n                    : propsSummaryCell)}\n                  align={column.align}\n                >\n                  {summaryCell(column, position)}\n                </TableCell>\n              ))}\n            </TableRow>\n          </TableFoot>\n        )}\n      </Table>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/table/DataTable.d.ts

@@ -0,0 +1,44 @@
+import { type ColumnStickies, type SortState } from './columns';
+import { type DataTableViewProps } from './DataTableView';
+/** 未声明的属性落到 table 上；aria-label 或 aria-labelledby 是表格的名称 */
+export interface DataTableProps<T> extends Omit<DataTableViewProps<T>, 'rows' | 'sort' | 'onSortClick' | 'selectedKeys' | 'onToggleRow' | 'onToggleAll' | 'widths' | 'onResize' | 'expandedRows' | 'onToggleDetail' | 'filters' | 'onFilterChange' | 'filterOptionsOf' | 'onColumnAction' | 'hiddenColumns'> {
+    /** 数据 */
+    rows: readonly T[];
+    /** 行的 key：稳定且唯一（选择、测量都按它） */
+    getKey: (row: T, index: number) => string;
+    /** 当前排序：父级可以写 _sort={x}；null 为不排序 */
+    _sort?: SortState | null;
+    /** 不在本地排序：只写回 sort（sorts），数据由调用方按它取 */
+    manualSort?: boolean;
+    /** 多列排序：排序写在 sorts，按住 Shift 点列标题是追加一列（再点切换方向、降序时去掉） */
+    multiSort?: boolean;
+    /** 多列排序时的排序，前面的优先：父级可以写 _sorts={x} */
+    _sorts?: SortState[];
+    /** 表头筛选：各列选中的值（关键字筛选时是 [关键字]），父级可以写 _filters={x} */
+    _filters?: Record<string, string[]>;
+    /** 不在本地筛选：只写回 filters，数据由调用方按它取 */
+    manualFilter?: boolean;
+    /** 隐藏的列的 key：列菜单的“隐藏”写回这里，父级可以写 _hiddenColumns={x} */
+    _hiddenColumns?: string[];
+    /** 列的顺序（列的 key）：列菜单、列设置里移动后写回，没列到的按定义的顺序排在后面 */
+    _columnOrder?: string[];
+    /** 固定的列：key → start / end（null 取消列定义里的固定），列菜单写回 */
+    _columnPins?: Record<string, keyof ColumnStickies | null>;
+    /** 行拖动：给了它时每行前面有把手，拖完得到新的顺序（排序、筛选时不能拖） */
+    onReorder?: (rows: T[]) => void;
+    /**
+     * 编辑了一格（列写了 editable）：写回数据。返回文字（或 resolve 成文字）是不接受的原因，编辑器留着并显示它；
+     * 返回 Promise 时等它完成
+     */
+    onCellChange?: (row: T, key: string, value: unknown) => unknown;
+    /** 行校验：返回各列的错误（列的 key → 原因），标在格上；如“结束日期早于开始日期” */
+    validateRow?: (row: T) => Readonly<Record<string, string>> | null | undefined;
+    /** 已选行的 key：父级写 _selected={keys} */
+    _selected?: string[];
+    /** 各列调整后的宽度（px）：父级可以写 _columnWidths={x} 保存起来 */
+    _columnWidths?: Record<string, number>;
+    /** 展开了详情的行的 key（有 renderDetail 时）：父级可以写 _expandedRows={x} */
+    _expandedRows?: string[];
+}
+/** 数据表格：虚拟滚动、排序、勾选、列宽调整、加载与空状态 */
+export declare const DataTable: <T>(props: DataTableProps<T>) => import("@zerodep-dev/vue-tsx-pro-tsx").TsxNode;