@veltra/desktop 1.0.0

package/dist/components/table/node/col.d.ts

@@ -0,0 +1,45 @@
+import { TableColumn, TableColumnAlign } from "../../../types/table.js";
+import { TreeNode } from "@cat-kit/core";
+
+//#region src/components/table/node/col.d.ts
+declare class ColumnNode extends TreeNode<TableColumn, ColumnNode> {
+  children?: ColumnNode[] | undefined;
+  parent?: ColumnNode;
+  /** 叶子节点数量 */
+  leafs?: number;
+  nextNode: ColumnNode | null;
+  /** 列key */
+  get key(): string;
+  set key(val: string);
+  /** 列名 */
+  get name(): string;
+  set name(val: string);
+  /**
+   * 列对齐方式
+   * @default 'left'
+   */
+  get align(): TableColumnAlign;
+  set align(val: TableColumnAlign);
+  get headerAlign(): TableColumnAlign;
+  set headerAlign(val: TableColumnAlign);
+  /** 宽度 */
+  get width(): number | undefined;
+  set width(val: number | undefined);
+  /** 最小宽度 */
+  get minWidth(): number | undefined;
+  set minWidth(val: number | undefined);
+  /** 列固定方向 */
+  get fixed(): 'left' | 'right' | undefined;
+  set fixed(val: "left" | "right" | undefined);
+  /** 是否是左侧的最后一个固定列 */
+  get isLastFixed(): boolean;
+  /** 是否是右侧的第一个固定列 */
+  get isFirstFixed(): boolean;
+  /** 是否是可调整宽度的列 */
+  get resizable(): boolean;
+  style: Record<string, number>;
+  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode);
+}
+//#endregion
+export { ColumnNode };
+//# sourceMappingURL=col.d.ts.map

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

