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

package/dist/table/sheet.js

@@ -0,0 +1,78 @@
+//#region src/table/sheet.ts
+/** 一格是不是空的 */
+var isBlank = (value) => value == null || typeof value === "string" && value.trim() === "";
+/** 行列矩阵（合并单元格已展开）→ 表：表头可以是几行，见文件开头 */
+function sheetFromMatrix(name, matrix, { headerRows = 1, splitLines = false, untitled = (column) => `第 ${column + 1} 列` } = {}) {
+	const width = Math.max(0, ...matrix.map((row) => row.length));
+	const head = matrix.slice(0, headerRows);
+	const seen = /* @__PURE__ */ new Map();
+	const headers = Array.from({ length: width }, (_, column) => {
+		const parts = [];
+		for (const row of head) {
+			const text = isBlank(row[column]) ? "" : String(row[column]).trim();
+			if (text && parts.at(-1) !== text) parts.push(text);
+		}
+		const title = parts.join(" / ") || untitled(column);
+		const count = (seen.get(title) ?? 0) + 1;
+		seen.set(title, count);
+		return count === 1 ? title : `${title} ${count}`;
+	});
+	const split = (header) => splitLines === true || Array.isArray(splitLines) && splitLines.includes(header);
+	return {
+		name,
+		headers,
+		rows: matrix.slice(headerRows).flatMap((cells) => {
+			if (cells.every(isBlank)) return [];
+			const lines = headers.map((header, column) => {
+				const value = cells[column] ?? null;
+				return split(header) && typeof value === "string" && value.includes("\n") ? value.split(/\r?\n/).map((line) => line.trim()).filter(Boolean) : [value];
+			});
+			const count = Math.max(1, ...lines.map((values) => values.length));
+			return Array.from({ length: count }, (_, line) => Object.fromEntries(headers.map((header, column) => {
+				const values = lines[column];
+				return [header, values.length > 1 ? values[line] ?? null : values[0] ?? null];
+			})));
+		})
+	};
+}
+/** CSV 文字 → 行列矩阵（RFC 4180：引号里的逗号、换行、两个引号；开头的 BOM 去掉） */
+function parseCsv(text) {
+	const source = text.startsWith("") ? text.slice(1) : text;
+	const rows = [];
+	let row = [];
+	let field = "";
+	let quoted = false;
+	for (let index = 0; index < source.length; index++) {
+		const char = source[index];
+		if (quoted) {
+			if (char === "\"" && source[index + 1] === "\"") {
+				field += "\"";
+				index++;
+			} else if (char === "\"") quoted = false;
+			else field += char;
+		} else if (char === "\"") quoted = true;
+		else if (char === ",") {
+			row.push(field);
+			field = "";
+		} else if (char === "\n" || char === "\r") {
+			if (char === "\r" && source[index + 1] === "\n") index++;
+			row.push(field);
+			rows.push(row);
+			row = [];
+			field = "";
+		} else field += char;
+	}
+	if (field !== "" || row.length > 0) {
+		row.push(field);
+		rows.push(row);
+	}
+	return rows;
+}
+/** 读 CSV 文件：一张表，名字是文件名（去掉扩展名） */
+async function readCsvFile(file, options) {
+	return [sheetFromMatrix((file.name ?? "CSV").replace(/\.[^.]+$/, ""), parseCsv(await file.text()), options)];
+}
+//#endregion
+export { parseCsv, readCsvFile, sheetFromMatrix };
+
+//# sourceMappingURL=sheet.js.map

