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

package/dist/table/DataTable.js

@@ -0,0 +1,453 @@
+import { useLang } from "../config/context.js";
+import { useDefaults } from "../config/defaults.js";
+import { mergeAttrs, mergePartProps } from "../utils/props.js";
+import { useRecipe } from "../config/styles.js";
+import { Icon } from "../base/Icon.js";
+import { VisuallyHidden } from "../base/VisuallyHidden.js";
+import { ButtonBase } from "../base/ButtonBase.js";
+import { focusFirst } from "../utils/dom/focus.js";
+import { plainText } from "../utils/data/text.js";
+import { toggleSelection } from "../utils/data/selection.js";
+import { arrangeColumns, columnFilter, columnType, columnValue, filterOptions, filterRows, isCellEditable, nextSort, nextSorts, sortList, sortRows } from "./columns.js";
+import { dataTableRecipe, dataTableStateStyles } from "./table-styles.js";
+import { useSortable } from "../utils/dom/sortable.js";
+import { NumberField } from "../input/NumberField.js";
+import { TextField } from "../input/TextField.js";
+import { Select } from "../input/Select.js";
+import { DataTableView, rowLabel } from "./DataTableView.js";
+import { Fragment, computed, createVNode, mergeProps, nextTick, ref, useId } from "vue";
+import { _component, bindable, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+import { GripVertical } from "@lucide/icons";
+//#region src/table/DataTable.tsx
+/**
+* 数据表格：按列定义渲染一组行，始终虚拟滚动（十万行也只渲染看得见的几十行）。渲染层见 DataTableView。
+*
+*   <DataTable
+*     rows={orders}
+*     columns={columns}
+*     getKey={(order) => order.id}
+*     _sort={sort}
+*     selectionMode="multiple"
+*     _selected={picked}
+*     loading={loading}
+*     aria-label="订单"
+*     propsRoot={{ sx: styles.tableHeight }}
+*   />
+*
+* - 高度：外层滚动区域默认最高 32em，用 propsRoot 的 sx 改；表头吸顶、固定列不随横向滚动。
+* - 排序：点可排序的列标题在 升序 → 降序 → 不排 之间切换；默认在本地排（createComparer：数字、日期、按语言的文字），
+*   manualSort 时只写回 sort，由调用方向服务端要排好序的数据。multiSort 时排序写在 sorts（几列），按住 Shift 点是追加一列。
+* - 表头筛选：列写 filter 时列标题上有筛选按钮，filters 是各列选中的值（可以双向绑定）；默认在本地筛，manualFilter 时只写回。
+* - 编辑：列写 editable 时可以就地编辑（Enter / F2、双击或直接打字开始，Enter 提交、Tab 提交并到下一格、Esc 放弃），
+*   列的 validate 与 validateRow 校验，onCellChange 写回；表格随之变成网格，方向键在格之间走（cellNavigation）。
+* - 行拖动：给了 onReorder 时第一个数据列前面有把手，拖动（或聚焦后空格拿起、↑↓ 移动）改变行的顺序；
+*   排序、筛选时显示的顺序不是数据的顺序，这时不能拖。
+* - 列菜单：columnMenu 时列标题结尾有 ⋮（排序、固定在开头 / 结尾、前后移动、隐藏），
+*   写回 columnPins、columnOrder、hiddenColumns（都可以双向绑定，存起来记住各人的列设置）。
+* - 选择：selectionMode 为 single / multiple 时多一列勾选框，selected 是已选行的 key。
+* - 列宽：resizable 时可以拖动或用键盘调整，columnWidths 记录调整后的宽度（可以双向绑定，保存到本地设置里）。
+* - 定位：handle 拿到 scrollToRow(key)，滚到那一行（停在吸顶表头之下）。
+* - 加载：loading 时没有数据显示骨架行，已有数据显示进度条；接近末尾加载更多用 onRangeChange。
+* - 详情行：renderDetail 给出一行的详情，多一列展开按钮；expandedRows 是展开了的行（可以双向绑定），hasDetail 决定哪些行有。
+* - 分组表头：columnGroups 写组标题与组里各列的 key，相邻的列上方共用一个标题。
+* - 合计：列写 summary（'sum' 精确相加，或函数）时底部多一行吸底的合计；空值显示列的 empty（默认 —）。
+* - 状态列：列写 statuses（createStatusMap）时显示成 StatusBadge；rowTone 给整行着色（导入校验的错误行）。
+* - 工具栏（查询条件用 FilterBar、批量操作用 SelectionBar、分页用 PaginationBar）组合在外面，不内置。
+*/
+/** 未声明的属性落到 table 上；aria-label 或 aria-labelledby 是表格的名称 */
+/** 数据表格：虚拟滚动、排序、勾选、列宽调整、加载与空状态 */
+var DataTable = /*#__PURE__*/ _component((_props, _ctx) => {
+	const _cache = [];
+	const rows = readonlyProp(_props, "rows");
+	const getKey = readonlyProp(_props, "getKey");
+	const columns = readonlyProp(_props, "columns");
+	const sort = bindable(_props, "_sort", () => null, _ctx.emit);
+	const manualSort = readonlyProp(_props, "manualSort", false);
+	const multiSort = readonlyProp(_props, "multiSort", false);
+	const sorts = bindable(_props, "_sorts", () => [], _ctx.emit);
+	const filters = bindable(_props, "_filters", () => ({}), _ctx.emit);
+	const manualFilter = readonlyProp(_props, "manualFilter", false);
+	const hiddenColumns = bindable(_props, "_hiddenColumns", () => [], _ctx.emit);
+	const columnOrder = bindable(_props, "_columnOrder", () => [], _ctx.emit);
+	const columnPins = bindable(_props, "_columnPins", () => ({}), _ctx.emit);
+	const onReorder = readonlyProp(_props, "onReorder");
+	const onCellChange = readonlyProp(_props, "onCellChange");
+	const validateRow = readonlyProp(_props, "validateRow");
+	const cellNavigation = readonlyProp(_props, "cellNavigation");
+	const leading = readonlyProp(_props, "leading");
+	const propsRow = readonlyProp(_props, "propsRow");
+	const selectionMode = readonlyProp(_props, "selectionMode");
+	const selected = bindable(_props, "_selected", () => [], _ctx.emit);
+	const columnWidths = bindable(_props, "_columnWidths", () => ({}), _ctx.emit);
+	const expandedRows = bindable(_props, "_expandedRows", () => [], _ctx.emit);
+	const isRowSelectable = readonlyProp(_props, "isRowSelectable");
+	const density = readonlyProp(_props, "density");
+	const variant = readonlyProp(_props, "variant");
+	const striped = readonlyProp(_props, "striped");
+	const rest = restProps(_props, _ctx, true);
+	const lang = useLang();
+	const appearance = useDefaults("DataTable", () => ({
+		density: density.value,
+		variant: variant.value,
+		striped: striped.value
+	}), {
+		density: "standard",
+		variant: "surface",
+		striped: false
+	});
+	const recipe = useRecipe(dataTableRecipe);
+	const s = computed(() => {
+		const { density: shownDensity, variant: shownVariant } = appearance();
+		return recipe({
+			density: shownDensity,
+			variant: shownVariant
+		});
+	});
+	const activeSort = () => multiSort.value ? sorts.value : sort.value;
+	const models = computed(() => {
+		const kept = manualFilter.value ? rows.value : filterRows(rows.value, columns.value, filters.value, lang.code);
+		return (manualSort.value ? kept : sortRows(kept, columns.value, activeSort(), lang.code)).map((row, index) => ({
+			key: getKey.value(row, index),
+			data: row,
+			depth: 0
+		}));
+	});
+	const options = computed(() => new Map(columns.value.filter((column) => columnFilter(column)).map((column) => [column.key, filterOptions(column, rows.value, lang.code)])));
+	const arranged = computed(() => arrangeColumns(columns.value, columnOrder.value, columnPins.value));
+	const tableMarker = useId();
+	const tableElement = () => document.querySelector(`table[data-table="${tableMarker}"]`);
+	const reorderable = () => !!onReorder.value && sortList(activeSort()).length === 0 && !Object.values(filters.value).some((values) => values.length > 0);
+	const sortable = useSortable({
+		items: () => models.value,
+		getKey: (row) => row.key,
+		getLabel: (row) => rowLabel(columns.value, row),
+		onChange: (next) => onReorder.value?.(next.map((row) => row.data)),
+		container: () => tableElement(),
+		disabled: () => !reorderable()
+	});
+	let editing = ref(null);
+	const columnOf = (key) => columns.value.find((column) => column.key === key);
+	const rowOf = (key) => models.value.find((row) => row.key === key);
+	const cellElement = (cell) => tableElement()?.querySelector(`tr[data-key="${CSS.escape(cell.row)}"] td[data-column="${CSS.escape(cell.column)}"]`);
+	/** 编辑完、放弃后焦点回到格上（网格里键盘接着走） */
+	function focusCell(cell) {
+		nextTick(() => cellElement(cell)?.focus());
+	}
+	function startEdit(cell, text) {
+		const row = rowOf(cell.row);
+		const column = columnOf(cell.column);
+		if (!row || !column || !isCellEditable(column, row.data)) return;
+		const numeric = [
+			"number",
+			"currency",
+			"percent"
+		].includes(columnType(column, rows.value));
+		const typed = text === void 0 ? void 0 : numeric ? Number(text) : text;
+		const draft = typed === void 0 || Number.isNaN(typed) ? columnValue(column, row.data) : typed;
+		editing.value = {
+			...cell,
+			draft
+		};
+		nextTick(() => {
+			const element = cellElement(cell);
+			if (element) focusFirst(element);
+		});
+	}
+	function cancelEdit() {
+		if (!editing.value) return;
+		const cell = {
+			row: editing.value.row,
+			column: editing.value.column
+		};
+		editing.value = null;
+		focusCell(cell);
+	}
+	/** 提交：列的 validate、onCellChange 都接受了才收起；step 是提交后去哪一格（Tab 往后、Shift + Tab 往前） */
+	async function commitEdit(step = 0) {
+		const current = editing.value;
+		const row = current && rowOf(current.row);
+		const column = current && columnOf(current.column);
+		if (!current || !row || !column || current.saving) return;
+		const invalid = column.validate?.(current.draft, row.data);
+		if (invalid) {
+			editing.value = {
+				...current,
+				error: invalid
+			};
+			return;
+		}
+		editing.value = {
+			...current,
+			saving: true
+		};
+		const result = await onCellChange.value?.(row.data, column.key, current.draft);
+		if (typeof result === "string" && result) {
+			editing.value = {
+				...current,
+				error: result,
+				saving: false
+			};
+			return;
+		}
+		editing.value = null;
+		const next = step === 0 ? void 0 : neighbourEditable(current, step);
+		if (next) startEdit(next);
+		else focusCell(current);
+	}
+	/** 这一行里往后（往前）的下一个可编辑的格 */
+	function neighbourEditable(cell, step) {
+		const row = rowOf(cell.row);
+		if (!row) return void 0;
+		const hidden = new Set(hiddenColumns.value);
+		const visible = arranged.value.filter((column) => !hidden.has(column.key));
+		const from = visible.findIndex((column) => column.key === cell.column);
+		for (let index = from + step; index >= 0 && index < visible.length; index += step) {
+			const column = visible[index];
+			if (isCellEditable(column, row.data)) return {
+				row: cell.row,
+				column: column.key
+			};
+		}
+	}
+	function onEditKeydown(event) {
+		if (event.defaultPrevented) return;
+		if (event.key === "Escape") {
+			event.preventDefault();
+			event.stopPropagation();
+			cancelEdit();
+		} else if (event.key === "Enter") {
+			event.preventDefault();
+			commitEdit();
+		} else if (event.key === "Tab") {
+			event.preventDefault();
+			commitEdit(event.shiftKey ? -1 : 1);
+		}
+	}
+	/** 正在编辑的格里的编辑器：列的 editor，或按列选的默认编辑器 */
+	function renderEditor(row, column) {
+		const current = editing.value;
+		const context = {
+			row,
+			value: current.draft,
+			onChange: (value) => editing.value = {
+				...current,
+				draft: value,
+				error: void 0
+			},
+			commit: () => void commitEdit(),
+			cancel: cancelEdit,
+			error: current.error
+		};
+		const label = plainText(column.header) ?? column.key;
+		const common = {
+			size: "sm",
+			invalid: !!current.error,
+			"aria-label": label,
+			propsRoot: s.value.editorControl
+		};
+		const editor = column.editor ? column.editor(context) : column.statuses ? createVNode(Select, mergeProps(common, {
+			"items": column.statuses.options(),
+			"_value": typeof current.draft === "string" ? current.draft : null,
+			"onUpdate:_value": (value) => {
+				editing.value = {
+					...current,
+					draft: value
+				};
+				commitEdit();
+			}
+		}), null) : [
+			"number",
+			"currency",
+			"percent"
+		].includes(columnType(column, rows.value)) ? createVNode(NumberField, mergeProps(common, {
+			"stepper": false,
+			"_value": typeof current.draft === "number" ? current.draft : null,
+			"onUpdate:_value": context.onChange
+		}), null) : createVNode(TextField, mergeProps(common, {
+			"_value": typeof current.draft === "string" || typeof current.draft === "number" ? String(current.draft) : "",
+			"onUpdate:_value": context.onChange
+		}), null);
+		return createVNode("div", mergeProps(mergeAttrs(s.value.editor), { "onFocusout": _cache[0] || (_cache[0] = (event) => {
+			if (!event.currentTarget.closest("td")?.contains(event.relatedTarget)) commitEdit();
+		}) }), [editor, current.error && createVNode("div", mergeProps({ "role": "alert" }, mergeAttrs(s.value.editorError)), [current.error])]);
+	}
+	/**
+	* 能拖动时行的属性：使用方的 propsRow 加上拖动要的属性。在 setup 里建一次（函数不变，行的 memo 才有效）；
+	* 里面读的拖动状态由各行的渲染跟踪，被拖的行照样更新
+	*/
+	const rowPropsWithHandle = (row, index) => mergeAttrs({}, typeof propsRow.value === "function" ? propsRow.value(row, index) : propsRow.value, {
+		...sortable.itemProps(models.value[index].key),
+		sx: sortable.active === models.value[index].key ? dataTableStateStyles.rowDragging : void 0
+	});
+	/** 第一个数据列前面：拖动的把手，再是使用方的 leading */
+	function renderLeading(row, index) {
+		return createVNode(Fragment, null, [createVNode(ButtonBase, mergeProps(s.value.rowHandle, {
+			"ripple": false,
+			"aria-label": lang.sortableHandle(rowLabel(columns.value, row))
+		}, sortable.handleProps(row.key)), {
+			default: () => [createVNode(Icon, { "icon": GripVertical }, null)],
+			$stable: true
+		}), leading.value?.(row, index)]);
+	}
+	function onSortClick(key, event) {
+		if (multiSort.value) sorts.value = nextSorts(sorts.value, key, event.shiftKey);
+		else sort.value = nextSort(sort.value, key);
+	}
+	function setSort(key, direction) {
+		if (multiSort.value) {
+			const rest = sorts.value.filter((item) => item.key !== key);
+			sorts.value = direction ? [{
+				key,
+				direction
+			}, ...rest] : rest;
+		} else sort.value = direction ? {
+			key,
+			direction
+		} : null;
+	}
+	/** 往前、往后移一列：与相邻的可见列交换位置 */
+	function move(key, step) {
+		const hidden = new Set(hiddenColumns.value);
+		const keys = arranged.value.map((column) => column.key);
+		const visible = keys.filter((item) => !hidden.has(item));
+		const neighbour = visible[visible.indexOf(key) + step];
+		if (!neighbour) return;
+		const [from, to] = [keys.indexOf(key), keys.indexOf(neighbour)];
+		[keys[from], keys[to]] = [neighbour, key];
+		columnOrder.value = keys;
+	}
+	function onColumnAction(key, action, width) {
+		if (action === "sortAscending") setSort(key, "ascending");
+		else if (action === "sortDescending") setSort(key, "descending");
+		else if (action === "unsort") setSort(key, null);
+		else if (action === "moveBackward") move(key, -1);
+		else if (action === "moveForward") move(key, 1);
+		else if (action === "hide") hiddenColumns.value = [...hiddenColumns.value, key];
+		else {
+			const side = action === "pinStart" ? "start" : action === "pinEnd" ? "end" : null;
+			columnPins.value = {
+				...columnPins.value,
+				[key]: side
+			};
+			const column = columns.value.find((item) => item.key === key);
+			if (side && column?.width == null && columnWidths.value[key] == null && width > 0) columnWidths.value = {
+				...columnWidths.value,
+				[key]: width
+			};
+		}
+	}
+	function toggleRow(key) {
+		selected.value = [...toggleSelection(selected.value, key, { mode: selectionMode.value ?? "multiple" })];
+	}
+	function toggleAll() {
+		const keys = (isRowSelectable.value ? models.value.filter((row) => isRowSelectable.value(row.data)) : models.value).map((row) => row.key);
+		const current = new Set(selected.value);
+		if (!(keys.length > 0 && keys.every((key) => current.has(key)))) {
+			selected.value = [.../* @__PURE__ */ new Set([...selected.value, ...keys])];
+			return;
+		}
+		const visible = new Set(keys);
+		selected.value = selected.value.filter((key) => !visible.has(key));
+	}
+	function toggleDetail(key) {
+		expandedRows.value = [...toggleSelection(expandedRows.value, key, { mode: "multiple" })];
+	}
+	return () => createVNode(Fragment, null, [createVNode(DataTableView, mergePartProps({
+		rows: models.value,
+		columns: arranged.value,
+		widths: columnWidths.value,
+		...appearance()
+	}, rest, {
+		rows: models.value,
+		columns: arranged.value,
+		sort: activeSort(),
+		onSortClick,
+		filters: filters.value,
+		onFilterChange: (key, values) => filters.value = {
+			...filters.value,
+			[key]: values
+		},
+		filterOptionsOf: (column) => options.value.get(column.key) ?? [],
+		hiddenColumns: hiddenColumns.value,
+		onColumnAction,
+		leading: reorderable() ? renderLeading : leading.value,
+		propsRow: reorderable() ? rowPropsWithHandle : propsRow.value,
+		"data-table": tableMarker,
+		cellNavigation: cellNavigation.value ?? columns.value.some((column) => column.editable),
+		editing: editing.value && {
+			row: editing.value.row,
+			column: editing.value.column
+		},
+		renderEditor,
+		rowErrors: validateRow.value,
+		onEditStart: startEdit,
+		onEditKeydown,
+		selectionMode: selectionMode.value,
+		isRowSelectable: isRowSelectable.value,
+		selectedKeys: selected.value,
+		onToggleRow: toggleRow,
+		onToggleAll: toggleAll,
+		widths: columnWidths.value,
+		onResize: (key, width) => columnWidths.value = {
+			...columnWidths.value,
+			[key]: width
+		},
+		expandedRows: expandedRows.value,
+		onToggleDetail: toggleDetail
+	}), null), onReorder.value && createVNode(Fragment, null, [createVNode(VisuallyHidden, {
+		"id": sortable.instructionsId,
+		"key": "__site0"
+	}, {
+		default: () => [lang.sortableInstructions],
+		$stable: true
+	}), createVNode(VisuallyHidden, {
+		"aria-live": "assertive",
+		"key": "__site1"
+	}, {
+		default: () => [sortable.announcement],
+		$stable: true
+	})])]);
+}, {
+	name: "DataTable",
+	props: [
+		"rows",
+		"getKey",
+		"columns",
+		"_sort",
+		"onUpdate:_sort",
+		"manualSort",
+		"multiSort",
+		"_sorts",
+		"onUpdate:_sorts",
+		"_filters",
+		"onUpdate:_filters",
+		"manualFilter",
+		"_hiddenColumns",
+		"onUpdate:_hiddenColumns",
+		"_columnOrder",
+		"onUpdate:_columnOrder",
+		"_columnPins",
+		"onUpdate:_columnPins",
+		"onReorder",
+		"onCellChange",
+		"validateRow",
+		"cellNavigation",
+		"leading",
+		"propsRow",
+		"selectionMode",
+		"_selected",
+		"onUpdate:_selected",
+		"_columnWidths",
+		"onUpdate:_columnWidths",
+		"_expandedRows",
+		"onUpdate:_expandedRows",
+		"isRowSelectable",
+		"density",
+		"variant",
+		"striped"
+	]
+});
+//#endregion
+export { DataTable };
+
+//# sourceMappingURL=DataTable.js.map

package/dist/table/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":["_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_computed","_vue_ref","_createVNode","_mergeProps","_Fragment"],"sources":["../../src/table/DataTable.tsx"],"sourcesContent":["/**\n * 数据表格：按列定义渲染一组行，始终虚拟滚动（十万行也只渲染看得见的几十行）。渲染层见 DataTableView。\n *\n *   <DataTable\n *     rows={orders}\n *     columns={columns}\n *     getKey={(order) => order.id}\n *     _sort={sort}\n *     selectionMode=\"multiple\"\n *     _selected={picked}\n *     loading={loading}\n *     aria-label=\"订单\"\n *     propsRoot={{ sx: styles.tableHeight }}\n *   />\n *\n * - 高度：外层滚动区域默认最高 32em，用 propsRoot 的 sx 改；表头吸顶、固定列不随横向滚动。\n * - 排序：点可排序的列标题在 升序 → 降序 → 不排 之间切换；默认在本地排（createComparer：数字、日期、按语言的文字），\n *   manualSort 时只写回 sort，由调用方向服务端要排好序的数据。multiSort 时排序写在 sorts（几列），按住 Shift 点是追加一列。\n * - 表头筛选：列写 filter 时列标题上有筛选按钮，filters 是各列选中的值（可以双向绑定）；默认在本地筛，manualFilter 时只写回。\n * - 编辑：列写 editable 时可以就地编辑（Enter / F2、双击或直接打字开始，Enter 提交、Tab 提交并到下一格、Esc 放弃），\n *   列的 validate 与 validateRow 校验，onCellChange 写回；表格随之变成网格，方向键在格之间走（cellNavigation）。\n * - 行拖动：给了 onReorder 时第一个数据列前面有把手，拖动（或聚焦后空格拿起、↑↓ 移动）改变行的顺序；\n *   排序、筛选时显示的顺序不是数据的顺序，这时不能拖。\n * - 列菜单：columnMenu 时列标题结尾有 ⋮（排序、固定在开头 / 结尾、前后移动、隐藏），\n *   写回 columnPins、columnOrder、hiddenColumns（都可以双向绑定，存起来记住各人的列设置）。\n * - 选择：selectionMode 为 single / multiple 时多一列勾选框，selected 是已选行的 key。\n * - 列宽：resizable 时可以拖动或用键盘调整，columnWidths 记录调整后的宽度（可以双向绑定，保存到本地设置里）。\n * - 定位：handle 拿到 scrollToRow(key)，滚到那一行（停在吸顶表头之下）。\n * - 加载：loading 时没有数据显示骨架行，已有数据显示进度条；接近末尾加载更多用 onRangeChange。\n * - 详情行：renderDetail 给出一行的详情，多一列展开按钮；expandedRows 是展开了的行（可以双向绑定），hasDetail 决定哪些行有。\n * - 分组表头：columnGroups 写组标题与组里各列的 key，相邻的列上方共用一个标题。\n * - 合计：列写 summary（'sum' 精确相加，或函数）时底部多一行吸底的合计；空值显示列的 empty（默认 —）。\n * - 状态列：列写 statuses（createStatusMap）时显示成 StatusBadge；rowTone 给整行着色（导入校验的错误行）。\n * - 工具栏（查询条件用 FilterBar、批量操作用 SelectionBar、分页用 PaginationBar）组合在外面，不内置。\n */\nimport { GripVertical } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { nextTick, useId, type VNodeChild } from 'vue';\nimport { ButtonBase } from '../base/ButtonBase';\nimport { Icon } from '../base/Icon';\nimport { VisuallyHidden } from '../base/VisuallyHidden';\nimport { NumberField } from '../input/NumberField';\nimport { Select } from '../input/Select';\nimport { TextField } from '../input/TextField';\nimport { plainText } from '../utils/data/text';\nimport { useLang } from '../config/context';\nimport { focusFirst } from '../utils/dom/focus';\nimport { useSortable } from '../utils/dom/sortable';\nimport { useDefaults } from '../config/defaults';\nimport { useRecipe } from '../config/styles';\nimport { mergeAttrs, mergePartProps } from '../utils/props';\nimport { toggleSelection } from '../utils/data/selection';\nimport {\n  sortList,\n  arrangeColumns,\n  columnFilter,\n  columnType,\n  columnValue,\n  isCellEditable,\n  filterOptions,\n  filterRows,\n  nextSort,\n  nextSorts,\n  sortRows,\n  type CellEditorContext,\n  type ColumnFilterOption,\n  type ColumnStickies,\n  type DataTableColumn,\n  type SortState,\n} from './columns';\nimport type { ColumnMenuActions } from './ColumnHeaderActions';\nimport {\n  DataTableView,\n  rowLabel,\n  type CellPosition,\n  type DataTableRowModel,\n  type DataTableViewProps,\n} from './DataTableView';\nimport { dataTableRecipe, dataTableStateStyles } from './table-styles';\n\n/** 未声明的属性落到 table 上；aria-label 或 aria-labelledby 是表格的名称 */\nexport interface DataTableProps<T> extends Omit<\n  DataTableViewProps<T>,\n  | 'rows'\n  | 'sort'\n  | 'onSortClick'\n  | 'selectedKeys'\n  | 'onToggleRow'\n  | 'onToggleAll'\n  | 'widths'\n  | 'onResize'\n  | 'expandedRows'\n  | 'onToggleDetail'\n  | 'filters'\n  | 'onFilterChange'\n  | 'filterOptionsOf'\n  | 'onColumnAction'\n  | 'hiddenColumns'\n> {\n  /** 数据 */\n  rows: readonly T[];\n  /** 行的 key：稳定且唯一（选择、测量都按它） */\n  getKey: (row: T, index: number) => string;\n  /** 当前排序：父级可以写 _sort={x}；null 为不排序 */\n  _sort?: SortState | null;\n  /** 不在本地排序：只写回 sort（sorts），数据由调用方按它取 */\n  manualSort?: boolean;\n  /** 多列排序：排序写在 sorts，按住 Shift 点列标题是追加一列（再点切换方向、降序时去掉） */\n  multiSort?: boolean;\n  /** 多列排序时的排序，前面的优先：父级可以写 _sorts={x} */\n  _sorts?: SortState[];\n  /** 表头筛选：各列选中的值（关键字筛选时是 [关键字]），父级可以写 _filters={x} */\n  _filters?: Record<string, string[]>;\n  /** 不在本地筛选：只写回 filters，数据由调用方按它取 */\n  manualFilter?: boolean;\n  /** 隐藏的列的 key：列菜单的“隐藏”写回这里，父级可以写 _hiddenColumns={x} */\n  _hiddenColumns?: string[];\n  /** 列的顺序（列的 key）：列菜单、列设置里移动后写回，没列到的按定义的顺序排在后面 */\n  _columnOrder?: string[];\n  /** 固定的列：key → start / end（null 取消列定义里的固定），列菜单写回 */\n  _columnPins?: Record<string, keyof ColumnStickies | null>;\n  /** 行拖动：给了它时每行前面有把手，拖完得到新的顺序（排序、筛选时不能拖） */\n  onReorder?: (rows: T[]) => void;\n  /**\n   * 编辑了一格（列写了 editable）：写回数据。返回文字（或 resolve 成文字）是不接受的原因，编辑器留着并显示它；\n   * 返回 Promise 时等它完成\n   */\n  onCellChange?: (row: T, key: string, value: unknown) => unknown;\n  /** 行校验：返回各列的错误（列的 key → 原因），标在格上；如“结束日期早于开始日期” */\n  validateRow?: (row: T) => Readonly<Record<string, string>> | null | undefined;\n  /** 已选行的 key：父级写 _selected={keys} */\n  _selected?: string[];\n  /** 各列调整后的宽度（px）：父级可以写 _columnWidths={x} 保存起来 */\n  _columnWidths?: Record<string, number>;\n  /** 展开了详情的行的 key（有 renderDetail 时）：父级可以写 _expandedRows={x} */\n  _expandedRows?: string[];\n}\n\n/** 数据表格：虚拟滚动、排序、勾选、列宽调整、加载与空状态 */\nexport const DataTable = _component(\n  <T,>({\n    rows,\n    getKey,\n    columns,\n    _sort: sort = _bindable<SortState | null>(null),\n    manualSort = false,\n    multiSort = false,\n    _sorts: sorts = _bindable<SortState[]>([]),\n    _filters: filters = _bindable<Record<string, string[]>>({}),\n    manualFilter = false,\n    _hiddenColumns: hiddenColumns = _bindable<string[]>([]),\n    _columnOrder: columnOrder = _bindable<string[]>([]),\n    _columnPins: columnPins = _bindable<Record<string, keyof ColumnStickies | null>>({}),\n    onReorder,\n    onCellChange,\n    validateRow,\n    cellNavigation,\n    leading,\n    propsRow,\n    selectionMode,\n    _selected: selected = _bindable<string[]>([]),\n    _columnWidths: columnWidths = _bindable<Record<string, number>>({}),\n    _expandedRows: expandedRows = _bindable<string[]>([]),\n    isRowSelectable,\n    density,\n    variant,\n    striped,\n    ...rest\n  }: DataTableProps<T>) => {\n    const lang = useLang();\n    const appearance = useDefaults('DataTable', () => ({ density, variant, striped }), {\n      density: 'standard',\n      variant: 'surface',\n      striped: false,\n    });\n    const recipe = useRecipe(dataTableRecipe);\n    // 编辑器、拖动把手的部件层：与 DataTableView 的表头、表尾取同一组档位\n    const s = _derived.by(() => {\n      const { density: shownDensity, variant: shownVariant } = appearance();\n      return recipe({ density: shownDensity, variant: shownVariant });\n    });\n\n    const activeSort = () => (multiSort ? sorts : sort);\n    const models = _derived.by<DataTableRowModel<T>[]>(() => {\n      const kept = manualFilter ? rows : filterRows(rows, columns, filters, lang.code);\n      const ordered = manualSort ? kept : sortRows(kept, columns, activeSort(), lang.code);\n      return ordered.map((row, index) => ({ key: getKey(row, index), data: row, depth: 0 }));\n    });\n    // 筛选的选项要看全部行（不是筛过的）：行与列不变时不重算\n    const options = _derived.by(\n      () =>\n        new Map(\n          columns\n            .filter((column) => columnFilter(column))\n            .map((column) => [column.key, filterOptions(column, rows, lang.code)]),\n        ),\n    );\n    const arranged = _derived(arrangeColumns(columns, columnOrder, columnPins));\n\n    // 行拖动：排序、筛选时显示的顺序不是数据的顺序，不能拖\n    const tableMarker = useId();\n    const tableElement = () =>\n      document.querySelector<HTMLElement>(`table[data-table=\"${tableMarker}\"]`);\n    const reorderable = () =>\n      !!onReorder &&\n      sortList(activeSort()).length === 0 &&\n      !Object.values(filters).some((values) => values.length > 0);\n    const sortable = useSortable<DataTableRowModel<T>>({\n      items: () => models,\n      getKey: (row) => row.key,\n      getLabel: (row) => rowLabel(columns, row),\n      onChange: (next) => onReorder?.(next.map((row) => row.data)),\n      container: () => tableElement(),\n      disabled: () => !reorderable(),\n    });\n\n    // 编辑中的格：草稿、校验没过的原因、正在保存\n    let editing = _state<\n      (CellPosition & { draft: unknown; error?: string; saving?: boolean }) | null\n    >(null);\n    const columnOf = (key: string) => columns.find((column) => column.key === key);\n    const rowOf = (key: string) => models.find((row) => row.key === key);\n\n    const cellElement = (cell: CellPosition) =>\n      tableElement()?.querySelector<HTMLElement>(\n        `tr[data-key=\"${CSS.escape(cell.row)}\"] td[data-column=\"${CSS.escape(cell.column)}\"]`,\n      );\n\n    /** 编辑完、放弃后焦点回到格上（网格里键盘接着走） */\n    function focusCell(cell: CellPosition) {\n      void nextTick(() => cellElement(cell)?.focus());\n    }\n\n    function startEdit(cell: CellPosition, text?: string) {\n      const row = rowOf(cell.row);\n      const column = columnOf(cell.column);\n      if (!row || !column || !isCellEditable(column, row.data)) return;\n      const numeric = ['number', 'currency', 'percent'].includes(columnType(column, rows));\n      // 直接打字：用打的字替换原值（数字列只认数字）\n      const typed = text === undefined ? undefined : numeric ? Number(text) : text;\n      const draft =\n        typed === undefined || Number.isNaN(typed) ? columnValue(column, row.data) : typed;\n      editing = { ...cell, draft };\n      // 编辑器渲染出来后焦点移进去（autofocus 对后插入的元素不可靠，日期这类分段输入也没有 autofocus）\n      void nextTick(() => {\n        const element = cellElement(cell);\n        if (element) focusFirst(element);\n      });\n    }\n\n    function cancelEdit() {\n      if (!editing) return;\n      const cell = { row: editing.row, column: editing.column };\n      editing = null;\n      focusCell(cell);\n    }\n\n    /** 提交：列的 validate、onCellChange 都接受了才收起；step 是提交后去哪一格（Tab 往后、Shift + Tab 往前） */\n    async function commitEdit(step: 0 | 1 | -1 = 0) {\n      const current = editing;\n      const row = current && rowOf(current.row);\n      const column = current && columnOf(current.column);\n      if (!current || !row || !column || current.saving) return;\n      const invalid = column.validate?.(current.draft, row.data);\n      if (invalid) {\n        editing = { ...current, error: invalid };\n        return;\n      }\n      editing = { ...current, saving: true };\n      const result = await onCellChange?.(row.data, column.key, current.draft);\n      if (typeof result === 'string' && result) {\n        editing = { ...current, error: result, saving: false };\n        return;\n      }\n      editing = null;\n      const next = step === 0 ? undefined : neighbourEditable(current, step);\n      if (next) startEdit(next);\n      else focusCell(current);\n    }\n\n    /** 这一行里往后（往前）的下一个可编辑的格 */\n    function neighbourEditable(cell: CellPosition, step: 1 | -1): CellPosition | undefined {\n      const row = rowOf(cell.row);\n      if (!row) return undefined;\n      const hidden = new Set(hiddenColumns);\n      const visible = arranged.filter((column) => !hidden.has(column.key));\n      const from = visible.findIndex((column) => column.key === cell.column);\n      for (let index = from + step; index >= 0 && index < visible.length; index += step) {\n        const column = visible[index]!;\n        if (isCellEditable(column, row.data)) return { row: cell.row, column: column.key };\n      }\n      return undefined;\n    }\n\n    function onEditKeydown(event: KeyboardEvent) {\n      // 编辑器自己处理了的键（下拉框的 Enter 打开列表）不再当作提交\n      if (event.defaultPrevented) return;\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        cancelEdit();\n      } else if (event.key === 'Enter') {\n        event.preventDefault();\n        void commitEdit();\n      } else if (event.key === 'Tab') {\n        event.preventDefault();\n        void commitEdit(event.shiftKey ? -1 : 1);\n      }\n    }\n\n    /** 正在编辑的格里的编辑器：列的 editor，或按列选的默认编辑器 */\n    function renderEditor(row: T, column: DataTableColumn<T>): VNodeChild {\n      const current = editing!;\n      const context: CellEditorContext<T> = {\n        row,\n        value: current.draft,\n        onChange: (value) => (editing = { ...current, draft: value, error: undefined }),\n        commit: () => void commitEdit(),\n        cancel: cancelEdit,\n        error: current.error,\n      };\n      const label = plainText(column.header) ?? column.key;\n      const common = {\n        size: 'sm',\n        invalid: !!current.error,\n        'aria-label': label,\n        // 编辑器占满格子\n        propsRoot: s.editorControl,\n      } as const;\n      const editor = column.editor ? (\n        column.editor(context)\n      ) : column.statuses ? (\n        // 状态：选了就提交\n        <Select\n          {...common}\n          items={column.statuses.options()}\n          _value={typeof current.draft === 'string' ? current.draft : null}\n          onUpdate:_value={(value: string | null) => {\n            editing = { ...current, draft: value };\n            void commitEdit();\n          }}\n        />\n      ) : ['number', 'currency', 'percent'].includes(columnType(column, rows)) ? (\n        <NumberField\n          {...common}\n          stepper={false}\n          _value={typeof current.draft === 'number' ? current.draft : null}\n          onUpdate:_value={context.onChange}\n        />\n      ) : (\n        <TextField\n          {...common}\n          _value={\n            typeof current.draft === 'string' || typeof current.draft === 'number'\n              ? String(current.draft)\n              : ''\n          }\n          onUpdate:_value={context.onChange}\n        />\n      );\n      return (\n        <div\n          {...mergeAttrs<'div'>(s.editor)}\n          // 焦点离开这一格（点了别处）：提交\n          onFocusout={(event: FocusEvent) => {\n            const cell = (event.currentTarget as HTMLElement).closest('td');\n            if (!cell?.contains(event.relatedTarget as Node | null)) void commitEdit();\n          }}\n        >\n          {editor}\n          {current.error && (\n            <div role=\"alert\" {...mergeAttrs<'div'>(s.editorError)}>\n              {current.error}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    /**\n     * 能拖动时行的属性：使用方的 propsRow 加上拖动要的属性。在 setup 里建一次（函数不变，行的 memo 才有效）；\n     * 里面读的拖动状态由各行的渲染跟踪，被拖的行照样更新\n     */\n    const rowPropsWithHandle = (row: T, index: number) =>\n      mergeAttrs<'tr'>({}, typeof propsRow === 'function' ? propsRow(row, index) : propsRow, {\n        ...sortable.itemProps(models[index]!.key),\n        sx: sortable.active === models[index]!.key ? dataTableStateStyles.rowDragging : undefined,\n      });\n\n    /** 第一个数据列前面：拖动的把手，再是使用方的 leading */\n    function renderLeading(row: DataTableRowModel<T>, index: number) {\n      return (\n        <>\n          <ButtonBase\n            {...s.rowHandle}\n            ripple={false}\n            aria-label={lang.sortableHandle(rowLabel(columns, row))}\n            {...sortable.handleProps(row.key)}\n          >\n            <Icon icon={GripVertical} />\n          </ButtonBase>\n          {leading?.(row, index)}\n        </>\n      );\n    }\n\n    function onSortClick(key: string, event: MouseEvent) {\n      if (multiSort) sorts = nextSorts(sorts, key, event.shiftKey);\n      else sort = nextSort(sort, key);\n    }\n\n    function setSort(key: string, direction: SortState['direction'] | null) {\n      if (multiSort) {\n        const rest = sorts.filter((item) => item.key !== key);\n        sorts = direction ? [{ key, direction }, ...rest] : rest;\n      } else sort = direction ? { key, direction } : null;\n    }\n\n    /** 往前、往后移一列：与相邻的可见列交换位置 */\n    function move(key: string, step: 1 | -1) {\n      const hidden = new Set(hiddenColumns);\n      const keys = arranged.map((column) => column.key);\n      const visible = keys.filter((item) => !hidden.has(item));\n      const neighbour = visible[visible.indexOf(key) + step];\n      if (!neighbour) return;\n      const [from, to] = [keys.indexOf(key), keys.indexOf(neighbour)];\n      [keys[from], keys[to]] = [neighbour, key];\n      columnOrder = keys;\n    }\n\n    function onColumnAction(key: string, action: keyof ColumnMenuActions, width: number) {\n      if (action === 'sortAscending') setSort(key, 'ascending');\n      else if (action === 'sortDescending') setSort(key, 'descending');\n      else if (action === 'unsort') setSort(key, null);\n      else if (action === 'moveBackward') move(key, -1);\n      else if (action === 'moveForward') move(key, 1);\n      else if (action === 'hide') hiddenColumns = [...hiddenColumns, key];\n      else {\n        const side = action === 'pinStart' ? 'start' : action === 'pinEnd' ? 'end' : null;\n        columnPins = { ...columnPins, [key]: side };\n        // 固定列的偏移按列宽累加：没写宽度的列记下它现在的宽度\n        const column = columns.find((item) => item.key === key);\n        if (side && column?.width == null && columnWidths[key] == null && width > 0)\n          columnWidths = { ...columnWidths, [key]: width };\n      }\n    }\n\n    function toggleRow(key: string) {\n      selected = [...toggleSelection(selected, key, { mode: selectionMode ?? 'multiple' })];\n    }\n\n    // 用集合查找：逐个 includes 是 O(n²)，十万行全选会卡住页面；不能勾选的行跳过\n    function toggleAll() {\n      const keys = (\n        isRowSelectable ? models.filter((row) => isRowSelectable(row.data)) : models\n      ).map((row) => row.key);\n      const current = new Set(selected);\n      const all = keys.length > 0 && keys.every((key) => current.has(key));\n      if (!all) {\n        selected = [...new Set([...selected, ...keys])];\n        return;\n      }\n      const visible = new Set(keys);\n      selected = selected.filter((key) => !visible.has(key));\n    }\n\n    function toggleDetail(key: string) {\n      expandedRows = [...toggleSelection(expandedRows, key, { mode: 'multiple' })];\n    }\n\n    return () => (\n      <>\n        <DataTableView\n          {...mergePartProps<DataTableViewProps<T>>(\n            {\n              rows: models,\n              columns: arranged,\n              widths: columnWidths,\n              ...appearance(),\n            },\n            rest as Partial<DataTableViewProps<T>>,\n            {\n              rows: models,\n              columns: arranged,\n              sort: activeSort(),\n              onSortClick,\n              filters,\n              onFilterChange: (key: string, values: string[]) =>\n                (filters = { ...filters, [key]: values }),\n              filterOptionsOf: (column) => options.get(column.key) ?? ([] as ColumnFilterOption[]),\n              hiddenColumns,\n              onColumnAction,\n              leading: reorderable() ? renderLeading : leading,\n              // 不拖动时原样交给行：每次新建的函数会让各行的 memo 失效，勾选一行全部重渲染\n              propsRow: reorderable() ? rowPropsWithHandle : propsRow,\n              ...({ 'data-table': tableMarker } as Partial<DataTableViewProps<T>>),\n              cellNavigation: cellNavigation ?? columns.some((column) => column.editable),\n              editing: editing && { row: editing.row, column: editing.column },\n              renderEditor,\n              rowErrors: validateRow,\n              onEditStart: startEdit,\n              onEditKeydown,\n              selectionMode,\n              isRowSelectable,\n              selectedKeys: selected,\n              onToggleRow: toggleRow,\n              onToggleAll: toggleAll,\n              widths: columnWidths,\n              onResize: (key: string, width: number) =>\n                (columnWidths = { ...columnWidths, [key]: width }),\n              expandedRows,\n              onToggleDetail: toggleDetail,\n            },\n          )}\n        />\n        {onReorder && (\n          <>\n            <VisuallyHidden id={sortable.instructionsId}>\n              {lang.sortableInstructions}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{sortable.announcement}</VisuallyHidden>\n          </>\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"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"}