@@ -0,0 +1,85 @@
+import { reactive, shallowReactive } from "vue";
+import { TreeNode } from "@cat-kit/core";
+//#region src/components/table/node/col.ts
+var ColumnNode = class extends TreeNode {
+	/** 叶子节点数量 */
+	leafs;
+	nextNode = null;
+	/** 列key */
+	get key() {
+		return this.data.key;
+	}
+	set key(val) {
+		this.data.key = val;
+	}
+	/** 列名 */
+	get name() {
+		return this.data.name;
+	}
+	set name(val) {
+		this.data.name = val;
+	}
+	/**
+	* 列对齐方式
+	* @default 'left'
+	*/
+	get align() {
+		return this.data.align ?? "left";
+	}
+	set align(val) {
+		this.data.align = val;
+	}
+	get headerAlign() {
+		return this.data.headerAlign ?? this.align;
+	}
+	set headerAlign(val) {
+		this.data.headerAlign = val;
+	}
+	/** 宽度 */
+	get width() {
+		const { width } = this.data;
+		if (!width || this.minWidth && width && width < this.minWidth) return this.minWidth;
+		return width;
+	}
+	set width(val) {
+		if (this.minWidth && val && val < this.minWidth) val = this.minWidth;
+		this.data.width = val;
+	}
+	/** 最小宽度 */
+	get minWidth() {
+		const minWidth = this.data.minWidth;
+		if (!minWidth && this.isLeaf) return 100;
+		return minWidth;
+	}
+	set minWidth(val) {
+		this.data.minWidth = val;
+	}
+	/** 列固定方向 */
+	get fixed() {
+		if (this.depth > 0) return;
+		return this.data.fixed;
+	}
+	set fixed(val) {
+		this.data.fixed = val;
+	}
+	/** 是否是左侧的最后一个固定列 */
+	get isLastFixed() {
+		return this.data.isLastFixed ?? false;
+	}
+	/** 是否是右侧的第一个固定列 */
+	get isFirstFixed() {
+		return this.data.isFirstFixed ?? false;
+	}
+	/** 是否是可调整宽度的列 */
+	get resizable() {
+		return this.data.resizable ?? true;
+	}
+	style = reactive({});
+	constructor(val, index, depth, parent) {
+		super(val ? shallowReactive(val) : val, index, depth, parent);
+	}
+};
+//#endregion
+export { ColumnNode };
+
+//# sourceMappingURL=col.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { 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\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  /** 最小宽度 */\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  style: Record<string, number> = reactive({})\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(val ? shallowReactive(val) : val, index, depth, parent)\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;AAChB,SAAO,KAAK,KAAK;;CAEnB,IAAI,IAAI,KAAK;AACX,OAAK,KAAK,MAAM;;;CAGlB,IAAI,OAAe;AACjB,SAAO,KAAK,KAAK;;CAEnB,IAAI,KAAK,KAAK;AACZ,OAAK,KAAK,OAAO;;;;;;CAOnB,IAAI,QAA0B;AAC5B,SAAO,KAAK,KAAK,SAAS;;CAE5B,IAAI,MAAM,KAAK;AACb,OAAK,KAAK,QAAQ;;CAGpB,IAAI,cAAgC;AAClC,SAAO,KAAK,KAAK,eAAe,KAAK;;CAEvC,IAAI,YAAY,KAAK;AACnB,OAAK,KAAK,cAAc;;;CAI1B,IAAI,QAA4B;EAC9B,MAAM,EAAE,UAAU,KAAK;AACvB,MAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,SACpD,QAAO,KAAK;AAEd,SAAO;;CAET,IAAI,MAAM,KAAK;AACb,MAAI,KAAK,YAAY,OAAO,MAAM,KAAK,SACrC,OAAM,KAAK;AAEb,OAAK,KAAK,QAAQ;;;CAGpB,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;AAC3B,MAAI,CAAC,YAAY,KAAK,OACpB,QAAO;AAET,SAAO;;CAET,IAAI,SAAS,KAAK;AAChB,OAAK,KAAK,WAAW;;;CAIvB,IAAI,QAAsC;AACxC,MAAI,KAAK,QAAQ,EAAG;AACpB,SAAO,KAAK,KAAK;;CAEnB,IAAI,MAAM,KAAK;AACb,OAAK,KAAK,QAAQ;;;CAIpB,IAAI,cAAuB;AACzB,SAAO,KAAK,KAAK,eAAe;;;CAIlC,IAAI,eAAwB;AAC1B,SAAO,KAAK,KAAK,gBAAgB;;;CAInC,IAAI,YAAqB;AACvB,SAAO,KAAK,KAAK,aAAa;;CAGhC,QAAgC,SAAS,EAAE,CAAC;CAE5C,YAAY,KAAkB,OAAe,OAAe,QAAqB;AAC/E,QAAM,MAAM,gBAAgB,IAAI,GAAG,KAAK,OAAO,OAAO,OAAO"}

package/dist/components/table/node/row.d.ts

@@ -0,0 +1,41 @@
+import { TreeNode } from "@cat-kit/core";
+
+//#region src/components/table/node/row.d.ts
+/**
+ * TODO: 优化参数，对大数据量来说，对象字面量参数会使内存占用过高
+ */
+declare class TableRowNode<Data extends Record<string, any> = Record<string, any>> extends TreeNode<Data, TableRowNode<Data>> {
+  /** 索引路径 */
+  get indexes(): number[];
+  isExpandRow: boolean;
+  /** 是否操作中 */
+  operating: boolean;
+  /** 是否展开 */
+  expanded: boolean;
+  /** 是否为当前的点击行 */
+  isCurrent: boolean;
+  /** 是否选中 */
+  checked: boolean;
+  uid: number | string;
+  children?: TableRowNode<Data>[];
+  /**
+   *
+   * @param data 一个普通对象或者一个响应式对象
+   * @param index 索引值
+   * @param depth 深度（根为 0）
+   * @param parent 父行节点
+   * @param uid 行唯一标识
+   * @returns
+   */
+  constructor(options: {
+    data: Data;
+    index: number;
+    depth: number;
+    parent?: TableRowNode<Data>;
+    uid: number | string;
+  });
+  copy(): TableRowNode<Data>;
+}
+//#endregion
+export { TableRowNode };
+//# sourceMappingURL=row.d.ts.map

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