package/dist/table/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/table/sheet.ts"],"sourcesContent":["/**\n * 读进来的表格（CSV、Excel 的一张工作表）统一成 SheetTable：表头是各列的标题文字，每行是“标题 → 值”。\n * 导入（DataImport）、@zerodep-dev/vue-tsx-pro-ui/xlsx 的 readXlsx 都产出它；CSV 由这里的 readCsvFile 读，不依赖别的库。\n *\n *   const [sheet] = await readCsvFile(file);\n *   sheet.headers   // ['零件号', '名称', '数量']\n *   sheet.rows[0]   // { 零件号: 'P-001', 名称: '支架', 数量: '40' }\n *\n * 从行列矩阵转成表（sheetFromMatrix）时：\n * - 多行表头（headerRows > 1，合并单元格已展开）：同一列各行的标题用“ / ”连接，上下相同的只留一个（“收益（万元）/ 目标”，\n *   与 tableToCsv、exportXlsx 的分组表头一致）；\n * - 全空的行去掉；标题重复时后面的加序号（“备注”“备注 2”）；\n * - splitLines：这些列的单元格里有换行时拆成几行，别的列照抄（一格里写了几个零件号的报价单）。\n */\n\n/** 单元格的值 */\nexport type SheetValue = string | number | boolean | Date | null;\n\n/** 一行：列标题 → 值 */\nexport type SheetRow = Record<string, SheetValue>;\n\n/** 一张表 */\nexport interface SheetTable {\n  /** 工作表名（CSV 是文件名） */\n  name: string;\n  /** 各列的标题，按列的顺序 */\n  headers: string[];\n  /** 数据行 */\n  rows: SheetRow[];\n}\n\n/** sheetFromMatrix 的选项 */\nexport interface SheetMatrixOptions {\n  /** 表头占几行，默认 1 */\n  headerRows?: number;\n  /** 这些列（标题）的单元格里有换行时拆成几行；true 是所有列 */\n  splitLines?: boolean | readonly string[];\n  /** 没有标题的列叫什么（从 0 起的列号），默认“第 N 列”；跟随语言时传 lang.sheetColumn */\n  untitled?: (column: number) => string;\n}\n\n/** 一格是不是空的 */\nconst isBlank = (value: SheetValue | undefined) =>\n  value == null || (typeof value === 'string' && value.trim() === '');\n\n/** 行列矩阵（合并单元格已展开）→ 表：表头可以是几行，见文件开头 */\nexport function sheetFromMatrix(\n  name: string,\n  matrix: readonly (readonly SheetValue[])[],\n  {\n    headerRows = 1,\n    splitLines = false,\n    untitled = (column) => `第 ${column + 1} 列`,\n  }: SheetMatrixOptions = {},\n): SheetTable {\n  const width = Math.max(0, ...matrix.map((row) => row.length));\n  const head = matrix.slice(0, headerRows);\n  const seen = new Map<string, number>();\n  const headers = Array.from({ length: width }, (_, column) => {\n    const parts: string[] = [];\n    for (const row of head) {\n      const text = isBlank(row[column]) ? '' : String(row[column]).trim();\n      // 合并单元格展开后上下两行相同（没分组的列跨两行）：只留一个\n      if (text && parts.at(-1) !== text) parts.push(text);\n    }\n    const title = parts.join(' / ') || untitled(column);\n    const count = (seen.get(title) ?? 0) + 1;\n    seen.set(title, count);\n    return count === 1 ? title : `${title} ${count}`;\n  });\n  const split = (header: string) =>\n    splitLines === true || (Array.isArray(splitLines) && splitLines.includes(header));\n  const rows = matrix.slice(headerRows).flatMap((cells): SheetRow[] => {\n    if (cells.every(isBlank)) return [];\n    // 拆行：要拆的列里最多有几行，就拆成几行\n    const lines = headers.map((header, column) => {\n      const value = cells[column] ?? null;\n      return split(header) && typeof value === 'string' && value.includes('\\n')\n        ? value\n            .split(/\\r?\\n/)\n            .map((line) => line.trim())\n            .filter(Boolean)\n        : [value];\n    });\n    const count = Math.max(1, ...lines.map((values) => values.length));\n    return Array.from({ length: count }, (_, line) =>\n      Object.fromEntries(\n        headers.map((header, column) => {\n          const values = lines[column]!;\n          return [header, values.length > 1 ? (values[line] ?? null) : (values[0] ?? null)];\n        }),\n      ),\n    );\n  });\n  return { name, headers, rows };\n}\n\n/** CSV 文字 → 行列矩阵（RFC 4180：引号里的逗号、换行、两个引号；开头的 BOM 去掉） */\nexport function parseCsv(text: string): string[][] {\n  const source = text.startsWith('\\uFEFF') ? text.slice(1) : text;\n  const rows: string[][] = [];\n  let row: string[] = [];\n  let field = '';\n  let quoted = false;\n  for (let index = 0; index < source.length; index++) {\n    const char = source[index]!;\n    if (quoted) {\n      if (char === '\"' && source[index + 1] === '\"') {\n        field += '\"';\n        index++;\n      } else if (char === '\"') quoted = false;\n      else field += char;\n    } else if (char === '\"') quoted = true;\n    else if (char === ',') {\n      row.push(field);\n      field = '';\n    } else if (char === '\\n' || char === '\\r') {\n      if (char === '\\r' && source[index + 1] === '\\n') index++;\n      row.push(field);\n      rows.push(row);\n      row = [];\n      field = '';\n    } else field += char;\n  }\n  if (field !== '' || row.length > 0) {\n    row.push(field);\n    rows.push(row);\n  }\n  return rows;\n}\n\n/** 读 CSV 文件：一张表，名字是文件名（去掉扩展名） */\nexport async function readCsvFile(\n  file: Blob & { name?: string },\n  options?: SheetMatrixOptions,\n): Promise<SheetTable[]> {\n  const name = (file.name ?? 'CSV').replace(/\\.[^.]+$/, '');\n  return [sheetFromMatrix(name, parseCsv(await file.text()), options)];\n}\n"],"mappings":";;AA0CA,IAAM,WAAW,UACf,SAAS,QAAS,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM;;AAGlE,SAAgB,gBACd,MACA,QACA,EACE,aAAa,GACb,aAAa,OACb,YAAY,WAAW,KAAK,SAAS,EAAE,QACjB,CAAC,GACb;CACZ,MAAM,QAAQ,KAAK,IAAI,GAAG,GAAG,OAAO,KAAK,QAAQ,IAAI,MAAM,CAAC;CAC5D,MAAM,OAAO,OAAO,MAAM,GAAG,UAAU;CACvC,MAAM,uBAAO,IAAI,IAAoB;CACrC,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,WAAW;EAC3D,MAAM,QAAkB,CAAC;EACzB,KAAK,MAAM,OAAO,MAAM;GACtB,MAAM,OAAO,QAAQ,IAAI,OAAO,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,KAAK;GAElE,IAAI,QAAQ,MAAM,GAAG,EAAE,MAAM,MAAM,MAAM,KAAK,IAAI;EACpD;EACA,MAAM,QAAQ,MAAM,KAAK,KAAK,KAAK,SAAS,MAAM;EAClD,MAAM,SAAS,KAAK,IAAI,KAAK,KAAK,KAAK;EACvC,KAAK,IAAI,OAAO,KAAK;EACrB,OAAO,UAAU,IAAI,QAAQ,GAAG,MAAM,GAAG;CAC3C,CAAC;CACD,MAAM,SAAS,WACb,eAAe,QAAS,MAAM,QAAQ,UAAU,KAAK,WAAW,SAAS,MAAM;CAuBjF,OAAO;EAAE;EAAM;EAAS,MAtBX,OAAO,MAAM,UAAU,CAAC,CAAC,SAAS,UAAsB;GACnE,IAAI,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC;GAElC,MAAM,QAAQ,QAAQ,KAAK,QAAQ,WAAW;IAC5C,MAAM,QAAQ,MAAM,WAAW;IAC/B,OAAO,MAAM,MAAM,KAAK,OAAO,UAAU,YAAY,MAAM,SAAS,IAAI,IACpE,MACG,MAAM,OAAO,CAAC,CACd,KAAK,SAAS,KAAK,KAAK,CAAC,CAAC,CAC1B,OAAO,OAAO,IACjB,CAAC,KAAK;GACZ,CAAC;GACD,MAAM,QAAQ,KAAK,IAAI,GAAG,GAAG,MAAM,KAAK,WAAW,OAAO,MAAM,CAAC;GACjE,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,SACvC,OAAO,YACL,QAAQ,KAAK,QAAQ,WAAW;IAC9B,MAAM,SAAS,MAAM;IACrB,OAAO,CAAC,QAAQ,OAAO,SAAS,IAAK,OAAO,SAAS,OAAS,OAAO,MAAM,IAAK;GAClF,CAAC,CACH,CACF;EACF,CACwB;CAAK;AAC/B;;AAGA,SAAgB,SAAS,MAA0B;CACjD,MAAM,SAAS,KAAK,WAAW,GAAQ,IAAI,KAAK,MAAM,CAAC,IAAI;CAC3D,MAAM,OAAmB,CAAC;CAC1B,IAAI,MAAgB,CAAC;CACrB,IAAI,QAAQ;CACZ,IAAI,SAAS;CACb,KAAK,IAAI,QAAQ,GAAG,QAAQ,OAAO,QAAQ,SAAS;EAClD,MAAM,OAAO,OAAO;EACpB,IAAI,QAAQ;GACV,IAAI,SAAS,QAAO,OAAO,QAAQ,OAAO,MAAK;IAC7C,SAAS;IACT;GACF,OAAO,IAAI,SAAS,MAAK,SAAS;QAC7B,SAAS;EAChB,OAAO,IAAI,SAAS,MAAK,SAAS;OAC7B,IAAI,SAAS,KAAK;GACrB,IAAI,KAAK,KAAK;GACd,QAAQ;EACV,OAAO,IAAI,SAAS,QAAQ,SAAS,MAAM;GACzC,IAAI,SAAS,QAAQ,OAAO,QAAQ,OAAO,MAAM;GACjD,IAAI,KAAK,KAAK;GACd,KAAK,KAAK,GAAG;GACb,MAAM,CAAC;GACP,QAAQ;EACV,OAAO,SAAS;CAClB;CACA,IAAI,UAAU,MAAM,IAAI,SAAS,GAAG;EAClC,IAAI,KAAK,KAAK;EACd,KAAK,KAAK,GAAG;CACf;CACA,OAAO;AACT;;AAGA,eAAsB,YACpB,MACA,SACuB;CAEvB,OAAO,CAAC,iBADM,KAAK,QAAQ,MAAA,CAAO,QAAQ,YAAY,EAC9B,GAAM,SAAS,MAAM,KAAK,KAAK,CAAC,GAAG,OAAO,CAAC;AACrE"}

package/dist/table/table-styles.d.ts

@@ -0,0 +1,136 @@
+/**
+ * 表格的外观：静态 Table 与 DataTable、TreeDataTable 共用的选项（密度、样式、斑马纹）与按列、按状态叠加的样式，
+ * 以及 DataTable、TreeDataTable 的配方（静态表格的配方在 Table.tsx）。
+ * 单独一个模块：只用静态表格时不连带打包 DataTable 的视图（虚拟滚动、勾选、排序……）。
+ */
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+/** 表格的密度（行高与字号） */
+export interface DataTableDensities {
+    /** 紧凑：数据很多、要一屏看更多行（字号也小一档） */
+    compact: unknown;
+    /** 标准（默认） */
+    standard: unknown;
+    /** 宽松：行里有头像、两行文字 */
+    comfortable: unknown;
+}
+/** 表格的样式 */
+export interface DataTableVariants {
+    /** 表面色、外框与圆角（默认） */
+    surface: unknown;
+    /** 没有外框，底色同页面：放在卡片、对话框里 */
+    ghost: unknown;
+}
+/** 表格的外观选项；可以用 createUi / Provider 的 defaults.DataTable 统一改默认值（TreeDataTable 也用它） */
+export interface DataTableOptions {
+    /** 密度，默认 standard */
+    density?: keyof DataTableDensities;
+    /** 样式，默认 surface */
+    variant?: keyof DataTableVariants;
+    /** 斑马纹：隔行浅色底 */
+    striped?: boolean;
+}
+/**
+ * DataTable、TreeDataTable 的配方：部件对应渲染出来的元素，密度、样式、斑马纹是档位。
+ * 同类的格叠在一起用：勾选列、合计行、详情、空状态的格是 `[s.cell.sx, s.selectCell.sx]`，
+ * 分组标题、表头的勾选列是 `[s.headerCell.sx, s.groupHeaderCell.sx]`；对齐、固定列、已选这些按列、按状态的
+ * 样式（dataTableStateStyles）追加在部件层之后。
+ * 斑马纹按行号隔行（虚拟滚动里 :nth-child 数不准）：`striped: true` 选的是浅色底的那些行
+ */
+export declare const dataTableRecipe: css.Recipe<"body" | "cell" | "content" | "detailCell" | "detailContent" | "detailHeaderCell" | "detailRow" | "detailToggle" | "detailToggleCell" | "editor" | "editorControl" | "editorError" | "emptyCell" | "foot" | "groupHeaderCell" | "head" | "headRow" | "headerCell" | "headerContent" | "headerMain" | "leading" | "progress" | "progressCell" | "root" | "row" | "rowHandle" | "selectAll" | "selectCell" | "selectCheckbox" | "selectHeaderCell" | "selectRadio" | "skeleton" | "sortButton" | "sortIcon" | "sortLabel" | "sortPriority" | "spacer" | "summaryCell" | "table", {
+    readonly density: {
+        readonly compact: {
+            readonly table: {
+                readonly fontSize: "_sm";
+            };
+            readonly headerCell: {
+                readonly paddingBlock: "_xs";
+            };
+            readonly cell: {
+                readonly paddingBlock: "_xs";
+            };
+        };
+        readonly standard: {
+            readonly headerCell: {
+                readonly paddingBlock: "_sm";
+            };
+            readonly cell: {
+                readonly paddingBlock: "_sm";
+            };
+        };
+        readonly comfortable: {
+            readonly headerCell: {
+                readonly paddingBlock: "_md";
+            };
+            readonly cell: {
+                readonly paddingBlock: "_md";
+            };
+        };
+    };
+    readonly variant: {
+        readonly surface: {
+            readonly root: {
+                readonly borderWidth: "_xs";
+                readonly borderStyle: "solid";
+                readonly borderColor: "_border";
+                readonly borderRadius: "_lg";
+                readonly backgroundColor: "_surface";
+            };
+            readonly row: {
+                readonly backgroundColor: {
+                    readonly default: "_surface";
+                    readonly ':hover': "_fillHover";
+                };
+            };
+        };
+        readonly ghost: {
+            readonly root: {
+                readonly backgroundColor: "_background";
+            };
+            readonly row: {
+                readonly backgroundColor: {
+                    readonly default: "_background";
+                    readonly ':hover': "_fillHover";
+                };
+            };
+        };
+    };
+    readonly striped: {
+        readonly true: {
+            readonly row: {
+                readonly backgroundColor: {
+                    readonly default: "_fill";
+                    readonly ':hover': "_fillHover";
+                };
+            };
+        };
+    };
+}>;
+/** DataTable、TreeDataTable 的部件（createUi / Provider 的 styles.DataTable 按它定制） */
+export type DataTablePart = (typeof dataTableRecipe.parts)[number];
+/**
+ * 表格按列、按状态叠加的样式：对齐、换行、固定列、已选、正在看、编辑中……追加在部件层之后
+ * （`{ ...s.cell, sx: [s.cell.sx, dataTableStateStyles.end] }`）。静态 Table 的对齐、换行也用它
+ */
+export declare const dataTableStateStyles: Readonly<{
+    active: css.CompiledStyles;
+    activeEdge: css.CompiledStyles;
+    center: css.CompiledStyles;
+    chevronOpen: css.CompiledStyles;
+    clickable: css.CompiledStyles;
+    editingCell: css.CompiledStyles;
+    end: css.CompiledStyles;
+    flexible: css.CompiledStyles;
+    gridCell: css.CompiledStyles;
+    groupDivider: css.CompiledStyles;
+    headerMainEnd: css.CompiledStyles;
+    invalidCell: css.CompiledStyles;
+    rowDragging: css.CompiledStyles;
+    selected: css.CompiledStyles;
+    sortActive: css.CompiledStyles;
+    start: css.CompiledStyles;
+    sticky: css.CompiledStyles;
+    stickyEndEdge: css.CompiledStyles;
+    stickySelect: css.CompiledStyles;
+    stickyStartEdge: css.CompiledStyles;
+    wrap: css.CompiledStyles;
+}>;

package/dist/table/table-styles.js

@@ -0,0 +1,403 @@
+import { t } from "../config/theme/tokens.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/table/table-styles.ts
+/**
+* 表格的外观：静态 Table 与 DataTable、TreeDataTable 共用的选项（密度、样式、斑马纹）与按列、按状态叠加的样式，
+* 以及 DataTable、TreeDataTable 的配方（静态表格的配方在 Table.tsx）。
+* 单独一个模块：只用静态表格时不连带打包 DataTable 的视图（虚拟滚动、勾选、排序……）。
+*/
+/**
+* DataTable、TreeDataTable 的配方：部件对应渲染出来的元素，密度、样式、斑马纹是档位。
+* 同类的格叠在一起用：勾选列、合计行、详情、空状态的格是 `[s.cell.sx, s.selectCell.sx]`，
+* 分组标题、表头的勾选列是 `[s.headerCell.sx, s.groupHeaderCell.sx]`；对齐、固定列、已选这些按列、按状态的
+* 样式（dataTableStateStyles）追加在部件层之后。
+* 斑马纹按行号隔行（虚拟滚动里 :nth-child 数不准）：`striped: true` 选的是浅色底的那些行
+*/
+var dataTableRecipe = css.recipe({
+	name: "DataTable",
+	parts: [
+		"root",
+		"table",
+		"head",
+		"headRow",
+		"headerCell",
+		"groupHeaderCell",
+		"selectHeaderCell",
+		"detailHeaderCell",
+		"headerContent",
+		"headerMain",
+		"sortButton",
+		"sortLabel",
+		"sortIcon",
+		"sortPriority",
+		"selectAll",
+		"progressCell",
+		"progress",
+		"body",
+		"row",
+		"cell",
+		"selectCell",
+		"selectCheckbox",
+		"selectRadio",
+		"detailToggleCell",
+		"detailToggle",
+		"leading",
+		"content",
+		"rowHandle",
+		"editor",
+		"editorControl",
+		"editorError",
+		"detailRow",
+		"detailCell",
+		"detailContent",
+		"skeleton",
+		"emptyCell",
+		"spacer",
+		"foot",
+		"summaryCell"
+	],
+	base: {
+		root: {
+			maxHeight: "32em",
+			minWidth: 0,
+			containerType: "inline-size"
+		},
+		table: {
+			width: "_full",
+			tableLayout: "fixed",
+			borderCollapse: "separate",
+			borderSpacing: 0,
+			color: "_text",
+			lineHeight: "_normal"
+		},
+		head: {
+			position: "sticky",
+			top: 0,
+			zIndex: 2
+		},
+		headerCell: {
+			position: "relative",
+			boxSizing: "border-box",
+			paddingInline: "_md",
+			borderBottomWidth: "_xs",
+			borderBottomStyle: "solid",
+			borderBottomColor: "_border",
+			backgroundColor: "_fill",
+			color: "_textMuted",
+			fontSize: "_sm",
+			fontWeight: "_semibold",
+			textAlign: "start",
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		groupHeaderCell: {
+			textAlign: "center",
+			borderBottomColor: "_borderMuted"
+		},
+		selectHeaderCell: {
+			paddingInline: 0,
+			textAlign: "center",
+			textOverflow: "clip"
+		},
+		detailHeaderCell: {
+			paddingInline: 0,
+			textAlign: "center",
+			textOverflow: "clip"
+		},
+		headerContent: {
+			display: "flex",
+			alignItems: "center",
+			gap: "_xs",
+			minWidth: 0
+		},
+		headerMain: {
+			flexGrow: 1,
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		sortButton: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "_xs",
+			maxWidth: "_full",
+			color: {
+				default: "inherit",
+				":hover": "_text"
+			}
+		},
+		sortLabel: {
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		sortIcon: { flexShrink: 0 },
+		sortPriority: {
+			fontSize: "0.75em",
+			fontVariantNumeric: "tabular-nums",
+			color: "_accentText"
+		},
+		selectAll: { marginBlock: "-0.1875rem" },
+		progressCell: {
+			position: "relative",
+			height: 0,
+			padding: 0,
+			borderWidth: 0
+		},
+		progress: {
+			position: "absolute",
+			top: 0,
+			insetInline: 0
+		},
+		cell: {
+			boxSizing: "border-box",
+			fontVariantNumeric: "tabular-nums",
+			paddingInline: "_md",
+			borderBottomWidth: "_xs",
+			borderBottomStyle: "solid",
+			borderBottomColor: "_borderMuted",
+			backgroundColor: "inherit",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			verticalAlign: "middle"
+		},
+		selectCell: {
+			paddingInline: 0,
+			textAlign: "center",
+			textOverflow: "clip"
+		},
+		selectCheckbox: { marginBlock: "-0.1875rem" },
+		selectRadio: { marginBlock: "-0.1875rem" },
+		detailToggleCell: {
+			paddingInline: 0,
+			textAlign: "center",
+			textOverflow: "clip"
+		},
+		detailToggle: {
+			width: "1.5rem",
+			height: "1.5rem",
+			minHeight: "1.5rem",
+			marginBlock: "-0.1875rem"
+		},
+		leading: {
+			display: "flex",
+			alignItems: "center",
+			gap: "_xs",
+			minWidth: 0
+		},
+		content: {
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		rowHandle: {
+			display: "grid",
+			placeItems: "center",
+			flexShrink: 0,
+			width: "1.5em",
+			height: "1.5em",
+			marginBlock: "-0.25em",
+			borderRadius: "_sm",
+			backgroundColor: {
+				default: "transparent",
+				":hover": "_fillHover"
+			},
+			color: "_textMuted",
+			cursor: {
+				default: "grab",
+				":active": "grabbing"
+			},
+			touchAction: "none"
+		},
+		editor: {
+			position: "relative",
+			minWidth: 0
+		},
+		editorControl: { width: "_full" },
+		editorError: {
+			position: "absolute",
+			insetInlineStart: 0,
+			top: "calc(100% + 2px)",
+			zIndex: 3,
+			width: "max-content",
+			maxWidth: "20rem",
+			textAlign: "start",
+			paddingBlock: "_xs",
+			paddingInline: "_sm",
+			borderRadius: "_sm",
+			backgroundColor: "_danger",
+			color: "_dangerContrast",
+			fontSize: "_sm",
+			whiteSpace: "normal",
+			boxShadow: "_md"
+		},
+		detailCell: {
+			paddingBlock: 0,
+			paddingInline: 0,
+			whiteSpace: "normal",
+			backgroundColor: "_fill"
+		},
+		detailContent: {
+			position: "sticky",
+			insetInlineStart: 0,
+			boxSizing: "border-box",
+			maxWidth: "100cqi",
+			paddingBlock: "_md",
+			paddingInline: "_md"
+		},
+		skeleton: {
+			display: "block",
+			height: "1em"
+		},
+		emptyCell: {
+			paddingBlock: 0,
+			padding: 0,
+			whiteSpace: "normal"
+		},
+		spacer: {
+			padding: 0,
+			borderWidth: 0
+		},
+		foot: {
+			position: "sticky",
+			bottom: 0,
+			zIndex: 2
+		},
+		summaryCell: {
+			borderTopWidth: "_xs",
+			borderTopStyle: "solid",
+			borderTopColor: "_border",
+			borderBottomWidth: 0,
+			backgroundColor: "_fill",
+			fontWeight: "_semibold"
+		}
+	},
+	variants: {
+		density: {
+			compact: {
+				table: { fontSize: "_sm" },
+				headerCell: { paddingBlock: "_xs" },
+				cell: { paddingBlock: "_xs" }
+			},
+			standard: {
+				headerCell: { paddingBlock: "_sm" },
+				cell: { paddingBlock: "_sm" }
+			},
+			comfortable: {
+				headerCell: { paddingBlock: "_md" },
+				cell: { paddingBlock: "_md" }
+			}
+		},
+		variant: {
+			surface: {
+				root: {
+					borderWidth: "_xs",
+					borderStyle: "solid",
+					borderColor: "_border",
+					borderRadius: "_lg",
+					backgroundColor: "_surface"
+				},
+				row: { backgroundColor: {
+					default: "_surface",
+					":hover": "_fillHover"
+				} }
+			},
+			ghost: {
+				root: { backgroundColor: "_background" },
+				row: { backgroundColor: {
+					default: "_background",
+					":hover": "_fillHover"
+				} }
+			}
+		},
+		striped: { true: { row: { backgroundColor: {
+			default: "_fill",
+			":hover": "_fillHover"
+		} } } }
+	}
+});
+/**
+* 表格按列、按状态叠加的样式：对齐、换行、固定列、已选、正在看、编辑中……追加在部件层之后
+* （`{ ...s.cell, sx: [s.cell.sx, dataTableStateStyles.end] }`）。静态 Table 的对齐、换行也用它
+*/
+var dataTableStateStyles = css.create({
+	flexible: {
+		flexGrow: 0,
+		flexShrink: 1,
+		flexBasis: "auto",
+		maxHeight: "none",
+		minHeight: 0
+	},
+	groupDivider: {
+		borderInlineStartWidth: "_xs",
+		borderInlineStartStyle: "solid",
+		borderInlineStartColor: "_borderMuted"
+	},
+	wrap: {
+		whiteSpace: "normal",
+		overflowWrap: "anywhere"
+	},
+	start: { textAlign: "start" },
+	center: { textAlign: "center" },
+	end: { textAlign: "end" },
+	selected: { backgroundColor: {
+		default: "_accentSoft",
+		":hover": "_accentSoftHover"
+	} },
+	active: { backgroundColor: {
+		default: "_accentSoft",
+		":hover": "_accentSoftHover"
+	} },
+	activeEdge: { boxShadow: {
+		default: `inset 3px 0 0 ${t.colors.accent}`,
+		":dir(rtl)": `inset -3px 0 0 ${t.colors.accent}`
+	} },
+	clickable: { cursor: "pointer" },
+	sticky: {
+		position: "sticky",
+		zIndex: 1
+	},
+	stickyStartEdge: {
+		borderInlineEndWidth: "_xs",
+		borderInlineEndStyle: "solid",
+		borderInlineEndColor: "_borderMuted"
+	},
+	stickyEndEdge: {
+		borderInlineStartWidth: "_xs",
+		borderInlineStartStyle: "solid",
+		borderInlineStartColor: "_borderMuted"
+	},
+	stickySelect: {
+		position: "sticky",
+		zIndex: 1,
+		insetInlineStart: 0
+	},
+	chevronOpen: { rotate: "90deg" },
+	sortActive: { color: "_accentText" },
+	headerMainEnd: { textAlign: "end" },
+	gridCell: {
+		outline: "none",
+		boxShadow: {
+			default: null,
+			":focus-visible": `inset 0 0 0 ${t.borderWidths.sm} ${t.colors.focusRing}`
+		}
+	},
+	editingCell: {
+		paddingBlock: "_none",
+		overflow: "visible"
+	},
+	invalidCell: { boxShadow: {
+		default: `inset 0 0 0 ${t.borderWidths.xs} ${t.colors.danger}`,
+		":focus-visible": `inset 0 0 0 ${t.borderWidths.sm} ${t.colors.focusRing}`
+	} },
+	rowDragging: {
+		position: "relative",
+		zIndex: 1,
+		boxShadow: "_md"
+	}
+});
+//#endregion
+export { dataTableRecipe, dataTableStateStyles };
+
+//# sourceMappingURL=table-styles.js.map

package/dist/table/table-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-styles.js","names":[],"sources":["../../src/table/table-styles.ts"],"sourcesContent":["/**\n * 表格的外观：静态 Table 与 DataTable、TreeDataTable 共用的选项（密度、样式、斑马纹）与按列、按状态叠加的样式，\n * 以及 DataTable、TreeDataTable 的配方（静态表格的配方在 Table.tsx）。\n * 单独一个模块：只用静态表格时不连带打包 DataTable 的视图（虚拟滚动、勾选、排序……）。\n */\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { t } from '../config/theme/tokens';\n\n/** 表格的密度（行高与字号） */\nexport interface DataTableDensities {\n  /** 紧凑：数据很多、要一屏看更多行（字号也小一档） */\n  compact: unknown;\n  /** 标准（默认） */\n  standard: unknown;\n  /** 宽松：行里有头像、两行文字 */\n  comfortable: unknown;\n}\n\n/** 表格的样式 */\nexport interface DataTableVariants {\n  /** 表面色、外框与圆角（默认） */\n  surface: unknown;\n  /** 没有外框，底色同页面：放在卡片、对话框里 */\n  ghost: unknown;\n}\n\n/** 表格的外观选项；可以用 createUi / Provider 的 defaults.DataTable 统一改默认值（TreeDataTable 也用它） */\nexport interface DataTableOptions {\n  /** 密度，默认 standard */\n  density?: keyof DataTableDensities;\n  /** 样式，默认 surface */\n  variant?: keyof DataTableVariants;\n  /** 斑马纹：隔行浅色底 */\n  striped?: boolean;\n}\n\n/**\n * DataTable、TreeDataTable 的配方：部件对应渲染出来的元素，密度、样式、斑马纹是档位。\n * 同类的格叠在一起用：勾选列、合计行、详情、空状态的格是 `[s.cell.sx, s.selectCell.sx]`，\n * 分组标题、表头的勾选列是 `[s.headerCell.sx, s.groupHeaderCell.sx]`；对齐、固定列、已选这些按列、按状态的\n * 样式（dataTableStateStyles）追加在部件层之后。\n * 斑马纹按行号隔行（虚拟滚动里 :nth-child 数不准）：`striped: true` 选的是浅色底的那些行\n */\nexport const dataTableRecipe = css.recipe({\n  name: 'DataTable',\n  parts: [\n    'root',\n    'table',\n    'head',\n    'headRow',\n    'headerCell',\n    'groupHeaderCell',\n    'selectHeaderCell',\n    'detailHeaderCell',\n    'headerContent',\n    'headerMain',\n    'sortButton',\n    'sortLabel',\n    'sortIcon',\n    'sortPriority',\n    'selectAll',\n    'progressCell',\n    'progress',\n    'body',\n    'row',\n    'cell',\n    'selectCell',\n    'selectCheckbox',\n    'selectRadio',\n    'detailToggleCell',\n    'detailToggle',\n    'leading',\n    'content',\n    'rowHandle',\n    'editor',\n    'editorControl',\n    'editorError',\n    'detailRow',\n    'detailCell',\n    'detailContent',\n    'skeleton',\n    'emptyCell',\n    'spacer',\n    'foot',\n    'summaryCell',\n  ],\n  base: {\n    // contain: inline-size：宽表格不会把外层的 grid / flex 容器撑宽（它们的最小宽度默认等于内容宽度），\n    // 宽度只由所在的容器决定，放不下的部分在表格里横向滚动\n    // 也是容器查询的容器：详情的内容用 100cqi 限宽到视口，横向滚动时贴着起始边\n    root: { maxHeight: '32em', minWidth: 0, containerType: 'inline-size' },\n    table: {\n      width: '_full',\n      tableLayout: 'fixed',\n      borderCollapse: 'separate',\n      borderSpacing: 0,\n      color: '_text',\n      lineHeight: '_normal',\n    },\n    head: { position: 'sticky', top: 0, zIndex: 2 },\n    headerCell: {\n      position: 'relative',\n      boxSizing: 'border-box',\n      paddingInline: '_md',\n      borderBottomWidth: '_xs',\n      borderBottomStyle: 'solid',\n      borderBottomColor: '_border',\n      backgroundColor: '_fill',\n      color: '_textMuted',\n      fontSize: '_sm',\n      fontWeight: '_semibold',\n      textAlign: 'start',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n    // 分组标题居中，下边线淡一些：与下面一行的列标题仍是一个表头\n    groupHeaderCell: { textAlign: 'center', borderBottomColor: '_borderMuted' },\n    // 勾选列、详情列的格（表头与各行）：控件居中，没有左右内边距\n    selectHeaderCell: { paddingInline: 0, textAlign: 'center', textOverflow: 'clip' },\n    detailHeaderCell: { paddingInline: 0, textAlign: 'center', textOverflow: 'clip' },\n    // 有筛选、列菜单按钮的列标题：文字（或排序按钮）占满剩下的宽度，按钮在结尾\n    headerContent: { display: 'flex', alignItems: 'center', gap: '_xs', minWidth: 0 },\n    headerMain: { flexGrow: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis' },\n    // 去掉按钮默认外观、焦点环、波纹、颜色过渡由 ButtonBase 给出\n    sortButton: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '_xs',\n      maxWidth: '_full',\n      color: { default: 'inherit', ':hover': '_text' },\n    },\n    sortLabel: { overflow: 'hidden', textOverflow: 'ellipsis' },\n    sortIcon: { flexShrink: 0 },\n    // 多列排序时的次序（1、2…）：小号数字跟在箭头后面\n    sortPriority: { fontSize: '0.75em', fontVariantNumeric: 'tabular-nums', color: '_accentText' },\n    // 单元格里 24px 的控件（勾选框、单选框、展开按钮）：上下的负外边距抵掉比一行文字高出的部分，\n    // 有控件的行与纯文字的行一样高，点击区域仍是 24px。操作列放文字按钮时用 variant=\"link\"\n    selectAll: { marginBlock: '-0.1875rem' },\n    progressCell: { position: 'relative', height: 0, padding: 0, borderWidth: 0 },\n    progress: { position: 'absolute', top: 0, insetInline: 0 },\n    // 数字等宽：金额、数量、日期上下对齐（文字不受影响）\n    cell: {\n      boxSizing: 'border-box',\n      fontVariantNumeric: 'tabular-nums',\n      paddingInline: '_md',\n      borderBottomWidth: '_xs',\n      borderBottomStyle: 'solid',\n      borderBottomColor: '_borderMuted',\n      backgroundColor: 'inherit',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      verticalAlign: 'middle',\n    },\n    selectCell: { paddingInline: 0, textAlign: 'center', textOverflow: 'clip' },\n    selectCheckbox: { marginBlock: '-0.1875rem' },\n    selectRadio: { marginBlock: '-0.1875rem' },\n    detailToggleCell: { paddingInline: 0, textAlign: 'center', textOverflow: 'clip' },\n    detailToggle: {\n      width: '1.5rem',\n      height: '1.5rem',\n      minHeight: '1.5rem',\n      marginBlock: '-0.1875rem',\n    },\n    leading: { display: 'flex', alignItems: 'center', gap: '_xs', minWidth: 0 },\n    content: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis' },\n    // 行拖动的把手：在第一个数据列的最前面，按下拖动，或聚焦后用键盘\n    rowHandle: {\n      display: 'grid',\n      placeItems: 'center',\n      flexShrink: 0,\n      width: '1.5em',\n      height: '1.5em',\n      marginBlock: '-0.25em',\n      borderRadius: '_sm',\n      backgroundColor: { default: 'transparent', ':hover': '_fillHover' },\n      color: '_textMuted',\n      cursor: { default: 'grab', ':active': 'grabbing' },\n      // 触摸拖动时不滚动页面\n      touchAction: 'none',\n    },\n    // 编辑器：贴着格子；提交被拒的原因浮在下面（不撑高这一行）\n    editor: { position: 'relative', minWidth: 0 },\n    editorControl: { width: '_full' },\n    editorError: {\n      position: 'absolute',\n      insetInlineStart: 0,\n      top: 'calc(100% + 2px)',\n      zIndex: 3,\n      // 按文字宽度，不被窄列挤成一字一行；靠起始边（数字列的格是靠结束边的）\n      width: 'max-content',\n      maxWidth: '20rem',\n      textAlign: 'start',\n      paddingBlock: '_xs',\n      paddingInline: '_sm',\n      borderRadius: '_sm',\n      backgroundColor: '_danger',\n      color: '_dangerContrast',\n      fontSize: '_sm',\n      whiteSpace: 'normal',\n      boxShadow: '_md',\n    },\n    // 详情行：浅底、可以换行；内边距放在内容上，内容贴着视口起始边、宽度不超过视口\n    detailCell: {\n      paddingBlock: 0,\n      paddingInline: 0,\n      whiteSpace: 'normal',\n      backgroundColor: '_fill',\n    },\n    detailContent: {\n      position: 'sticky',\n      insetInlineStart: 0,\n      boxSizing: 'border-box',\n      maxWidth: '100cqi',\n      paddingBlock: '_md',\n      paddingInline: '_md',\n    },\n    skeleton: { display: 'block', height: '1em' },\n    // paddingBlock 盖过单元格按密度的上下内边距（padding 是简写，压不过它）\n    emptyCell: { paddingBlock: 0, padding: 0, whiteSpace: 'normal' },\n    spacer: { padding: 0, borderWidth: 0 },\n    // 合计行吸底；在表头、固定列之上\n    foot: { position: 'sticky', bottom: 0, zIndex: 2 },\n    summaryCell: {\n      borderTopWidth: '_xs',\n      borderTopStyle: 'solid',\n      borderTopColor: '_border',\n      borderBottomWidth: 0,\n      backgroundColor: '_fill',\n      fontWeight: '_semibold',\n    },\n  },\n  variants: {\n    // 单元格的上下内边距；紧凑时字号也小一档\n    density: {\n      compact: {\n        table: { fontSize: '_sm' },\n        headerCell: { paddingBlock: '_xs' },\n        cell: { paddingBlock: '_xs' },\n      },\n      standard: { headerCell: { paddingBlock: '_sm' }, cell: { paddingBlock: '_sm' } },\n      comfortable: { headerCell: { paddingBlock: '_md' }, cell: { paddingBlock: '_md' } },\n    },\n    // 行的底色：固定列的单元格继承它（backgroundColor: inherit），所以必须是不透明的颜色\n    variant: {\n      surface: {\n        root: {\n          borderWidth: '_xs',\n          borderStyle: 'solid',\n          borderColor: '_border',\n          borderRadius: '_lg',\n          backgroundColor: '_surface',\n        },\n        row: { backgroundColor: { default: '_surface', ':hover': '_fillHover' } },\n      },\n      ghost: {\n        root: { backgroundColor: '_background' },\n        row: { backgroundColor: { default: '_background', ':hover': '_fillHover' } },\n      },\n    },\n    striped: {\n      true: { row: { backgroundColor: { default: '_fill', ':hover': '_fillHover' } } },\n    },\n  },\n});\n\n/** DataTable、TreeDataTable 的部件（createUi / Provider 的 styles.DataTable 按它定制） */\nexport type DataTablePart = (typeof dataTableRecipe.parts)[number];\n\n/**\n * 表格按列、按状态叠加的样式：对齐、换行、固定列、已选、正在看、编辑中……追加在部件层之后\n * （`{ ...s.cell, sx: [s.cell.sx, dataTableStateStyles.end] }`）。静态 Table 的对齐、换行也用它\n */\nexport const dataTableStateStyles = css.create({\n  // 放在竖排的弹性容器（ViewportFill）里：按行数自己的高度，最多占到剩下的高度，再多在表格里滚动\n  flexible: { flexGrow: 0, flexShrink: 1, flexBasis: 'auto', maxHeight: 'none', minHeight: 0 },\n  // 分组与相邻的列之间一条竖线（只在表头里）：看得出哪几列属于一组\n  groupDivider: {\n    borderInlineStartWidth: '_xs',\n    borderInlineStartStyle: 'solid',\n    borderInlineStartColor: '_borderMuted',\n  },\n  wrap: { whiteSpace: 'normal', overflowWrap: 'anywhere' },\n  start: { textAlign: 'start' },\n  center: { textAlign: 'center' },\n  end: { textAlign: 'end' },\n  selected: { backgroundColor: { default: '_accentSoft', ':hover': '_accentSoftHover' } },\n  // 主从视图里正在看的一行：同已选的底色；起始边一条强调色的竖线（与勾选区分开）画在第一个单元格上，\n  // 浏览器不给 tr 画阴影\n  active: { backgroundColor: { default: '_accentSoft', ':hover': '_accentSoftHover' } },\n  activeEdge: {\n    boxShadow: {\n      default: `inset 3px 0 0 ${t.colors.accent}`,\n      ':dir(rtl)': `inset -3px 0 0 ${t.colors.accent}`,\n    },\n  },\n  // 整行能点（打开详情）：手形指针\n  clickable: { cursor: 'pointer' },\n  // 固定列在普通单元格之上，表头在固定列之上\n  sticky: { position: 'sticky', zIndex: 1 },\n  // 固定列与滚动的列之间一条竖线：横向滚动时看得出哪几列是固定的\n  stickyStartEdge: {\n    borderInlineEndWidth: '_xs',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: '_borderMuted',\n  },\n  stickyEndEdge: {\n    borderInlineStartWidth: '_xs',\n    borderInlineStartStyle: 'solid',\n    borderInlineStartColor: '_borderMuted',\n  },\n  // 有起始边的固定列时，勾选列也固定在最前面\n  stickySelect: { position: 'sticky', zIndex: 1, insetInlineStart: 0 },\n  chevronOpen: { rotate: '90deg' },\n  sortActive: { color: '_accentText' },\n  // 靠结束边的列（数字）：文字靠结束边，按钮仍在最后\n  headerMainEnd: { textAlign: 'end' },\n  // 单元格导航：聚焦的格画一圈内描边（不占位、不被相邻格盖住）\n  gridCell: {\n    outline: 'none',\n    boxShadow: {\n      default: null,\n      ':focus-visible': `inset 0 0 0 ${t.borderWidths.sm} ${t.colors.focusRing}`,\n    },\n  },\n  // 编辑中的格：编辑器贴满格子，上下内边距收小\n  editingCell: { paddingBlock: '_none', overflow: 'visible' },\n  // 校验没过的格：红色内描边；聚焦时仍是焦点环\n  invalidCell: {\n    boxShadow: {\n      default: `inset 0 0 0 ${t.borderWidths.xs} ${t.colors.danger}`,\n      ':focus-visible': `inset 0 0 0 ${t.borderWidths.sm} ${t.colors.focusRing}`,\n    },\n  },\n  // 正在拖动的行：浮在别的行上面\n  rowDragging: { position: 'relative', zIndex: 1, boxShadow: '_md' },\n});\n"],"mappings":"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"}