@veltra/desktop 1.7.12 → 1.7.15

package/dist/components/table/node/col.js

@@ -1,6 +1,17 @@
 import { isReactive, reactive, shallowReactive } from "vue";
+import { withUnit } from "@veltra/utils";
 import { TreeNode } from "@cat-kit/core";
 //#region src/components/table/node/col.ts
+function normalizeColumnStyle(style) {
+	if (!style) return void 0;
+	const result = {};
+	if (style.color !== void 0) result.color = style.color;
+	if (style.fontSize !== void 0) {
+		const fontSize = withUnit(style.fontSize, "px");
+		if (fontSize !== void 0) result.fontSize = fontSize;
+	}
+	return Object.keys(result).length ? result : void 0;
+}
 var ColumnNode = class extends TreeNode {
 	/** 叶子节点数量 */
 	leafs;
@@ -35,6 +46,14 @@ var ColumnNode = class extends TreeNode {
 	set headerAlign(val) {
 		this.data.headerAlign = val;
 	}
+	/** 表体/表尾单元格样式 */
+	get cellStyle() {
+		return normalizeColumnStyle(this.data.style);
+	}
+	/** 表头单元格样式 */
+	get headerCellStyle() {
+		return normalizeColumnStyle(this.data.headerStyle ?? this.data.style);
+	}
 	/** 宽度 */
 	get width() {
 		const width = this.data.width ?? this.derived.allocatedWidth;

package/dist/components/table/node/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const width = this.data.width ?? this.derived.allocatedWidth\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n    // 显式宽度（配置/拖拽）优先于分配宽度，旧的分配结果直接作废\n    this.derived.allocatedWidth = undefined\n  }\n\n  /**\n   * 列宽分配算法写入的宽度。\n   * 与用户列配置 `data.width` 隔离：分配结果不回写列配置对象，\n   * 避免列森林重建（重挂载 / v-if / columns 引用变化）时把上一次的\n   * 分配残留误判为显式 width，导致列宽被永久锁定、容器变窄后出现滚动条。\n   */\n  get allocatedWidth(): number | undefined {\n    return this.derived.allocatedWidth\n  }\n  set allocatedWidth(val: number | undefined) {\n    this.derived.allocatedWidth = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  /**\n   * 是否在列配置上显式指定了 width，或经表头拖拽锁定。\n   * 此类列不参与剩余宽度的均分。\n   */\n  explicitWidth: boolean\n\n  style: Record<string, number> = reactive({})\n\n  /** 派生状态（响应式），与用户列配置 data 隔离 */\n  private readonly derived = shallowReactive<{ allocatedWidth?: number }>({\n    allocatedWidth: undefined\n  })\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)\n    this.explicitWidth = val.width !== undefined\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;CAClB;;CAEA,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;CACnB;;;;;CAMA,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;CAC5B;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;CAEA,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;CACvC;CACA,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;CAC1B;;CAGA,IAAI,QAA4B;EAC9B,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK,QAAQ;EAC9C,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;CACT;CACA,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;EAElB,KAAK,QAAQ,iBAAiB,KAAA;CAChC;;;;;;;CAQA,IAAI,iBAAqC;EACvC,OAAO,KAAK,QAAQ;CACtB;CACA,IAAI,eAAe,KAAyB;EAC1C,KAAK,QAAQ,iBAAiB;CAChC;;CAEA,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;CACT;CACA,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;CACvB;;CAGA,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;;CAGA,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;CAClC;;CAGA,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;CACnC;;CAGA,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;CAChC;;;;;CAMA;CAEA,QAAgC,SAAS,CAAC,CAAC;;CAG3C,UAA2B,gBAA6C,EACtE,gBAAgB,KAAA,EAClB,CAAC;CAED,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,WAAW,GAAG,IAAI,MAAM,gBAAgB,GAAG,GAAG,OAAO,OAAO,MAAM;EACxE,KAAK,gBAAgB,IAAI,UAAU,KAAA;CACrC;AACF"}
+{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { withUnit } from '@veltra/utils'\nimport { isReactive, reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign, TableColumnStyle } from '../../../types'\n\nfunction normalizeColumnStyle(style?: TableColumnStyle): Record<string, string> | undefined {\n  if (!style) return undefined\n\n  const result: Record<string, string> = {}\n\n  if (style.color !== undefined) {\n    result.color = style.color\n  }\n  if (style.fontSize !== undefined) {\n    const fontSize = withUnit(style.fontSize, 'px')\n    if (fontSize !== undefined) {\n      result.fontSize = fontSize\n    }\n  }\n\n  return Object.keys(result).length ? result : undefined\n}\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 表体/表尾单元格样式 */\n  get cellStyle(): Record<string, string> | undefined {\n    return normalizeColumnStyle(this.data.style)\n  }\n\n  /** 表头单元格样式 */\n  get headerCellStyle(): Record<string, string> | undefined {\n    return normalizeColumnStyle(this.data.headerStyle ?? this.data.style)\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const width = this.data.width ?? this.derived.allocatedWidth\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n    // 显式宽度（配置/拖拽）优先于分配宽度，旧的分配结果直接作废\n    this.derived.allocatedWidth = undefined\n  }\n\n  /**\n   * 列宽分配算法写入的宽度。\n   * 与用户列配置 `data.width` 隔离：分配结果不回写列配置对象，\n   * 避免列森林重建（重挂载 / v-if / columns 引用变化）时把上一次的\n   * 分配残留误判为显式 width，导致列宽被永久锁定、容器变窄后出现滚动条。\n   */\n  get allocatedWidth(): number | undefined {\n    return this.derived.allocatedWidth\n  }\n  set allocatedWidth(val: number | undefined) {\n    this.derived.allocatedWidth = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  /**\n   * 是否在列配置上显式指定了 width，或经表头拖拽锁定。\n   * 此类列不参与剩余宽度的均分。\n   */\n  explicitWidth: boolean\n\n  style: Record<string, number> = reactive({})\n\n  /** 派生状态（响应式），与用户列配置 data 隔离 */\n  private readonly derived = shallowReactive<{ allocatedWidth?: number }>({\n    allocatedWidth: undefined\n  })\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)\n    this.explicitWidth = val.width !== undefined\n  }\n}\n"],"mappings":";;;;AAMA,SAAS,qBAAqB,OAA8D;CAC1F,IAAI,CAAC,OAAO,OAAO,KAAA;CAEnB,MAAM,SAAiC,CAAC;CAExC,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO,QAAQ,MAAM;CAEvB,IAAI,MAAM,aAAa,KAAA,GAAW;EAChC,MAAM,WAAW,SAAS,MAAM,UAAU,IAAI;EAC9C,IAAI,aAAa,KAAA,GACf,OAAO,WAAW;CAEtB;CAEA,OAAO,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,SAAS,KAAA;AAC/C;AAEA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;CAClB;;CAEA,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;CACnB;;;;;CAMA,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;CAC5B;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;CAEA,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;CACvC;CACA,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;CAC1B;;CAGA,IAAI,YAAgD;EAClD,OAAO,qBAAqB,KAAK,KAAK,KAAK;CAC7C;;CAGA,IAAI,kBAAsD;EACxD,OAAO,qBAAqB,KAAK,KAAK,eAAe,KAAK,KAAK,KAAK;CACtE;;CAGA,IAAI,QAA4B;EAC9B,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK,QAAQ;EAC9C,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;CACT;CACA,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;EAElB,KAAK,QAAQ,iBAAiB,KAAA;CAChC;;;;;;;CAQA,IAAI,iBAAqC;EACvC,OAAO,KAAK,QAAQ;CACtB;CACA,IAAI,eAAe,KAAyB;EAC1C,KAAK,QAAQ,iBAAiB;CAChC;;CAEA,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;CACT;CACA,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;CACvB;;CAGA,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;;CAGA,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;CAClC;;CAGA,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;CACnC;;CAGA,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;CAChC;;;;;CAMA;CAEA,QAAgC,SAAS,CAAC,CAAC;;CAG3C,UAA2B,gBAA6C,EACtE,gBAAgB,KAAA,EAClB,CAAC;CAED,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,WAAW,GAAG,IAAI,MAAM,gBAAgB,GAAG,GAAG,OAAO,OAAO,MAAM;EACxE,KAAK,gBAAgB,IAAI,UAAU,KAAA;CACrC;AACF"}

package/dist/components/table/table-cell.js

@@ -9,6 +9,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		cellClass: {},
 		left: {},
 		right: {},
+		cellStyle: {},
 		rowspan: {},
 		colspan: {}
 	},
@@ -22,6 +23,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* 这里变成「完全受控」的纯渲染单元。
 		*/
 		const style = computed(() => ({
+			...__props.cellStyle,
 			left: withUnit(__props.left, "px"),
 			right: withUnit(__props.right, "px")
 		}));

package/dist/components/table/table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell.js","names":[],"sources":["../../../src/components/table/table-cell.vue"],"sourcesContent":["<template>\n  <td\n    :class=\"cellClass\"\n    :style=\"style\"\n    :rowspan=\"rowspan\"\n    :colspan=\"colspan\"\n    v-if=\"rowspan !== 0 && colspan !== 0\"\n  >\n    <slot />\n  </td>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\ndefineOptions({ name: 'UTableCell' })\n\n/**\n * B2: TableCell 去 inject 化。\n *\n * 原先每个可见单元格都会执行 `inject(TableDIKey)` 并在模板中调用 `getCellClass(column)`，\n * 在 30 列场景下每次滚动每行产生 30 次 inject / 30 次类名拼接。\n * 父组件 `TableRow` 已经持有注入上下文，直接把 `cellClass` 传下来即可；\n * 这里变成「完全受控」的纯渲染单元。\n */\nconst { left, right } = defineProps<{\n  cellClass: string\n  left?: number\n  right?: number\n  rowspan?: number\n  colspan?: number\n}>()\n\nconst style = computed(() => ({ left: withUnit(left, 'px'), right: withUnit(right, 'px') }))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,gBAAgB;GAAE,MAAM,SAAS,QAAA,MAAM,IAAI;GAAG,OAAO,SAAS,QAAA,OAAO,IAAI;EAAE,EAAE;;GA5BjF,OAAA,QAAA,YAAO,KAAU,QAAA,YAAO,KALhC,UAAA,GAAA,mBAQK,MAAA;;IAPF,OAAK,eAAE,QAAA,SAAS;IAChB,OAAK,eAAE,MAAA,KAAK;IACZ,SAAS,QAAA;IACT,SAAS,QAAA;GAGV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}
+{"version":3,"file":"table-cell.js","names":[],"sources":["../../../src/components/table/table-cell.vue"],"sourcesContent":["<template>\n  <td\n    :class=\"cellClass\"\n    :style=\"style\"\n    :rowspan=\"rowspan\"\n    :colspan=\"colspan\"\n    v-if=\"rowspan !== 0 && colspan !== 0\"\n  >\n    <slot />\n  </td>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\ndefineOptions({ name: 'UTableCell' })\n\n/**\n * B2: TableCell 去 inject 化。\n *\n * 原先每个可见单元格都会执行 `inject(TableDIKey)` 并在模板中调用 `getCellClass(column)`，\n * 在 30 列场景下每次滚动每行产生 30 次 inject / 30 次类名拼接。\n * 父组件 `TableRow` 已经持有注入上下文，直接把 `cellClass` 传下来即可；\n * 这里变成「完全受控」的纯渲染单元。\n */\nconst { left, right, cellStyle } = defineProps<{\n  cellClass: string\n  left?: number\n  right?: number\n  cellStyle?: Record<string, string>\n  rowspan?: number\n  colspan?: number\n}>()\n\nconst style = computed(() => ({\n  ...cellStyle,\n  left: withUnit(left, 'px'),\n  right: withUnit(right, 'px')\n}))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ,gBAAgB;GAC5B,GAAG,QAAA;GACH,MAAM,SAAS,QAAA,MAAM,IAAI;GACzB,OAAO,SAAS,QAAA,OAAO,IAAI;EAC7B,EAAE;;GAjCQ,OAAA,QAAA,YAAO,KAAU,QAAA,YAAO,KALhC,UAAA,GAAA,mBAQK,MAAA;;IAPF,OAAK,eAAE,QAAA,SAAS;IAChB,OAAK,eAAE,MAAA,KAAK;IACZ,SAAS,QAAA;IACT,SAAS,QAAA;GAGV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/components/table/table-foot.js

@@ -53,6 +53,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				key: 0,
 				class: normalizeClass(unref(getCellClass)(unref(leafColumns)[0])),
 				style: normalizeStyle({
+					...unref(leafColumns)[0].cellStyle,
 					right: unref(withUnit)(unref(leafColumns)[0].style.right, "px"),
 					left: unref(withUnit)(unref(leafColumns)[0].style.left, "px")
 				})
@@ -61,6 +62,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					class: normalizeClass(unref(getCellClass)(column)),
 					key: column.key,
 					style: normalizeStyle({
+						...column.cellStyle,
 						right: unref(withUnit)(column.style.right, "px"),
 						left: unref(withUnit)(column.style.left, "px")
 					})

package/dist/components/table/table-foot.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-foot.js","names":[],"sources":["../../../src/components/table/table-foot.vue"],"sourcesContent":["<template>\n  <tfoot v-if=\"tableSlots.foot || showSummary\" :class=\"cls.e('foot')\">\n    <tr v-if=\"showSummary\">\n      <td\n        v-if=\"leafColumns[0]\"\n        :class=\"getCellClass(leafColumns[0])\"\n        :style=\"{\n          right: withUnit(leafColumns[0].style.right, 'px'),\n          left: withUnit(leafColumns[0].style.left, 'px')\n        }\"\n      >\n        合计:\n      </td>\n      <td\n        v-for=\"column of leafColumns.slice(1)\"\n        :class=\"getCellClass(column)\"\n        :key=\"column.key\"\n        :style=\"{\n          right: withUnit(column.style.right, 'px'),\n          left: withUnit(column.style.left, 'px')\n        }\"\n      >\n        <u-node-render :content=\"getColumnSummaryNode(column)\" />\n      </td>\n    </tr>\n    <slot />\n  </tfoot>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { withUnit, type RenderReturn } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport { UNodeRender } from '../node-render'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ndefineOptions({ name: 'UTableFoot' })\n\nconst { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!\n\nconst { leafColumns } = columnConfig\n\nconst showSummary = computed(() => {\n  return leafColumns.value.some((col) => !!col.data.summary)\n})\n\nfunction computeSummary(key: string) {\n  let sum = 0\n  let i = 0\n\n  while (i < rows.value.length) {\n    sum = $n.plus(sum, rows.value[i]!.data[key] ?? 0)\n    if (isNaN(sum)) return sum\n    i++\n  }\n\n  return sum\n}\n\nconst summaryRow = computed<Record<string, any>>(() => {\n  return leafColumns.value.reduce((acc, column) => {\n    if (column.data.summary) {\n      acc[column.key] = computeSummary(column.key)\n    }\n    return acc\n  }, {})\n})\n\nfunction getColumnSummaryNode(column: ColumnNode): RenderReturn {\n  const { summary } = column.data\n\n  if (!summary) return null\n\n  let total = summaryRow.value[column.key]\n\n  if (typeof summary === 'function') {\n    return summary({ total, rows: rows.value, checkedRows: checkedRows.value, column })\n  }\n  return total\n}\n\ndefineExpose({\n  getSummaryRow(): Record<string, any> {\n    return summaryRow.value\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAwCA,MAAM,EAAE,KAAK,cAAc,MAAM,aAAa,YAAY,iBAAiB,OAAO,UAAU;EAE5F,MAAM,EAAE,gBAAgB;EAExB,MAAM,cAAc,eAAe;GACjC,OAAO,YAAY,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,OAAO;EAC3D,CAAC;EAED,SAAS,eAAe,KAAa;GACnC,IAAI,MAAM;GACV,IAAI,IAAI;GAER,OAAO,IAAI,KAAK,MAAM,QAAQ;IAC5B,MAAM,GAAG,KAAK,KAAK,KAAK,MAAM,EAAE,CAAE,KAAK,QAAQ,CAAC;IAChD,IAAI,MAAM,GAAG,GAAG,OAAO;IACvB;GACF;GAEA,OAAO;EACT;EAEA,MAAM,aAAa,eAAoC;GACrD,OAAO,YAAY,MAAM,QAAQ,KAAK,WAAW;IAC/C,IAAI,OAAO,KAAK,SACd,IAAI,OAAO,OAAO,eAAe,OAAO,GAAG;IAE7C,OAAO;GACT,GAAG,CAAC,CAAC;EACP,CAAC;EAED,SAAS,qBAAqB,QAAkC;GAC9D,MAAM,EAAE,YAAY,OAAO;GAE3B,IAAI,CAAC,SAAS,OAAO;GAErB,IAAI,QAAQ,WAAW,MAAM,OAAO;GAEpC,IAAI,OAAO,YAAY,YACrB,OAAO,QAAQ;IAAE;IAAO,MAAM,KAAK;IAAO,aAAa,YAAY;IAAO;GAAO,CAAC;GAEpF,OAAO;EACT;EAEA,SAAa,EACX,gBAAqC;GACnC,OAAO,WAAW;EACpB,EACF,CAAC;;GAtFc,OAAA,MAAA,UAAA,CAAU,CAAC,QAAQ,YAAA,SAAhC,UAAA,GAAA,mBAyBQ,SAAA;;IAzBsC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;GAC9C,GAAA,CAAA,YAAA,SAAV,UAAA,GAAA,mBAsBK,MAAA,YAAA,CApBK,MAAA,WAAA,CAAW,CAAA,MADnB,UAAA,GAAA,mBASK,MAAA;;IAPF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAA;IAC/B,OAAK,eAAA;KAAqB,OAAA,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,OAAK,IAAA;KAAyB,MAAA,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,MAAI,IAAA;;GAI1H,GAAA,SAED,CAAA,KAAA,mBAAA,QAAA,IAAA,IACA,UAAA,IAAA,GAAA,mBAUK,UAAA,MAAA,WATc,MAAA,WAAA,CAAW,CAAC,MAAK,CAAA,IAA3B,WAAM;IADf,OAAA,UAAA,GAAA,mBAUK,MAAA;KARF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAM,CAAA;KAC1B,KAAK,OAAO;KACZ,OAAK,eAAA;MAAqB,OAAA,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,OAAK,IAAA;MAAyB,MAAA,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,MAAI,IAAA;;IAKzG,GAAA,CAAA,YAAyD,MAAA,UAAA,GAAA,EAAzC,SAAS,qBAAqB,MAAM,EAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,GAAA,CAAA;GAGxD,CAAA,GAAA,GAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
+{"version":3,"file":"table-foot.js","names":[],"sources":["../../../src/components/table/table-foot.vue"],"sourcesContent":["<template>\n  <tfoot v-if=\"tableSlots.foot || showSummary\" :class=\"cls.e('foot')\">\n    <tr v-if=\"showSummary\">\n      <td\n        v-if=\"leafColumns[0]\"\n        :class=\"getCellClass(leafColumns[0])\"\n        :style=\"{\n          ...leafColumns[0].cellStyle,\n          right: withUnit(leafColumns[0].style.right, 'px'),\n          left: withUnit(leafColumns[0].style.left, 'px')\n        }\"\n      >\n        合计:\n      </td>\n      <td\n        v-for=\"column of leafColumns.slice(1)\"\n        :class=\"getCellClass(column)\"\n        :key=\"column.key\"\n        :style=\"{\n          ...column.cellStyle,\n          right: withUnit(column.style.right, 'px'),\n          left: withUnit(column.style.left, 'px')\n        }\"\n      >\n        <u-node-render :content=\"getColumnSummaryNode(column)\" />\n      </td>\n    </tr>\n    <slot />\n  </tfoot>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { withUnit, type RenderReturn } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport { UNodeRender } from '../node-render'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ndefineOptions({ name: 'UTableFoot' })\n\nconst { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!\n\nconst { leafColumns } = columnConfig\n\nconst showSummary = computed(() => {\n  return leafColumns.value.some((col) => !!col.data.summary)\n})\n\nfunction computeSummary(key: string) {\n  let sum = 0\n  let i = 0\n\n  while (i < rows.value.length) {\n    sum = $n.plus(sum, rows.value[i]!.data[key] ?? 0)\n    if (isNaN(sum)) return sum\n    i++\n  }\n\n  return sum\n}\n\nconst summaryRow = computed<Record<string, any>>(() => {\n  return leafColumns.value.reduce((acc, column) => {\n    if (column.data.summary) {\n      acc[column.key] = computeSummary(column.key)\n    }\n    return acc\n  }, {})\n})\n\nfunction getColumnSummaryNode(column: ColumnNode): RenderReturn {\n  const { summary } = column.data\n\n  if (!summary) return null\n\n  let total = summaryRow.value[column.key]\n\n  if (typeof summary === 'function') {\n    return summary({ total, rows: rows.value, checkedRows: checkedRows.value, column })\n  }\n  return total\n}\n\ndefineExpose({\n  getSummaryRow(): Record<string, any> {\n    return summaryRow.value\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EA0CA,MAAM,EAAE,KAAK,cAAc,MAAM,aAAa,YAAY,iBAAiB,OAAO,UAAU;EAE5F,MAAM,EAAE,gBAAgB;EAExB,MAAM,cAAc,eAAe;GACjC,OAAO,YAAY,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,OAAO;EAC3D,CAAC;EAED,SAAS,eAAe,KAAa;GACnC,IAAI,MAAM;GACV,IAAI,IAAI;GAER,OAAO,IAAI,KAAK,MAAM,QAAQ;IAC5B,MAAM,GAAG,KAAK,KAAK,KAAK,MAAM,EAAE,CAAE,KAAK,QAAQ,CAAC;IAChD,IAAI,MAAM,GAAG,GAAG,OAAO;IACvB;GACF;GAEA,OAAO;EACT;EAEA,MAAM,aAAa,eAAoC;GACrD,OAAO,YAAY,MAAM,QAAQ,KAAK,WAAW;IAC/C,IAAI,OAAO,KAAK,SACd,IAAI,OAAO,OAAO,eAAe,OAAO,GAAG;IAE7C,OAAO;GACT,GAAG,CAAC,CAAC;EACP,CAAC;EAED,SAAS,qBAAqB,QAAkC;GAC9D,MAAM,EAAE,YAAY,OAAO;GAE3B,IAAI,CAAC,SAAS,OAAO;GAErB,IAAI,QAAQ,WAAW,MAAM,OAAO;GAEpC,IAAI,OAAO,YAAY,YACrB,OAAO,QAAQ;IAAE;IAAO,MAAM,KAAK;IAAO,aAAa,YAAY;IAAO;GAAO,CAAC;GAEpF,OAAO;EACT;EAEA,SAAa,EACX,gBAAqC;GACnC,OAAO,WAAW;EACpB,EACF,CAAC;;GAxFc,OAAA,MAAA,UAAA,CAAU,CAAC,QAAQ,YAAA,SAAhC,UAAA,GAAA,mBA2BQ,SAAA;;IA3BsC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;GAC9C,GAAA,CAAA,YAAA,SAAV,UAAA,GAAA,mBAwBK,MAAA,YAAA,CAtBK,MAAA,WAAA,CAAW,CAAA,MADnB,UAAA,GAAA,mBAUK,MAAA;;IARF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAA;IAC/B,OAAK,eAAA;KAAiB,GAAA,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI;KAA4B,OAAA,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,OAAK,IAAA;KAAyB,MAAA,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,MAAI,IAAA;;GAKjK,GAAA,SAED,CAAA,KAAA,mBAAA,QAAA,IAAA,IACA,UAAA,IAAA,GAAA,mBAWK,UAAA,MAAA,WAVc,MAAA,WAAA,CAAW,CAAC,MAAK,CAAA,IAA3B,WAAM;IADf,OAAA,UAAA,GAAA,mBAWK,MAAA;KATF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAM,CAAA;KAC1B,KAAK,OAAO;KACZ,OAAK,eAAA;MAAiB,GAAA,OAAO;MAA4B,OAAA,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,OAAK,IAAA;MAAyB,MAAA,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,MAAI,IAAA;;IAMxI,GAAA,CAAA,YAAyD,MAAA,UAAA,GAAA,EAAzC,SAAS,qBAAqB,MAAM,EAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,GAAA,CAAA;GAGxD,CAAA,GAAA,GAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/components/table/table-head.js

@@ -18,6 +18,7 @@ const TableHead = defineComponent({
 			"colspan": column.leafs,
 			"rowspan": column.children?.length ? void 0 : headers.value.length - headerIndex,
 			"style": {
+				...column.headerCellStyle,
 				left: withUnit(column.style.left, "px"),
 				right: withUnit(column.style.right, "px")
 			}

package/dist/components/table/table-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","names":[],"sources":["../../../src/components/table/table-head.tsx"],"sourcesContent":["import { bem, withUnit } from '@veltra/utils'\nimport { defineComponent, inject, type DefineComponent } from 'vue'\n\nimport { TableDIKey, TableResizeKey } from './di'\n\nconst TableHead: DefineComponent = defineComponent({\n  name: 'TableHead',\n  setup() {\n    const { cls, columnConfig, getHeaderSlotsNode, getHeaderCellClass } = inject(TableDIKey)!\n    const { headers } = columnConfig\n    const handleCls = cls.e('resize-handle')\n\n    const { handleResizeMousedown, headerRef } = inject(TableResizeKey)!\n\n    return () => (\n      <thead\n        class={[cls.e('head'), bem.is('multistage', headers.value.length > 1)]}\n        ref={headerRef}\n      >\n        {headers.value.map((header, headerIndex) => (\n          <tr>\n            {header.map((column) => (\n              <th\n                class={getHeaderCellClass(column)}\n                key={column.key}\n                colspan={column.leafs}\n                rowspan={column.children?.length ? undefined : headers.value.length - headerIndex}\n                style={{\n                  left: withUnit(column.style.left, 'px'),\n                  right: withUnit(column.style.right, 'px')\n                }}\n              >\n                {getHeaderSlotsNode({ column })}\n\n                {column.isLeaf && column.resizable ? (\n                  <span\n                    class={handleCls}\n                    onMousedown={(e) => handleResizeMousedown(e, column)}\n                  ></span>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n    )\n  }\n})\n\nexport default TableHead\n"],"mappings":";;;;AAKA,MAAM,YAA6B,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,EAAE,KAAK,cAAc,oBAAoB,uBAAuB,OAAO,UAAU;EACvF,MAAM,EAAE,YAAY;EACpB,MAAM,YAAY,IAAI,EAAE,eAAe;EAEvC,MAAM,EAAE,uBAAuB,cAAc,OAAO,cAAc;EAElE,aAAO,YAAA,SAAA;GAAA,SAEI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc,QAAQ,MAAM,SAAS,CAAC,CAAC;GAAC,OACjE;EAAS,GAAA,CAEb,QAAQ,MAAM,KAAK,QAAQ,gBAAW,YAAA,MAAA,MAAA,CAElC,OAAO,KAAK,WAAM,YAAA,MAAA;GAAA,SAER,mBAAmB,MAAM;GAAC,OAC5B,OAAO;GAAG,WACN,OAAO;GAAK,WACZ,OAAO,UAAU,SAAS,KAAA,IAAY,QAAQ,MAAM,SAAS;GAAW,SAC1E;IACL,MAAM,SAAS,OAAO,MAAM,MAAM,IAAI;IACtC,OAAO,SAAS,OAAO,MAAM,OAAO,IAAI;GAC1C;EAAC,GAAA,CAEA,mBAAmB,EAAE,OAAO,CAAC,GAE7B,OAAO,UAAU,OAAO,YAAS,YAAA,QAAA;GAAA,SAEvB;GAAS,gBACF,MAAM,sBAAsB,GAAG,MAAM;EAAC,GAAA,IAAA,IAEpD,IAAI,CAAA,CAEX,CAAC,CAAA,CAEL,CAAC,CAAA;CAGR;AACF,CAAC"}
+{"version":3,"file":"table-head.js","names":[],"sources":["../../../src/components/table/table-head.tsx"],"sourcesContent":["import { bem, withUnit } from '@veltra/utils'\nimport { defineComponent, inject, type DefineComponent } from 'vue'\n\nimport { TableDIKey, TableResizeKey } from './di'\n\nconst TableHead: DefineComponent = defineComponent({\n  name: 'TableHead',\n  setup() {\n    const { cls, columnConfig, getHeaderSlotsNode, getHeaderCellClass } = inject(TableDIKey)!\n    const { headers } = columnConfig\n    const handleCls = cls.e('resize-handle')\n\n    const { handleResizeMousedown, headerRef } = inject(TableResizeKey)!\n\n    return () => (\n      <thead\n        class={[cls.e('head'), bem.is('multistage', headers.value.length > 1)]}\n        ref={headerRef}\n      >\n        {headers.value.map((header, headerIndex) => (\n          <tr>\n            {header.map((column) => (\n              <th\n                class={getHeaderCellClass(column)}\n                key={column.key}\n                colspan={column.leafs}\n                rowspan={column.children?.length ? undefined : headers.value.length - headerIndex}\n                style={{\n                  ...column.headerCellStyle,\n                  left: withUnit(column.style.left, 'px'),\n                  right: withUnit(column.style.right, 'px')\n                }}\n              >\n                {getHeaderSlotsNode({ column })}\n\n                {column.isLeaf && column.resizable ? (\n                  <span\n                    class={handleCls}\n                    onMousedown={(e) => handleResizeMousedown(e, column)}\n                  ></span>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n    )\n  }\n})\n\nexport default TableHead\n"],"mappings":";;;;AAKA,MAAM,YAA6B,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,EAAE,KAAK,cAAc,oBAAoB,uBAAuB,OAAO,UAAU;EACvF,MAAM,EAAE,YAAY;EACpB,MAAM,YAAY,IAAI,EAAE,eAAe;EAEvC,MAAM,EAAE,uBAAuB,cAAc,OAAO,cAAc;EAElE,aAAO,YAAA,SAAA;GAAA,SAEI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc,QAAQ,MAAM,SAAS,CAAC,CAAC;GAAC,OACjE;EAAS,GAAA,CAEb,QAAQ,MAAM,KAAK,QAAQ,gBAAW,YAAA,MAAA,MAAA,CAElC,OAAO,KAAK,WAAM,YAAA,MAAA;GAAA,SAER,mBAAmB,MAAM;GAAC,OAC5B,OAAO;GAAG,WACN,OAAO;GAAK,WACZ,OAAO,UAAU,SAAS,KAAA,IAAY,QAAQ,MAAM,SAAS;GAAW,SAC1E;IACL,GAAG,OAAO;IACV,MAAM,SAAS,OAAO,MAAM,MAAM,IAAI;IACtC,OAAO,SAAS,OAAO,MAAM,OAAO,IAAI;GAC1C;EAAC,GAAA,CAEA,mBAAmB,EAAE,OAAO,CAAC,GAE7B,OAAO,UAAU,OAAO,YAAS,YAAA,QAAA;GAAA,SAEvB;GAAS,gBACF,MAAM,sBAAsB,GAAG,MAAM;EAAC,GAAA,IAAA,IAEpD,IAAI,CAAA,CAEX,CAAC,CAAA,CAEL,CAAC,CAAA;CAGR;AACF,CAAC"}

package/dist/components/table/table-row.js

@@ -76,6 +76,7 @@ const UTableRow = defineComponent({
 						"cellClass": getCellClass(_expandColumn),
 						"left": _expandColumn.style.left,
 						"right": _expandColumn.style.right,
+						"cellStyle": _expandColumn.cellStyle,
 						"key": row.uid + _expandColumn.key
 					}, tableProps.mergeCell?.(expandCtx)), { default: () => [!row.isLeaf || tableProps.expandable && !row.isExpandRow ? createVNode(_sfc_main$1, {
 						"text": true,
@@ -110,6 +111,7 @@ const UTableRow = defineComponent({
 					"cellClass": getCellClass(column),
 					"left": column.style.left,
 					"right": column.style.right,
+					"cellStyle": column.cellStyle,
 					"key": row.uid + column.key,
 					"onClick": (e) => handleCellClick(row, column, e)
 				}, cellSpan), _isSlot(cellNode) ? cellNode : { default: () => [cellNode] });

package/dist/components/table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","names":[],"sources":["../../../src/components/table/table-row.tsx"],"sourcesContent":["import { ArrowRight } from '@veltra/icons/normal'\nimport { defineComponent, type DefineComponent } from 'vue'\nimport { inject, onUnmounted } from 'vue'\nimport type { JSX } from 'vue/jsx-runtime'\n\nimport type { TableRow as ITableRow } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { TableDIKey } from './di'\nimport UTabelCell from './table-cell.vue'\n\n/**\n * A3：行修饰类组合静态查找表。\n *\n * 位模式：bit2 = isCurrent, bit1 = checked, bit0 = expanded。\n * 与 `bem.is('...')` 对于 `'current' | 'checked' | 'expanded'` 的输出完全等价，\n * 直接从 index 读字符串，消除每行渲染期间的字符串拼接和 3 次 bem.is 调用。\n *\n * 放在模块顶层使所有 TableRow 实例共享一份引用（不会随 setup 重建）。\n */\nconst ROW_MOD_CLASS: readonly string[] = [\n  '',\n  'is-expanded',\n  'is-checked',\n  'is-checked is-expanded',\n  'is-current',\n  'is-current is-expanded',\n  'is-current is-checked',\n  'is-current is-checked is-expanded'\n] as const\n\nfunction rowModCls(row: ITableRow): string {\n  const i = (row.isCurrent ? 4 : 0) | (row.checked ? 2 : 0) | (row.expanded ? 1 : 0)\n  return ROW_MOD_CLASS[i]!\n}\n\nexport const UTableRow: DefineComponent<{ row: ITableRow; index: number }> = defineComponent({\n  name: 'TableRow',\n\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n\n  setup(props) {\n    const {\n      cls,\n      columnConfig,\n      getColumnSlotsNode,\n      toggleTreeRowExpand,\n      getCellCtx,\n      handleRowClick,\n      handleCellClick,\n      tableProps,\n      measureElement,\n      getCellClass\n    } = inject(TableDIKey)!\n\n    // A1：把 cls.e('row') / cls.e('expand-toggle') 等静态字符串提升到 setup 一次性计算，\n    // 避免每次 render 重新走 `cls.e` 拼接。\n    const rowBaseCls = cls.e('row')\n    const expandToggleCls = cls.e('expand-toggle')\n    const expandSpaceCls = cls.e('expand-space')\n\n    // A2：measureRef 按 index 缓存闭包。\n    // 行虚拟化下，同一 TableRow 实例的 props.index 大多稳定，但在虚拟化重排或展开行切换时\n    // 仍会发生变化；把 (index) → refFn 缓存起来，既保证引用稳定（利于 Vue 的 ref diff），\n    // 又避免在未来可能的\"同实例跨 index 复用\"情形下重复分配闭包。\n    const measureRefCache = new Map<number, (el: unknown) => void>()\n    const getMeasureRef = (index: number): ((el: unknown) => void) => {\n      let ref = measureRefCache.get(index)\n      if (ref === undefined) {\n        ref = (el: unknown) => {\n          measureElement(index, el as Element | null)\n        }\n        measureRefCache.set(index, ref)\n      }\n      return ref\n    }\n    onUnmounted(() => {\n      measureRefCache.clear()\n    })\n\n    const { columns, expandColumn } = columnConfig\n\n    return () => {\n      const { row } = props\n      const _expandColumn = expandColumn.value\n\n      let expandCell: JSX.Element | null = null\n      if (_expandColumn) {\n        const expandCtx = getCellCtx(row, _expandColumn)\n        const cellSpan = tableProps.mergeCell?.(expandCtx)\n\n        if (!cellSpan || (cellSpan.colspan && cellSpan.rowspan)) {\n          const marginLeft = tableProps.tree ? row.depth * 14 : 0\n          expandCell = (\n            <UTabelCell\n              cellClass={getCellClass(_expandColumn)}\n              left={_expandColumn.style.left}\n              right={_expandColumn.style.right}\n              key={row.uid + _expandColumn.key}\n              {...tableProps.mergeCell?.(expandCtx)}\n            >\n              {!row.isLeaf || (tableProps.expandable && !row.isExpandRow) ? (\n                <UButton\n                  text\n                  class={expandToggleCls}\n                  type='primary'\n                  size='small'\n                  circle\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    toggleTreeRowExpand(row)\n                  }}\n                  style={`margin-left: ${marginLeft}px`}\n                >\n                  <UIcon>\n                    <ArrowRight />\n                  </UIcon>\n                </UButton>\n              ) : (\n                <i class={expandSpaceCls} style={`margin-left: ${marginLeft}px`}></i>\n              )}\n\n              {getColumnSlotsNode(expandCtx)}\n            </UTabelCell>\n          )\n        }\n      }\n\n      // A3：行 class 由 base + 3-bit 组合查找产出，避免 Vue 的 class 数组归一化开销。\n      const mod = rowModCls(row)\n      const rowCls = mod ? rowBaseCls + ' ' + mod : rowBaseCls\n\n      return (\n        <tr\n          class={rowCls}\n          onClick={(e) => handleRowClick(row, e)}\n          ref={getMeasureRef(props.index)}\n          key={row.uid}\n        >\n          {expandCell}\n\n          {columns.value.map((column) => {\n            const cellCtx = getCellCtx(row, column)\n            const cellSpan = tableProps.mergeCell?.(cellCtx)\n            if (cellSpan && (!cellSpan.colspan || !cellSpan.rowspan)) {\n              return null\n            }\n\n            const cellNode = getColumnSlotsNode(cellCtx)\n\n            return (\n              <UTabelCell\n                cellClass={getCellClass(column)}\n                left={column.style.left}\n                right={column.style.right}\n                key={row.uid + column.key}\n                // @ts-ignore\n                onClick={(e) => handleCellClick(row, column, e)}\n                {...cellSpan}\n              >\n                {cellNode}\n              </UTabelCell>\n            )\n          })}\n        </tr>\n      )\n    }\n  }\n})\n\nexport const UExpandTableRow = defineComponent({\n  name: 'ExpandTableRow',\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n  setup(props) {\n    const { getExpandRowSlotsNode, cls, measureElement, columnConfig } = inject(TableDIKey)!\n    const { leafColumns } = columnConfig\n\n    const rowBaseCls = cls.e('row')\n    const cellCls = cls.e('cell')\n\n    const measureRef = (el: unknown) => {\n      measureElement(props.index, el as Element | null)\n    }\n\n    return () => {\n      const { row } = props\n      const node = getExpandRowSlotsNode({\n        row,\n        index: row.index,\n        columns: leafColumns.value,\n        rowData: row.data\n      })\n      return (\n        <tr class={rowBaseCls} ref={measureRef}>\n          <td colspan={leafColumns.value.length} class={cellCls}>\n            {node}\n          </td>\n        </tr>\n      )\n    }\n  }\n})\n"],"mappings":"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"}
+{"version":3,"file":"table-row.js","names":[],"sources":["../../../src/components/table/table-row.tsx"],"sourcesContent":["import { ArrowRight } from '@veltra/icons/normal'\nimport { defineComponent, type DefineComponent } from 'vue'\nimport { inject, onUnmounted } from 'vue'\nimport type { JSX } from 'vue/jsx-runtime'\n\nimport type { TableRow as ITableRow } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { TableDIKey } from './di'\nimport UTabelCell from './table-cell.vue'\n\n/**\n * A3：行修饰类组合静态查找表。\n *\n * 位模式：bit2 = isCurrent, bit1 = checked, bit0 = expanded。\n * 与 `bem.is('...')` 对于 `'current' | 'checked' | 'expanded'` 的输出完全等价，\n * 直接从 index 读字符串，消除每行渲染期间的字符串拼接和 3 次 bem.is 调用。\n *\n * 放在模块顶层使所有 TableRow 实例共享一份引用（不会随 setup 重建）。\n */\nconst ROW_MOD_CLASS: readonly string[] = [\n  '',\n  'is-expanded',\n  'is-checked',\n  'is-checked is-expanded',\n  'is-current',\n  'is-current is-expanded',\n  'is-current is-checked',\n  'is-current is-checked is-expanded'\n] as const\n\nfunction rowModCls(row: ITableRow): string {\n  const i = (row.isCurrent ? 4 : 0) | (row.checked ? 2 : 0) | (row.expanded ? 1 : 0)\n  return ROW_MOD_CLASS[i]!\n}\n\nexport const UTableRow: DefineComponent<{ row: ITableRow; index: number }> = defineComponent({\n  name: 'TableRow',\n\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n\n  setup(props) {\n    const {\n      cls,\n      columnConfig,\n      getColumnSlotsNode,\n      toggleTreeRowExpand,\n      getCellCtx,\n      handleRowClick,\n      handleCellClick,\n      tableProps,\n      measureElement,\n      getCellClass\n    } = inject(TableDIKey)!\n\n    // A1：把 cls.e('row') / cls.e('expand-toggle') 等静态字符串提升到 setup 一次性计算，\n    // 避免每次 render 重新走 `cls.e` 拼接。\n    const rowBaseCls = cls.e('row')\n    const expandToggleCls = cls.e('expand-toggle')\n    const expandSpaceCls = cls.e('expand-space')\n\n    // A2：measureRef 按 index 缓存闭包。\n    // 行虚拟化下，同一 TableRow 实例的 props.index 大多稳定，但在虚拟化重排或展开行切换时\n    // 仍会发生变化；把 (index) → refFn 缓存起来，既保证引用稳定（利于 Vue 的 ref diff），\n    // 又避免在未来可能的\"同实例跨 index 复用\"情形下重复分配闭包。\n    const measureRefCache = new Map<number, (el: unknown) => void>()\n    const getMeasureRef = (index: number): ((el: unknown) => void) => {\n      let ref = measureRefCache.get(index)\n      if (ref === undefined) {\n        ref = (el: unknown) => {\n          measureElement(index, el as Element | null)\n        }\n        measureRefCache.set(index, ref)\n      }\n      return ref\n    }\n    onUnmounted(() => {\n      measureRefCache.clear()\n    })\n\n    const { columns, expandColumn } = columnConfig\n\n    return () => {\n      const { row } = props\n      const _expandColumn = expandColumn.value\n\n      let expandCell: JSX.Element | null = null\n      if (_expandColumn) {\n        const expandCtx = getCellCtx(row, _expandColumn)\n        const cellSpan = tableProps.mergeCell?.(expandCtx)\n\n        if (!cellSpan || (cellSpan.colspan && cellSpan.rowspan)) {\n          const marginLeft = tableProps.tree ? row.depth * 14 : 0\n          expandCell = (\n            <UTabelCell\n              cellClass={getCellClass(_expandColumn)}\n              left={_expandColumn.style.left}\n              right={_expandColumn.style.right}\n              cellStyle={_expandColumn.cellStyle}\n              key={row.uid + _expandColumn.key}\n              {...tableProps.mergeCell?.(expandCtx)}\n            >\n              {!row.isLeaf || (tableProps.expandable && !row.isExpandRow) ? (\n                <UButton\n                  text\n                  class={expandToggleCls}\n                  type='primary'\n                  size='small'\n                  circle\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    toggleTreeRowExpand(row)\n                  }}\n                  style={`margin-left: ${marginLeft}px`}\n                >\n                  <UIcon>\n                    <ArrowRight />\n                  </UIcon>\n                </UButton>\n              ) : (\n                <i class={expandSpaceCls} style={`margin-left: ${marginLeft}px`}></i>\n              )}\n\n              {getColumnSlotsNode(expandCtx)}\n            </UTabelCell>\n          )\n        }\n      }\n\n      // A3：行 class 由 base + 3-bit 组合查找产出，避免 Vue 的 class 数组归一化开销。\n      const mod = rowModCls(row)\n      const rowCls = mod ? rowBaseCls + ' ' + mod : rowBaseCls\n\n      return (\n        <tr\n          class={rowCls}\n          onClick={(e) => handleRowClick(row, e)}\n          ref={getMeasureRef(props.index)}\n          key={row.uid}\n        >\n          {expandCell}\n\n          {columns.value.map((column) => {\n            const cellCtx = getCellCtx(row, column)\n            const cellSpan = tableProps.mergeCell?.(cellCtx)\n            if (cellSpan && (!cellSpan.colspan || !cellSpan.rowspan)) {\n              return null\n            }\n\n            const cellNode = getColumnSlotsNode(cellCtx)\n\n            return (\n              <UTabelCell\n                cellClass={getCellClass(column)}\n                left={column.style.left}\n                right={column.style.right}\n                cellStyle={column.cellStyle}\n                key={row.uid + column.key}\n                // @ts-ignore\n                onClick={(e) => handleCellClick(row, column, e)}\n                {...cellSpan}\n              >\n                {cellNode}\n              </UTabelCell>\n            )\n          })}\n        </tr>\n      )\n    }\n  }\n})\n\nexport const UExpandTableRow = defineComponent({\n  name: 'ExpandTableRow',\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n  setup(props) {\n    const { getExpandRowSlotsNode, cls, measureElement, columnConfig } = inject(TableDIKey)!\n    const { leafColumns } = columnConfig\n\n    const rowBaseCls = cls.e('row')\n    const cellCls = cls.e('cell')\n\n    const measureRef = (el: unknown) => {\n      measureElement(props.index, el as Element | null)\n    }\n\n    return () => {\n      const { row } = props\n      const node = getExpandRowSlotsNode({\n        row,\n        index: row.index,\n        columns: leafColumns.value,\n        rowData: row.data\n      })\n      return (\n        <tr class={rowBaseCls} ref={measureRef}>\n          <td colspan={leafColumns.value.length} class={cellCls}>\n            {node}\n          </td>\n        </tr>\n      )\n    }\n  }\n})\n"],"mappings":"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"}

package/dist/components/table/use-columns.d.ts

@@ -8,7 +8,6 @@ import { BEM } from "@veltra/utils";
  * 定义表格列
  * @param columns 表格列
  */
-declare function defineTableColumns(columns: TableColumn[], commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>): TableColumn[];
+export declare function defineTableColumns(columns: TableColumn[], commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>): TableColumn[];
 //#endregion
-export { defineTableColumns };
 //# sourceMappingURL=use-columns.d.ts.map

package/dist/components/table-editor/style2.css

@@ -17,10 +17,30 @@
 /** 暗色：`UITheme.render()` 按主题系列写入 html[data-theme] */
 .u-table-editor .u-table__body .u-table__cell {
   padding: 2px;
+  height: calc(var(--u-form-component-height-default) + 4px + 1px);
 }
+.u-table-editor .u-table__body .u-table__cell > [class^=u-],
 .u-table-editor .u-table__body .u-table__cell [class^=u-input] {
-  box-shadow: none;
+  vertical-align: top;
 }
-.u-table-editor .u-table__body .u-table__cell > [class^=u-] {
-  box-shadow: none;
+.u-table-editor .u-table-editor__operations {
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+}
+.u-table-editor .u-table-editor__operations .u-button {
+  padding: 0 0.4em;
+}
+.u-table-editor__required-mark {
+  padding-right: 2px;
+  color: var(--u-color-danger);
+}
+.u-table-editor__header-text.is-error {
+  color: var(--u-color-danger);
+}
+.u-table-editor__header-icon {
+  color: var(--u-color-danger);
+  margin-left: 2px;
+  vertical-align: -2px;
+  cursor: help;
 }

package/dist/components/table-editor/table-editor.js

@@ -1,9 +1,12 @@
-import _sfc_main$1 from "../button/button.js";
-import _sfc_main$2 from "../table/table.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
-import { useComponentProps } from "@veltra/compositions";
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../tip/tip.js";
+import { validateField } from "../form-item/validate.js";
+import _sfc_main$3 from "../button/button.js";
+import _sfc_main$4 from "../table/table.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, shallowRef, toRaw, triggerRef, unref, useSlots, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
-import { Copy, Minus, Plus } from "@veltra/icons/normal";
+import { Copy, Minus, Plus, Warning } from "@veltra/icons/normal";
+import { o } from "@cat-kit/core";
 //#region src/components/table-editor/table-editor.vue
 const _hoisted_1 = { style: {
 	"text-align": "center",
@@ -13,9 +16,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UTableEditor",
 	__name: "table-editor",
 	props: {
-		modelValue: { default: () => [] },
+		modelValue: {},
+		columns: {},
+		readonly: { type: Boolean },
 		size: {},
-		columns: { default: () => [] },
 		checked: {},
 		selected: {},
 		checkable: { type: Boolean },
@@ -35,82 +39,224 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		textEllipsis: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
-		const cls = bem("table-editor");
-		const ButtonCommonProps = useComponentProps({
-			size: "small",
-			circle: true,
-			text: true,
-			type: "primary"
+		const columns = computed(() => props.columns ?? []);
+		const modelValue = computed(() => props.modelValue ?? []);
+		/** 转发给 u-table 的表格属性；columns / modelValue / readonly 为编辑器自用，stripe / showIndex 被覆盖 */
+		const tableProps = computed(() => {
+			const rest = { ...props };
+			delete rest.columns;
+			delete rest.modelValue;
+			delete rest.readonly;
+			return rest;
 		});
+		const cls = bem("table-editor");
+		const slots = useSlots();
 		const actionColumn = {
 			key: "__operation",
 			name: "操作",
-			width: 120,
+			width: 104,
 			align: "center",
 			fixed: "right",
 			resizable: false
 		};
+		/**
+		* 内部列定义：单元格渲染挂在列的 render 上（用户列自带的 render 优先），
+		* 配置了 rules 的列包装 nameRender 追加校验标识，非只读时末尾追加操作列。
+		* 列 key 带上只读态后缀：u-table 行内单元格在 props 值相等时可能跳过子组件补丁，
+		* 只读切换改用挂载键直接重挂单元格，确保控件在编辑/只读形态间可靠切换。
+		*/
 		const internalColumns = computed(() => {
-			return [...__props.columns, actionColumn];
+			const list = columns.value.map((column) => ({
+				...column,
+				key: `${column.key}${props.readonly ? ":ro" : ""}`,
+				nameRender: column.rules ? headerCell(column) : column.nameRender,
+				render: column.render ?? ((ctx) => editCell(column, ctx))
+			}));
+			return props.readonly ? list : [...list, actionColumn];
+		});
+		/** 透传给 u-table 的插槽名：column:* 经 editCell 注入 model、empty 由组件接管，其余透传 */
+		const passSlotNames = Object.keys(slots).filter((name) => !name.startsWith("column:") && name !== "empty");
+		/**
+		* 带校验的列表头包装：required 时列名前渲染红星；该列存在未通过项时文字标红并追加
+		* 感叹号图标，悬停经 UTip 气泡展示各行错误明细；`#header:key` 插槽 / nameRender 内容替代列名。
+		* 渲染函数内读取 columnErrors 建立响应依赖，错误出现/消失即时更新表头。
+		*/
+		function headerCell(column) {
+			return (ctx) => {
+				const messages = columnErrors.value.get(column.key);
+				const nodes = [h("span", { class: [cls.e("header-text"), bem.is("error", !!messages?.length)] }, slots[`header:${column.key}`]?.(ctx) ?? column.nameRender?.(ctx) ?? column.name)];
+				if (column.rules?.required) nodes.unshift(h("span", {
+					class: cls.e("required-mark"),
+					"aria-hidden": "true"
+				}, "*"));
+				if (messages?.length) nodes.push(h(_sfc_main$2, { key: "header-error-tip" }, {
+					default: () => h(_sfc_main$1, {
+						size: 14,
+						class: cls.e("header-icon")
+					}, { default: () => h(Warning) }),
+					content: () => messages.map((message) => h("div", { key: message }, message))
+				}));
+				return nodes;
+			};
+		}
+		/** 行数据（以原始对象为键）→ 列 key → 错误信息 */
+		const cellErrors = shallowRef(/* @__PURE__ */ new Map());
+		/** 行节点 data 可能是响应式代理，统一取原始对象作为键 */
+		const errorRowKey = (rowData) => toRaw(rowData);
+		function setCellError(rowData, key, message) {
+			const row = errorRowKey(rowData);
+			const rowErrors = cellErrors.value.get(row);
+			if (!message) {
+				if (!rowErrors?.delete(key)) return;
+			} else {
+				if (rowErrors?.get(key) === message) return;
+				if (rowErrors) rowErrors.set(key, message);
+				else cellErrors.value.set(row, /* @__PURE__ */ new Map([[key, message]]));
+			}
+			triggerRef(cellErrors);
+		}
+		/** 丢弃同一单元格过期的异步校验结果 */
+		const validateSeqs = /* @__PURE__ */ new WeakMap();
+		/** 单元格级校验：以行数据为 formData、列 key 为 field，结果同步到错误状态 */
+		async function validateCell(rowData, key, rules) {
+			if (!rules) return;
+			const row = errorRowKey(rowData);
+			let seqs = validateSeqs.get(row);
+			if (!seqs) {
+				seqs = /* @__PURE__ */ new Map();
+				validateSeqs.set(row, seqs);
+			}
+			const seq = (seqs.get(key) ?? 0) + 1;
+			seqs.set(key, seq);
+			const message = await validateField(rowData, key, rules);
+			if (seqs.get(key) !== seq) return;
+			if (!modelValue.value.some((item) => errorRowKey(item) === row)) return;
+			setCellError(row, key, message);
+		}
+		/**
+		* 整表校验：自上而下逐行校验，某行存在未通过项即停止校验其后的行（懒校验）。
+		* 全部通过 resolve true，否则 resolve false。
+		*/
+		async function validate() {
+			const ruleColumns = columns.value.filter((column) => column.rules);
+			for (const row of modelValue.value) {
+				await Promise.all(ruleColumns.map((column) => validateCell(row, column.key, column.rules)));
+				if (cellErrors.value.get(errorRowKey(row))?.size) return false;
+			}
+			return true;
+		}
+		watch(modelValue, (rows) => {
+			if (!cellErrors.value.size) return;
+			const aliveRows = new Set(rows.map(errorRowKey));
+			const next = /* @__PURE__ */ new Map();
+			let changed = false;
+			for (const [row, errors] of cellErrors.value) if (aliveRows.has(row)) next.set(row, errors);
+			else changed = true;
+			if (changed) cellErrors.value = next;
+		});
+		/** 列 key → 该列全部未通过信息（带行序号），驱动表头错误标识 */
+		const columnErrors = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			if (!cellErrors.value.size) return map;
+			for (const [row, errors] of cellErrors.value) {
+				const index = modelValue.value.findIndex((item) => errorRowKey(item) === row);
+				const label = index >= 0 ? `第 ${index + 1} 行：` : "";
+				for (const [key, message] of errors) {
+					const list = map.get(key) ?? [];
+					list.push(`${label}${message}`);
+					map.set(key, list);
+				}
+			}
+			return map;
 		});
+		/** 声明了 `#column:key` 插槽的列调用编辑插槽（注入 model），未声明的渲染字段原始值 */
+		function editCell(column, ctx) {
+			const editSlot = slots[`column:${column.key}`];
+			const val = o(ctx.rowData).get(column.key);
+			if (!editSlot) return val;
+			const scope = {
+				...ctx,
+				val
+			};
+			return editSlot({
+				...scope,
+				model: createCellModel(column, scope)
+			});
+		}
+		/**
+		* 单元格编辑 model：值先原地写回行数据（行节点与 DOM 得以复用，输入不丢焦点），
+		* 再以浅拷贝数组经 update:modelValue 通知宿主，维持 v-model 契约。
+		* 只读下注入 readonly: true 且不提供写回通道，值不可修改；
+		* 列配置了 rules 时，控件的 change 事件（如失焦提交）触发单元格级校验，输入过程不校验。
+		*/
+		function createCellModel(column, ctx) {
+			const { rowData, val } = ctx;
+			const key = column.key;
+			const rules = column.rules;
+			return {
+				modelValue: val,
+				...props.readonly ? { readonly: true } : { "onUpdate:modelValue": (value) => {
+					rowData[key] = value;
+					emit("update:modelValue", [...modelValue.value]);
+				} },
+				...rules ? { onChange: () => void validateCell(rowData, key, rules) } : {}
+			};
+		}
 		function handleCreate(index) {
-			if (index !== void 0) emit("update:modelValue", [
-				...__props.modelValue.slice(0, index + 1),
+			const at = index !== void 0 ? index + 1 : modelValue.value.length;
+			emit("update:modelValue", [
+				...modelValue.value.slice(0, at),
 				{},
-				...__props.modelValue.slice(index + 1)
+				...modelValue.value.slice(at)
 			]);
-			else emit("update:modelValue", [...__props.modelValue, {}]);
 		}
 		function handleCopy(row) {
 			emit("update:modelValue", [
-				...__props.modelValue.slice(0, row.index + 1),
+				...modelValue.value.slice(0, row.index + 1),
 				JSON.parse(JSON.stringify(row.data)),
-				...__props.modelValue.slice(row.index + 1)
+				...modelValue.value.slice(row.index + 1)
 			]);
 		}
 		function handleDelete(index) {
-			emit("update:modelValue", __props.modelValue.filter((_, i) => i !== index));
+			emit("update:modelValue", modelValue.value.filter((_, i) => i !== index));
 		}
+		__expose({ validate });
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$2), {
+			return openBlock(), createBlock(unref(_sfc_main$4), mergeProps(tableProps.value, {
 				columns: internalColumns.value,
-				data: __props.modelValue || [],
-				class: normalizeClass(unref(cls).b),
+				data: modelValue.value,
+				class: unref(cls).b,
 				stripe: false,
-				"show-index": "",
-				slots: _ctx.$slots
-			}, {
-				"column:__operation": withCtx(({ row }) => [createVNode(unref(ButtonCommonProps), {
-					tag: "div",
-					style: {
-						"display": "flex",
-						"justify-content": "center",
-						"gap": "8px"
-					}
-				}, {
-					default: withCtx(() => [
-						createVNode(unref(_sfc_main$1), {
-							type: "danger",
-							onClick: ($event) => handleDelete(row.index),
-							icon: unref(Minus),
-							title: "移除"
-						}, null, 8, ["onClick", "icon"]),
-						createVNode(unref(_sfc_main$1), {
-							icon: unref(Plus),
-							onClick: ($event) => handleCreate(row.index),
-							title: "新增到下一行"
-						}, null, 8, ["icon", "onClick"]),
-						createVNode(unref(_sfc_main$1), {
-							icon: unref(Copy),
-							onClick: ($event) => handleCopy(row),
-							title: "复制到下一行"
-						}, null, 8, ["icon", "onClick"])
-					]),
-					_: 2
-				}, 1024)]),
-				empty: withCtx(() => [createElementVNode("div", _hoisted_1, [!__props.modelValue.length ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				"show-index": ""
+			}), createSlots({
+				"column:__operation": withCtx(({ row }) => [createElementVNode("div", { class: normalizeClass(unref(cls).e("operations")) }, [
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						type: "danger",
+						icon: unref(Minus),
+						title: "移除",
+						onClick: ($event) => handleDelete(row.index)
+					}, null, 8, ["icon", "onClick"]),
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						icon: unref(Plus),
+						title: "新增到下一行",
+						onClick: ($event) => handleCreate(row.index)
+					}, null, 8, ["icon", "onClick"]),
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						icon: unref(Copy),
+						title: "复制到下一行",
+						onClick: ($event) => handleCopy(row)
+					}, null, 8, ["icon", "onClick"])
+				], 2)]),
+				empty: withCtx(() => [createElementVNode("div", _hoisted_1, [!props.readonly ? (openBlock(), createBlock(unref(_sfc_main$3), {
 					key: 0,
 					text: "",
 					size: "small",
@@ -118,15 +264,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					icon: unref(Plus),
 					onClick: _cache[0] || (_cache[0] = ($event) => handleCreate())
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("添加", -1)])]),
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 添加 ", -1)])]),
 					_: 1
 				}, 8, ["icon"])) : createCommentVNode("v-if", true)])]),
-				_: 1
-			}, 8, [
+				_: 2
+			}, [renderList(unref(passSlotNames), (name) => {
+				return {
+					name,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scope)))])
+				};
+			})]), 1040, [
 				"columns",
 				"data",
-				"class",
-				"slots"
+				"class"
 			]);
 		};
 	}