@@ -0,0 +1,55 @@
+import { isReactive, shallowReactive } from "vue";
+import { TreeNode } from "@cat-kit/core";
+//#region src/components/table/node/row.ts
+/**
+* TODO: 优化参数，对大数据量来说，对象字面量参数会使内存占用过高
+*/
+var TableRowNode = class TableRowNode extends TreeNode {
+	/** 索引路径 */
+	get indexes() {
+		if (!this.parent) return [this.index];
+		return this.parent.indexes.concat(this.index);
+	}
+	isExpandRow = false;
+	/** 是否操作中 */
+	operating = false;
+	/** 是否展开 */
+	expanded = false;
+	/** 是否为当前的点击行 */
+	isCurrent = false;
+	/** 是否选中 */
+	checked = false;
+	uid;
+	children = void 0;
+	/**
+	*
+	* @param data 一个普通对象或者一个响应式对象
+	* @param index 索引值
+	* @param depth 深度（根为 0）
+	* @param parent 父行节点
+	* @param uid 行唯一标识
+	* @returns
+	*/
+	constructor(options) {
+		const { data, index, depth, parent, uid } = options;
+		if (!data) super(data, index, depth, parent);
+		else super(isReactive(data) ? data : shallowReactive(data), index, depth, parent);
+		this.uid = uid;
+		return shallowReactive(this);
+	}
+	copy() {
+		const row = new TableRowNode({
+			data: this.data,
+			index: this.index,
+			depth: this.depth,
+			parent: this.parent ?? void 0,
+			uid: `expand_${this.uid}`
+		});
+		row.isExpandRow = true;
+		return row;
+	}
+};
+//#endregion
+export { TableRowNode };
+
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","names":[],"sources":["../../../../src/components/table/node/row.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, shallowReactive } from 'vue'\n\n/**\n * TODO: 优化参数，对大数据量来说，对象字面量参数会使内存占用过高\n */\nexport class TableRowNode<Data extends Record<string, any> = Record<string, any>> extends TreeNode<\n  Data,\n  TableRowNode<Data>\n> {\n  /** 索引路径 */\n  get indexes(): number[] {\n    if (!this.parent) return [this.index]\n    return this.parent.indexes.concat(this.index)\n  }\n\n  isExpandRow = false\n\n  /** 是否操作中 */\n  operating = false\n\n  /** 是否展开 */\n  expanded = false\n\n  /** 是否为当前的点击行 */\n  isCurrent = false\n\n  /** 是否选中 */\n  checked = false\n\n  uid: number | string\n\n  override children?: TableRowNode<Data>[] = undefined\n\n  /**\n   *\n   * @param data 一个普通对象或者一个响应式对象\n   * @param index 索引值\n   * @param depth 深度（根为 0）\n   * @param parent 父行节点\n   * @param uid 行唯一标识\n   * @returns\n   */\n  constructor(options: {\n    data: Data\n    index: number\n    depth: number\n    parent?: TableRowNode<Data>\n    uid: number | string\n  }) {\n    const { data, index, depth, parent, uid } = options\n\n    if (!data) {\n      super(data as Data, index, depth, parent)\n    } else {\n      super(isReactive(data) ? data : shallowReactive(data), index, depth, parent)\n    }\n    this.uid = uid\n    return shallowReactive(this)\n  }\n\n  copy() {\n    const row = new TableRowNode({\n      data: this.data,\n      index: this.index,\n      depth: this.depth,\n      parent: this.parent ?? undefined,\n      uid: `expand_${this.uid}`\n    })\n\n    row.isExpandRow = true\n\n    return row\n  }\n}\n"],"mappings":";;;;;;AAMA,IAAa,eAAb,MAAa,qBAA6E,SAGxF;;CAEA,IAAI,UAAoB;AACtB,MAAI,CAAC,KAAK,OAAQ,QAAO,CAAC,KAAK,MAAM;AACrC,SAAO,KAAK,OAAO,QAAQ,OAAO,KAAK,MAAM;;CAG/C,cAAc;;CAGd,YAAY;;CAGZ,WAAW;;CAGX,YAAY;;CAGZ,UAAU;CAEV;CAEA,WAA2C,KAAA;;;;;;;;;;CAW3C,YAAY,SAMT;EACD,MAAM,EAAE,MAAM,OAAO,OAAO,QAAQ,QAAQ;AAE5C,MAAI,CAAC,KACH,OAAM,MAAc,OAAO,OAAO,OAAO;MAEzC,OAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK,EAAE,OAAO,OAAO,OAAO;AAE9E,OAAK,MAAM;AACX,SAAO,gBAAgB,KAAK;;CAG9B,OAAO;EACL,MAAM,MAAM,IAAI,aAAa;GAC3B,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,QAAQ,KAAK,UAAU,KAAA;GACvB,KAAK,UAAU,KAAK;GACrB,CAAC;AAEF,MAAI,cAAc;AAElB,SAAO"}

package/dist/components/table/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/table/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/table/style2.css

@@ -0,0 +1,258 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-table {
+  --u-table-border-color: #e9e9e9;
+  --u-table-header-bg: #f4f5f7;
+  --u-table-header-color: var(--u-text-color-title);
+  --u-table-stripe-bg: #f8fafc;
+  --u-table-stripe-color: inherit;
+  --u-table-hover-bg: var(--u-bg-color-hover);
+  --u-table-hover-color: inherit;
+  --u-table-current-bg: var(--u-bg-color-hover);
+  --u-table-current-color: inherit;
+  --u-table-checked-bg: var(--u-color-primary-light-9);
+  --u-table-checked-color: inherit;
+}
+html[data-theme=dark] .u-table {
+  --u-table-border-color: #404040;
+  --u-table-header-bg: #2a2a2a;
+  --u-table-header-color: var(--u-text-color-main);
+  --u-table-stripe-bg: #2a2a2a;
+  --u-table-stripe-color: var(--u-text-color-main);
+  --u-table-hover-bg: #333333;
+  --u-table-hover-color: var(--u-text-color-title);
+  --u-table-current-bg: var(--u-bg-color-hover);
+  --u-table-current-color: inherit;
+  --u-table-checked-bg: var(--u-color-primary-dark-1);
+  --u-table-checked-color: inherit;
+}
+@media (prefers-color-scheme: dark) {
+  html:not([data-theme=light]) .u-table {
+    --u-table-border-color: #404040;
+    --u-table-header-bg: #2a2a2a;
+    --u-table-header-color: var(--u-text-color-main);
+    --u-table-stripe-bg: #2a2a2a;
+    --u-table-stripe-color: var(--u-text-color-main);
+    --u-table-hover-bg: #333333;
+    --u-table-hover-color: var(--u-text-color-title);
+    --u-table-current-bg: var(--u-bg-color-hover);
+    --u-table-current-color: inherit;
+    --u-table-checked-bg: var(--u-color-primary-dark-1);
+    --u-table-checked-color: inherit;
+  }
+}
+.u-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid var(--u-table-border-color);
+  border-bottom: none;
+  overflow: hidden;
+}
+.u-table--small {
+  border-radius: var(--u-radius-small);
+}
+.u-table--small .u-table__expand-toggle {
+  font-size: var(--u-font-size-main-small);
+}
+.u-table--small .u-table__cell {
+  padding: var(--u-gap-small);
+}
+.u-table--default {
+  border-radius: var(--u-radius-default);
+}
+.u-table--default .u-table__expand-toggle {
+  font-size: var(--u-font-size-main-default);
+}
+.u-table--default .u-table__cell {
+  padding: var(--u-gap-default);
+}
+.u-table--large {
+  border-radius: var(--u-radius-large);
+}
+.u-table--large .u-table__expand-toggle {
+  font-size: var(--u-font-size-main-large);
+}
+.u-table--large .u-table__cell {
+  padding: var(--u-gap-large);
+}
+.u-table__checkbox {
+  height: 20px;
+}
+.u-table__content {
+  width: fit-content;
+}
+.u-table__wrap {
+  width: 100%;
+  border-spacing: 0;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.u-table__row:hover .u-table__cell {
+  background-color: var(--u-table-hover-bg);
+  color: var(--u-table-hover-color);
+}
+.u-table__row.is-stripe .u-table__cell {
+  background-color: var(--u-table-stripe-bg);
+  color: var(--u-table-stripe-color);
+}
+.u-table__row.is-stripe:hover .u-table__cell {
+  background-color: var(--u-table-hover-bg);
+  color: var(--u-table-hover-color);
+}
+.u-table__row.is-expanded .u-table__expand-toggle > i {
+  transform: rotate(90deg);
+}
+.u-table__row.is-current > .u-table__cell {
+  background-color: var(--u-table-current-bg);
+  color: var(--u-table-current-color);
+}
+.u-table__row.is-checked > .u-table__cell {
+  background-color: var(--u-table-checked-bg);
+  color: var(--u-table-checked-color);
+}
+.u-table__expand-toggle, .u-table__expand-all {
+  margin-right: var(--u-gap-small);
+}
+.u-table__expand-toggle > i, .u-table__expand-all > i {
+  transition: transform 0.25s;
+}
+.u-table.is-all-expanded .u-table__expand-all > i {
+  transform: rotate(90deg);
+}
+.u-table.is-border {
+  border-right: none;
+}
+.u-table.is-border .u-table__cell {
+  border-right: 1px solid var(--u-table-border-color);
+  margin-right: -1px;
+}
+.u-table__expand-space {
+  display: inline-block;
+  font-size: 0;
+  margin-right: var(--u-gap-small);
+  height: 1px;
+  width: var(--u-form-component-height-small);
+}
+.u-table__head {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  user-select: none;
+}
+.u-table__head:hover .u-table__cell {
+  box-shadow: -1px 0px var(--u-table-border-color) inset, 0px -1px var(--u-table-border-color) inset;
+}
+.u-table__head.is-multistage .u-table__cell {
+  border-right: 1px solid var(--u-table-border-color);
+  margin-right: -1px;
+  border-bottom: 1px solid var(--u-table-border-color);
+  margin-bottom: -1px;
+}
+.u-table__head .u-table__cell {
+  background-color: var(--u-table-header-bg);
+  font-weight: normal;
+  color: var(--u-table-header-color);
+}
+.u-table__resize-handle {
+  position: absolute;
+  width: 4px;
+  height: 100%;
+  right: 0px;
+  top: 0;
+  cursor: col-resize;
+}
+.u-table__resize-line {
+  pointer-events: none;
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  top: 0;
+  z-index: 1;
+  background-color: var(--u-table-border-color);
+}
+.u-table__body {
+  will-change: transform;
+}
+.u-table__empty {
+  position: sticky;
+  left: 50%;
+  transform: translate(-50%);
+}
+.u-table__foot {
+  position: sticky;
+  left: 0;
+  bottom: 0;
+}
+.u-table__foot .u-table__cell {
+  border-top: 1px solid var(--u-table-border-color);
+  margin-top: -1px;
+}
+.u-table__cell {
+  background-color: var(--u-bg-color-top);
+  word-break: break-all;
+  border-bottom: 1px solid var(--u-table-border-color);
+  margin-bottom: -1px;
+  position: relative;
+  line-height: 1;
+}
+.u-table__cell.is-left {
+  text-align: left;
+}
+.u-table__cell.is-center {
+  text-align: center;
+}
+.u-table__cell.is-right {
+  text-align: right;
+}
+.u-table__cell.is-fixed-left {
+  position: sticky;
+  z-index: 1;
+}
+.u-table__cell.is-fixed-right {
+  position: sticky;
+  z-index: 1;
+}
+.u-table__cell.is-fixed-left.is-last-fixed::after {
+  content: "";
+  position: absolute;
+  right: -10px;
+  top: 0;
+  width: 10px;
+  height: 100%;
+  pointer-events: none;
+  box-shadow: 10px 0 10px -10px var(--u-shadow-color) inset;
+}
+.u-table__cell.is-fixed-right.is-first-fixed::before {
+  content: "";
+  position: absolute;
+  left: -10px;
+  top: 0;
+  width: 10px;
+  height: 100%;
+  pointer-events: none;
+  box-shadow: -10px 0 10px -10px var(--u-shadow-color) inset;
+}
+.u-table__resizer {
+  position: absolute;
+  visibility: hidden;
+}
+.u-table.is-text-ellipsis .u-table__cell {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}

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

@@ -0,0 +1,76 @@
+import { TableDIKey } from "./di.js";
+import _sfc_main$1 from "../empty/empty.js";
+import { UExpandTableRow, UTableRow } from "./table-row.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderList, renderSlot, shallowRef, unref, watch } from "vue";
+import { bem, setStyles } from "@veltra/utils";
+//#region src/components/table/table-body.vue
+const _hoisted_1 = ["colspan"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "TableBody",
+	__name: "table-body",
+	setup(__props, { expose: __expose }) {
+		const { cls, rows, virtualList, columnConfig, tableProps, virtualEnabled } = inject(TableDIKey);
+		const { leafColumns } = columnConfig;
+		const getStripeCls = computed(() => {
+			return tableProps.stripe ? (index) => bem.is("stripe", index % 2 === 1) : () => "";
+		});
+		const tableRows = computed(() => {
+			if (!virtualEnabled.value) return rows.value.map((row, index) => {
+				return {
+					row,
+					stripeIndex: row.index,
+					index
+				};
+			});
+			return virtualList.value.map((item) => {
+				return {
+					row: rows.value[item.index],
+					stripeIndex: rows.value[item.index].index,
+					index: item.index
+				};
+			});
+		});
+		const bodyRef = shallowRef();
+		function setBodyTransform(transformY) {
+			bodyRef.value && setStyles(bodyRef.value, { transform: `translate3d(0, ${transformY}px, 0)` });
+		}
+		watch(virtualList, (list) => {
+			setBodyTransform(list[0]?.start ?? 0);
+		});
+		__expose({ setBodyTransform });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tbody", {
+				class: normalizeClass(unref(cls).e("body")),
+				ref_key: "bodyRef",
+				ref: bodyRef
+			}, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(tableRows.value, ({ row, index, stripeIndex }) => {
+					return openBlock(), createElementBlock(Fragment, { key: row.uid }, [row.isExpandRow ? (openBlock(), createBlock(unref(UExpandTableRow), {
+						key: 0,
+						row,
+						"data-index": index
+					}, null, 8, ["row", "data-index"])) : (openBlock(), createBlock(unref(UTableRow), {
+						key: 1,
+						row,
+						"data-index": index,
+						class: normalizeClass([unref(bem).is("current", row.isCurrent), getStripeCls.value(stripeIndex)])
+					}, null, 8, [
+						"row",
+						"data-index",
+						"class"
+					]))], 64);
+				}), 128)),
+				createCommentVNode(" 空 "),
+				!unref(rows).length ? (openBlock(), createElementBlock("tr", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("row"))
+				}, [createElementVNode("td", { colspan: unref(leafColumns).length }, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(unref(_sfc_main$1), { class: normalizeClass(unref(cls).e("empty")) }, null, 8, ["class"])])], 8, _hoisted_1)], 2)) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "default")
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.js","names":[],"sources":["../../../src/components/table/table-body.vue"],"sourcesContent":["<template>\n  <tbody :class=\"cls.e('body')\" ref=\"bodyRef\">\n    <template v-for=\"{ row, index, stripeIndex } of tableRows\" :key=\"row.uid\">\n      <UExpandTableRow v-if=\"row.isExpandRow\" :row=\"row\" :data-index=\"index\" />\n      <UTableRow\n        v-else\n        :row=\"row\"\n        :data-index=\"index\"\n        :class=\"[bem.is('current', row.isCurrent), getStripeCls(stripeIndex)]\"\n      />\n    </template>\n\n    <!-- 空 -->\n    <tr v-if=\"!rows.length\" :class=\"cls.e('row')\">\n      <td :colspan=\"leafColumns.length\">\n        <slot name=\"empty\">\n          <UEmpty :class=\"cls.e('empty')\" />\n        </slot>\n      </td>\n    </tr>\n\n    <slot></slot>\n  </tbody>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, setStyles } from '@veltra/utils'\nimport { computed, inject, shallowRef, watch } from 'vue'\n\nimport { UEmpty } from '../empty'\nimport { TableDIKey } from './di'\nimport { UTableRow, UExpandTableRow } from './table-row'\n\ndefineOptions({\n  name: 'TableBody'\n})\n\nconst { cls, rows, virtualList, columnConfig, tableProps, virtualEnabled } = inject(TableDIKey)!\nconst { leafColumns } = columnConfig\n\nconst getStripeCls = computed(() => {\n  return tableProps.stripe ? (index: number) => bem.is('stripe', index % 2 === 1) : () => ''\n})\n\nconst tableRows = computed(() => {\n  if (!virtualEnabled.value) {\n    return rows.value.map((row, index) => {\n      return {\n        row,\n        stripeIndex: row.index,\n        index\n      }\n    })\n  }\n\n  // 虚拟列表\n  return virtualList.value.map((item) => {\n    return {\n      row: rows.value[item.index]!,\n      stripeIndex: rows.value[item.index]!.index,\n      index: item.index\n    }\n  })\n})\n\nconst bodyRef = shallowRef<HTMLElement>()\n\nfunction setBodyTransform(transformY: number) {\n  bodyRef.value &&\n    setStyles(bodyRef.value, {\n      transform: `translate3d(0, ${transformY}px, 0)`\n    })\n}\n\nwatch(virtualList, (list) => {\n  setBodyTransform(list[0]?.start ?? 0)\n})\n\ndefineExpose({\n  setBodyTransform\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAqCA,MAAM,EAAE,KAAK,MAAM,aAAa,cAAc,YAAY,mBAAmB,OAAO,WAAW;EAC/F,MAAM,EAAE,gBAAgB;EAExB,MAAM,eAAe,eAAe;AAClC,UAAO,WAAW,UAAU,UAAkB,IAAI,GAAG,UAAU,QAAQ,MAAM,EAAE,SAAS;IACzF;EAED,MAAM,YAAY,eAAe;AAC/B,OAAI,CAAC,eAAe,MAClB,QAAO,KAAK,MAAM,KAAK,KAAK,UAAU;AACpC,WAAO;KACL;KACA,aAAa,IAAI;KACjB;KACF;KACD;AAIH,UAAO,YAAY,MAAM,KAAK,SAAS;AACrC,WAAO;KACL,KAAK,KAAK,MAAM,KAAK;KACrB,aAAa,KAAK,MAAM,KAAK,OAAQ;KACrC,OAAO,KAAK;KACd;KACD;IACF;EAED,MAAM,UAAU,YAAwB;EAExC,SAAS,iBAAiB,YAAoB;AAC5C,WAAQ,SACN,UAAU,QAAQ,OAAO,EACvB,WAAW,kBAAkB,WAAW,SACzC,CAAA;;AAGL,QAAM,cAAc,SAAS;AAC3B,oBAAiB,KAAK,IAAI,SAAS,EAAC;IACrC;AAED,WAAa,EACX,kBACD,CAAA;;uBA/EC,mBAqBQ,SAAA;IArBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;aAAc;IAAJ,KAAI;;sBAChC,mBAQW,UAAA,MAAA,WARqC,UAAA,QAAS,EAAtC,KAAK,OAAO,kBAAW;6DAAuB,IAAI,KAAA,EAAA,CAC5C,IAAI,eAAA,WAAA,EAA3B,YAAyE,MAAA,gBAAA,EAAA;;MAA3B;MAAM,cAAY;yDAChE,YAKE,MAAA,UAAA,EAAA;;MAHM;MACL,cAAY;MACZ,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAE,WAAY,IAAI,UAAS,EAAG,aAAA,MAAa,YAAW,CAAA,CAAA;;;;;;;IAIvE,mBAAA,MAAU;KACC,MAAA,KAAI,CAAC,UAAA,WAAA,EAAhB,mBAMK,MAAA;;KANoB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,MAAA,CAAA;QACnC,mBAIK,MAAA,EAJA,SAAS,MAAA,YAAW,CAAC,QAAA,EAAA,CACxB,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CADL,YAAkC,MAAA,YAAA,EAAA,EAAzB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,WAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;IAK3B,WAAa,KAAA,QAAA,UAAA"}

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

@@ -0,0 +1,35 @@
+import { TableDIKey } from "./di.js";
+import { createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+import { withUnit } from "@veltra/utils";
+//#region src/components/table/table-cell.vue
+const _hoisted_1 = ["rowspan", "colspan"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "TableCell",
+	__name: "table-cell",
+	props: {
+		column: {},
+		left: {},
+		right: {},
+		rowspan: {},
+		colspan: {}
+	},
+	setup(__props) {
+		const { getCellClass } = inject(TableDIKey);
+		return (_ctx, _cache) => {
+			return __props.rowspan !== 0 && __props.colspan !== 0 ? (openBlock(), createElementBlock("td", {
+				key: 0,
+				class: normalizeClass(unref(getCellClass)(__props.column)),
+				style: normalizeStyle({
+					left: unref(withUnit)(__props.left, "px"),
+					right: unref(withUnit)(__props.right, "px")
+				}),
+				rowspan: __props.rowspan,
+				colspan: __props.colspan
+			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=table-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","names":[],"sources":["../../../src/components/table/table-cell.vue"],"sourcesContent":["<template>\n  <td\n    :class=\"getCellClass(column)\"\n    :style=\"{ left: withUnit(left, 'px'), right: withUnit(right, 'px') }\"\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 { inject } from 'vue'\n\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ndefineOptions({\n  name: 'TableCell'\n})\n\nconst { column } = defineProps<{\n  column: ColumnNode\n  left?: number\n  right?: number\n  rowspan?: number\n  colspan?: number\n}>()\n\nconst { getCellClass } = inject(TableDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EA+BA,MAAM,EAAE,iBAAiB,OAAO,WAAW;;UAzBjC,QAAA,YAAO,KAAU,QAAA,YAAO,KAAA,WAAA,EALhC,mBAQK,MAAA;;IAPF,OAAK,eAAE,MAAA,aAAY,CAAC,QAAA,OAAM,CAAA;IAC1B,OAAK,eAAA;KAAA,MAAU,MAAA,SAAQ,CAAC,QAAA,MAAI,KAAA;KAAA,OAAgB,MAAA,SAAQ,CAAC,QAAA,OAAK,KAAA;KAAA,CAAA;IAC1D,SAAS,QAAA;IACT,SAAS,QAAA;OAGV,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,QAAA,KAAA"}