zova-module-a-table 5.1.38 → 5.1.40

package/dist/component/table/controller.d.ts

@@ -1,6 +1,6 @@
 import type { IResourceTableActionRowOptionsBase, ISchemaObjectExtensionField, TypeTableCellRenderComponent, TypeTableCellRenderComponentProvider } from 'zova-module-a-openapi';
 import { celEnvBase } from '@cabloy/utils';
-import { CellContext, Row } from '@tanstack/vue-table';
+import { CellContext, OnChangeFn, Row, RowSelectionState, SortingState } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
 import { VNode } from 'vue';
 import { ZovaJsx } from 'zova-jsx';
@@ -12,6 +12,12 @@ import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
 export interface ControllerTableProps<TData extends {} = {}> {
     data?: TData[];
     schema?: SchemaObject;
+    schemaOrder?: SchemaObject;
+    sorting?: SortingState;
+    onSortingChange?: OnChangeFn<SortingState>;
+    enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+    rowSelection?: RowSelectionState;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
     tableScope?: ITableScope;
     getColumns?: TypeTableGetColumns<TData>;
     slotDefault?: (table: ControllerTable<TData>) => VNode;
@@ -27,10 +33,16 @@ export declare class ControllerTable<TData extends {} = {}> extends BeanControll
     protected __init__(): Promise<void>;
     get schema(): SchemaObject | undefined;
     get data(): TData[] | undefined;
+    get sorting(): SortingState;
+    get rowSelection(): RowSelectionState;
     refreshMeta(): Promise<void>;
     private _createTable;
     private _createColumns;
     private _createColumnsMiddle;
+    private _getRowId;
+    private _canSelectRow;
+    private _getColumnPinning;
+    private _isOrderable;
     private _createProperties;
     private _createTableMeta;
     getColumnJsxRenderContext(celScope: ITableColumnScope): IJsxRenderContextTableColumn;

package/dist/component/table/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/component/table/controller.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/component/table/controller.tsx"],"names":[],"mappings":"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"}

package/dist/component/table/render.d.ts

@@ -1,5 +1,6 @@
 import { BeanRenderBase } from 'zova';
 export declare class RenderTable extends BeanRenderBase {
+    private _getColumnStyle;
     private _renderTableDefault;
     render(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/dist/component/table/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/component/table/render.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAGtC,qBACa,WAAY,SAAQ,cAAc;IAC7C,OAAO,CAAC,mBAAmB;IAwCpB,MAAM;;;CAGd"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/component/table/render.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAKtC,qBACa,WAAY,SAAQ,cAAc;IAC7C,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,mBAAmB;IAkGpB,MAAM;;;CAGd"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { BeanControllerBase, BeanControllerPageBase, BeanInfo, BeanRenderBase, BeanScopeBase, appResource, beanFullNameFromOnionName, cast, createBeanDecorator, deepEqual, deepExtend, objectAssignReactive, prepareComponentOptions, useController } from "zova";
 import { celEnvBase, isNilOrEmptyString } from "@cabloy/utils";
-import { FlexRender, createColumnHelper, getCoreRowModel, useVueTable } from "@tanstack/vue-table";
+import { FlexRender, createColumnHelper, functionalUpdate, getCoreRowModel, useVueTable } from "@tanstack/vue-table";
 import { ZovaJsx, isJsxComponent } from "zova-jsx";
 import { Controller, Render, Scope } from "zova-module-a-bean";
 import { createVNode, defineComponent, markRaw } from "vue";
@@ -20,6 +20,9 @@ var BeanControllerTableBase = class extends BeanControllerBase {
 	}
 };
 //#endregion
+//#region src/types/table.ts
+var TableColumnIdSelection = "$$selection";
+//#endregion
 //#region src/component/table/controller.tsx
 var _dec$2, _dec2$2, _class$2, _ControllerTable;
 var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-table" }), _dec$2(_class$2 = _dec2$2(_class$2 = (_ControllerTable = class ControllerTable extends BeanControllerTableBase {
@@ -41,6 +44,10 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 			if (deepEqual(newValue, oldValue)) return;
 			await this.refreshMeta();
 		});
+		this.$watch(() => this.$props.enableRowSelection, async (newValue, oldValue) => {
+			if (newValue === oldValue) return;
+			await this.refreshMeta();
+		});
 		this._createTable();
 	}
 	get schema() {
@@ -49,17 +56,47 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 	get data() {
 		return this.$props.data;
 	}
+	get sorting() {
+		return this.$props.sorting ?? [];
+	}
+	get rowSelection() {
+		return this.$props.rowSelection ?? {};
+	}
 	async refreshMeta() {
 		this.tableMeta = await this._createTableMeta();
 		this.columns = await this._createColumns();
+		this.table?.setColumnPinning(this._getColumnPinning());
 	}
 	_createTable() {
 		const self = this;
 		const tableOptions = {
-			getRowId: this.$props.getRowId ?? ((originalRow) => cast(originalRow).id),
+			getRowId: (originalRow, index, parent) => this._getRowId(originalRow, index, parent),
 			getCoreRowModel: getCoreRowModel(),
 			renderFallbackValue: this.scope.config.renderFallbackValue,
 			manualPagination: true,
+			manualSorting: true,
+			enableMultiSort: false,
+			enableSortingRemoval: false,
+			enableRowSelection: (row) => self._canSelectRow(row),
+			state: {
+				get sorting() {
+					return self.sorting;
+				},
+				get rowSelection() {
+					return self.rowSelection;
+				}
+			},
+			onSortingChange: (updater) => {
+				const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);
+				self.$props.onSortingChange?.(sorting);
+			},
+			onRowSelectionChange: (updater) => {
+				const rowSelection = functionalUpdate(updater, self.rowSelection);
+				self.$props.onRowSelectionChange?.(rowSelection);
+			},
+			get initialState() {
+				return { columnPinning: self._getColumnPinning() };
+			},
 			get data() {
 				return self.data || [];
 			},
@@ -68,11 +105,11 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 			}
 		};
 		this.table = this.$useTable(tableOptions);
+		this.table.setColumnPinning(this._getColumnPinning());
 	}
 	async _createColumns() {
 		if (!this.properties) return [];
-		if (!this.$props.getColumns) return await this._createColumnsMiddle(this.tableMeta.properties);
-		return await this.$props.getColumns(async (properties) => {
+		const columns = !this.$props.getColumns ? await this._createColumnsMiddle(this.tableMeta.properties) : await this.$props.getColumns(async (properties) => {
 			return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);
 		}, async (key, render) => {
 			const columnScope = this.getColumnScope(key);
@@ -81,6 +118,19 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 			if (visible === false) return;
 			return await this._createColumnRender(render, columnProps, columnScope, jsxRenderContext);
 		}, this);
+		if (!this.$props.enableRowSelection) return columns;
+		return [createColumnHelper().display({
+			id: "$$selection",
+			header: "",
+			cell: "",
+			size: 48,
+			enableSorting: false,
+			meta: { rest: {
+				fixed: "left",
+				width: 48,
+				align: "center"
+			} }
+		}), ...columns];
 	}
 	async _createColumnsMiddle(properties) {
 		const tableMeta = this.tableMeta;
@@ -93,11 +143,48 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 				header: (_props) => {
 					return property?.title || key;
 				},
-				cell: (props) => tableMeta.renders[key](props)
+				cell: (props) => tableMeta.renders[key](props),
+				size: property.rest?.width,
+				enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),
+				sortDescFirst: property.rest?.sortDescFirst === true,
+				meta: { rest: property.rest }
 			}));
 		}
 		return columns;
 	}
+	_getRowId(originalRow, index, parent) {
+		const id = this.$props.getRowId?.(originalRow, index, parent) ?? cast(originalRow).id;
+		if (isNilOrEmptyString(id)) return `__unselectable_${parent ? `${parent.id}.` : ""}${index}`;
+		return String(id);
+	}
+	_canSelectRow(row) {
+		const enableRowSelection = this.$props.enableRowSelection;
+		if (!enableRowSelection) return false;
+		if (isNilOrEmptyString(this.$props.getRowId?.(row.original, row.index, row.getParentRow()) ?? cast(row.original).id)) return false;
+		return typeof enableRowSelection === "function" ? enableRowSelection(row) : true;
+	}
+	_getColumnPinning() {
+		const left = this.$props.enableRowSelection ? ["$$selection"] : [];
+		const right = [];
+		for (const property of this.tableMeta?.properties ?? []) {
+			const fixed = property.rest?.fixed;
+			if (fixed === "left") left.push(property.key);
+			if (fixed === "right") right.push(property.key);
+		}
+		return {
+			left,
+			right
+		};
+	}
+	_isOrderable(property) {
+		const properties = this.$props.schemaOrder?.properties;
+		if (!properties) return false;
+		return [
+			property.key,
+			property.schemaKey,
+			...property.schemaKeys ?? []
+		].some((key) => key && Object.prototype.hasOwnProperty.call(properties, key));
+	}
 	_createProperties() {
 		this.properties = this.$computed(() => {
 			return this.$sdk.loadSchemaProperties(this.schema, "table");
@@ -263,17 +350,79 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 //#region src/component/table/render.tsx
 var _dec$1, _dec2$1, _class$1;
 var RenderTable = (_dec$1 = Render(), _dec2$1 = BeanInfo({ module: "a-table" }), _dec$1(_class$1 = _dec2$1(_class$1 = class RenderTable extends BeanRenderBase {
+	_getColumnStyle(column) {
+		const rest = column.columnDef.meta?.rest;
+		const fixed = column.getIsPinned();
+		const width = rest?.width ? `${rest.width}px` : void 0;
+		return {
+			width,
+			minWidth: width,
+			textAlign: rest?.align,
+			position: fixed ? "sticky" : void 0,
+			left: fixed === "left" ? `${column.getStart("left")}px` : void 0,
+			right: fixed === "right" ? `${column.getAfter("right")}px` : void 0,
+			zIndex: fixed ? 1 : void 0
+		};
+	}
 	_renderTableDefault() {
 		const table = this.table;
 		return createVNode("table", { "class": "table" }, [createVNode("thead", null, [createVNode("tr", null, [table.getFlatHeaders().map((header) => {
-			return createVNode("th", { "key": header.id }, [createVNode(FlexRender, {
-				"render": header.column.columnDef.header,
+			const column = header.column;
+			const canSort = column.getCanSort();
+			const sorted = column.getIsSorted();
+			const fixed = column.getIsPinned();
+			const headerDefinition = column.columnDef.header;
+			const headerContent = column.id === "$$selection" ? createVNode("input", {
+				"type": "checkbox",
+				"checked": table.getIsAllPageRowsSelected(),
+				"indeterminate": table.getIsSomePageRowsSelected(),
+				"aria-checked": table.getIsSomePageRowsSelected() ? "mixed" : void 0,
+				"aria-label": "Select all rows on this page",
+				"disabled": table.getRowModel().rows.every((row) => !row.getCanSelect()),
+				"onChange": table.getToggleAllPageRowsSelectedHandler()
+			}, null) : createVNode(FlexRender, {
+				"render": headerDefinition,
 				"props": header.getContext()
-			}, null)]);
+			}, null);
+			let sortAria = "none";
+			let sortIcon = "↕";
+			if (sorted === "asc") {
+				sortAria = "ascending";
+				sortIcon = "▲";
+			} else if (sorted === "desc") {
+				sortAria = "descending";
+				sortIcon = "▼";
+			}
+			return createVNode("th", {
+				"key": header.id,
+				"class": fixed ? "bg-base-100" : void 0,
+				"style": this._getColumnStyle(column),
+				"aria-sort": sortAria
+			}, [canSort ? createVNode("button", {
+				"type": "button",
+				"class": "inline-flex w-full items-center gap-1",
+				"onClick": column.getToggleSortingHandler(),
+				"aria-label": `Sort by ${column.id}`
+			}, [headerContent, createVNode("span", { "aria-hidden": "true" }, [sortIcon])]) : headerContent]);
 		})])]), createVNode("tbody", null, [table.getRowModel().rows.map((row) => {
-			return createVNode("tr", { "key": row.id }, [row.getVisibleCells().map((cell) => {
-				return createVNode("td", { "key": cell.id }, [createVNode(FlexRender, {
-					"render": cell.column.columnDef.cell,
+			return createVNode("tr", {
+				"key": row.id,
+				"aria-selected": row.getIsSelected()
+			}, [row.getVisibleCells().map((cell) => {
+				const column = cell.column;
+				const selection = column.id === "$$selection";
+				return createVNode("td", {
+					"key": cell.id,
+					"class": column.getIsPinned() ? "bg-base-100" : void 0,
+					"style": this._getColumnStyle(column)
+				}, [selection ? createVNode("input", {
+					"type": "checkbox",
+					"checked": row.getIsSelected(),
+					"disabled": !row.getCanSelect(),
+					"aria-label": `Select row ${row.id}`,
+					"onChange": row.getToggleSelectedHandler()
+				}, null) : createVNode(FlexRender, {
+					"render": column.columnDef.cell,
 					"props": cell.getContext()
 				}, null)]);
 			})]);
@@ -324,6 +473,6 @@ function TableCell(options) {
 	return createBeanDecorator("tableCell", "app", true, options);
 }
 //#endregion
-export { BeanControllerPageTableBase, BeanControllerTableBase, ControllerTable, RenderTable, ScopeModuleATable, TableCell, ZTable, components, config };
+export { BeanControllerPageTableBase, BeanControllerTableBase, ControllerTable, RenderTable, ScopeModuleATable, TableCell, TableColumnIdSelection, ZTable, components, config };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["celEnvBase","isNilOrEmptyString","createColumnHelper","getCoreRowModel","appResource","beanFullNameFromOnionName","cast","deepEqual","deepExtend","objectAssignReactive","isJsxComponent","ZovaJsx","Controller","BeanControllerTableBase","ControllerTable","_dec","_dec2","__z_BeanInfo","module","_class","_ControllerTable","constructor","args","properties","columns","tableMeta","zovaJsx","columnCelEnv","__init__","bean","_setBean","_getColumnCelEnv","_newBeanSimple","undefined","_createProperties","refreshMeta","$watch","$props","schema","newValue","oldValue","_createTable","data","_createTableMeta","_createColumns","self","tableOptions","getRowId","originalRow","id","renderFallbackValue","scope","config","manualPagination","table","$useTable","getColumns","_createColumnsMiddle","key","render","columnScope","getColumnScope","jsxRenderContext","getColumnJsxRenderContext","visible","columnProps","getColumnComponentPropsTop","_createColumnRender","columnHelper","property","push","accessor","header","_props","title","cell","props","renders","$computed","$sdk","loadSchemaProperties","promises","res","Promise","all","filter","_item","index","item","forEach","celScope","app","ctx","$scene","$host","$celScope","$jsx","$$table","getCellJsxRenderContext","cellContext","cellRenderPrepare","Array","isArray","renderProviders","map","getRenderProvider","renderProvider","includes","_getBean","renderContext","beanInstance","beanOptions","getBean","onionOptions","options","checkVisible","_cellRender","cellRender","cellScope","_getBeanSyncOnly","cellProps","setTransientObject","getValue","name","row","_cellRenderInner","value","fallbackValue","cellProps2","renderJsxProps","class","style","$cssMerge","$style","children","length","renderJsxChildrenDirect","getColumnProperty","find","celEnv","clone","registerFunction","transientObject","defaultValue","scopeExtra","tableScope","rest","_getColumnComponentPropsTopByRest","_renderContext","evaluateExpression","Object","assign","$propsDefault","FlexRender","BeanRenderBase","Render","RenderTable","_dec","_dec2","__z_BeanInfo","module","_class","_renderTableDefault","table","_createVNode","getFlatHeaders","map","header","id","column","columnDef","getContext","getRowModel","rows","row","getVisibleCells","cell","render","$slotDefault"],"sources":["../src/lib/beanControllerTableBase.ts","../src/component/table/controller.tsx","../src/component/table/render.tsx","../src/.metadata/component/table.ts","../src/config/config.ts","../src/.metadata/index.ts","../src/lib/beanControllerPageTableBase.ts","../src/lib/tableCell.ts"],"sourcesContent":["import { useVueTable } from '@tanstack/vue-table';\nimport { markRaw } from 'vue';\nimport { BeanControllerBase } from 'zova';\nexport class BeanControllerTableBase extends BeanControllerBase {\n  constructor(...args) {\n    super(...args);\n    this.table = void 0;\n  }\n  $useTable(initialOptions) {\n    return this.ctx.util.instanceScope(() => {\n      return markRaw(useVueTable(initialOptions));\n    });\n  }\n  async refreshMeta() {\n    throw new Error('should implement refreshMeta');\n  }\n}","import type {\n  IResourceTableActionRowOptionsBase,\n  ISchemaObjectExtensionField,\n  ISchemaObjectExtensionFieldRest,\n  TypeTableCellRenderComponent,\n  TypeTableCellRenderComponentProvider,\n} from 'zova-module-a-openapi';\n\nimport { celEnvBase, isNilOrEmptyString } from '@cabloy/utils';\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  Row,\n  TableOptionsWithReactiveData,\n} from '@tanstack/vue-table';\nimport { SchemaObject } from 'openapi3-ts/oas31';\nimport { VNode } from 'vue';\nimport {\n  appResource,\n  beanFullNameFromOnionName,\n  cast,\n  deepEqual,\n  deepExtend,\n  objectAssignReactive,\n} from 'zova';\nimport { isJsxComponent, ZovaJsx } from 'zova-jsx';\nimport { Controller } from 'zova-module-a-bean';\n\nimport type { ITableMeta, TypeColumn, TypeTableGetColumns } from '../../types/table.js';\nimport type {\n  IDecoratorTableCellOptions,\n  IJsxRenderContextTableCell,\n  ITableCellRender,\n} from '../../types/tableCell.js';\nimport type {\n  IJsxRenderContextTableColumn,\n  ITableCellRenderColumnProps,\n  ITableCellScope,\n  ITableColumnScope,\n  ITableScope,\n  TypeTableCellRender,\n} from '../../types/tableColumn.js';\n\nimport { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';\nimport { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';\n\nexport interface ControllerTableProps<TData extends {} = {}> {\n  data?: TData[];\n  schema?: SchemaObject;\n  tableScope?: ITableScope;\n  getColumns?: TypeTableGetColumns<TData>;\n  slotDefault?: (table: ControllerTable<TData>) => VNode;\n  getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;\n}\n\n@Controller()\nexport class ControllerTable<TData extends {} = {}> extends BeanControllerTableBase<TData> {\n  static $propsDefault = {};\n\n  // table: TypeTable<TData>; // in BeanControllerTableBase\n\n  properties: ISchemaObjectExtensionField[] | undefined;\n  columns: TypeColumn<TData>[];\n  tableMeta: ITableMeta<TData>;\n  zovaJsx: ZovaJsx;\n  columnCelEnv: typeof celEnvBase;\n\n  protected async __init__() {\n    this.bean._setBean('$$table', this);\n    // jsx\n    this.columnCelEnv = this._getColumnCelEnv();\n    this.zovaJsx = this.bean._newBeanSimple(ZovaJsx, false, undefined, this.columnCelEnv);\n    // properties\n    this._createProperties();\n    // tableMeta/columns\n    await this.refreshMeta();\n    // watch\n    this.$watch(\n      () => this.$props.schema,\n      async (newValue, oldValue) => {\n        if (deepEqual(newValue, oldValue)) return;\n        await this.refreshMeta();\n      },\n    );\n    // table\n    this._createTable();\n  }\n\n  public get schema() {\n    return this.$props.schema;\n  }\n\n  public get data() {\n    return this.$props.data;\n  }\n\n  public async refreshMeta() {\n    this.tableMeta = await this._createTableMeta();\n    this.columns = await this._createColumns();\n  }\n\n  private _createTable() {\n    // eslint-disable-next-line\n    const self = this;\n    const tableOptions: TableOptionsWithReactiveData<TData> = {\n      getRowId: this.$props.getRowId ?? ((originalRow: TData) => cast(originalRow).id),\n      getCoreRowModel: getCoreRowModel(),\n      renderFallbackValue: this.scope.config.renderFallbackValue,\n      manualPagination: true,\n      get data() {\n        return self.data || [];\n      },\n      get columns() {\n        return self.columns;\n      },\n    };\n    this.table = this.$useTable(tableOptions);\n  }\n\n  private async _createColumns() {\n    if (!this.properties) return [];\n    if (!this.$props.getColumns) return await this._createColumnsMiddle(this.tableMeta.properties);\n    return await this.$props.getColumns(\n      async properties => {\n        return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);\n      },\n      async (\n        key: string,\n        render: TypeTableCellRenderComponent,\n      ): Promise<TypeTableCellRender<TData, any> | undefined> => {\n        // columnScope\n        const columnScope = this.getColumnScope(key);\n        // renderContext\n        const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);\n        // columnProps\n        const { visible, columnProps } = this.getColumnComponentPropsTop(\n          key,\n          columnScope,\n          jsxRenderContext,\n        );\n        // visible\n        if (visible === false) return;\n        return await this._createColumnRender(render, columnProps, columnScope, jsxRenderContext);\n      },\n      this,\n    );\n  }\n\n  private async _createColumnsMiddle(\n    properties: ISchemaObjectExtensionField[],\n  ): Promise<TypeColumn<TData>[]> {\n    const tableMeta = this.tableMeta;\n    const columnHelper = createColumnHelper<TData>();\n    const columns: TypeColumn<TData>[] = [];\n    for (const property of properties) {\n      const key = property.key!;\n      columns.push(\n        columnHelper.accessor(key as any, {\n          id: key,\n          header: _props => {\n            return property?.title || key;\n          },\n          cell: props => tableMeta.renders[key](props),\n        }),\n      );\n    }\n    return columns;\n  }\n\n  private _createProperties() {\n    this.properties = this.$computed(() => {\n      return this.$sdk.loadSchemaProperties(this.schema, 'table');\n    });\n  }\n\n  private async _createTableMeta() {\n    let properties: ISchemaObjectExtensionField[] = [];\n    const renders: Record<string, TypeTableCellRender<TData>> = {};\n    if (!this.properties) return { properties, renders };\n    const promises: Promise<any>[] = [];\n    for (const property of this.properties) {\n      const key = property.key!;\n      // columnScope\n      const columnScope = this.getColumnScope(key);\n      // renderContext\n      const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);\n      // columnProps\n      const { visible, render, columnProps } = this.getColumnComponentPropsTop(\n        key,\n        columnScope,\n        jsxRenderContext,\n      );\n      // visible\n      if (visible === false) continue;\n      // property\n      properties.push(property);\n      // render\n      promises.push(this._createColumnRender(render, columnProps, columnScope, jsxRenderContext));\n    }\n    let res = await Promise.all(promises);\n    properties = properties.filter((_item, index) => !!res[index]);\n    res = res.filter(item => !!item);\n    properties.forEach((item, index) => {\n      renders[item.key!] = res[index];\n    });\n    return { properties, renders };\n  }\n\n  public getColumnJsxRenderContext(celScope: ITableColumnScope): IJsxRenderContextTableColumn {\n    return {\n      app: this.app,\n      ctx: this.ctx,\n      $scene: 'tableColumn',\n      $host: this,\n      $celScope: celScope,\n      $jsx: this.zovaJsx,\n      $$table: this,\n    };\n  }\n\n  public getCellJsxRenderContext(\n    celScope: ITableCellScope,\n    cellContext: CellContext<TData, any>,\n  ): IJsxRenderContextTableCell {\n    return {\n      app: this.app,\n      ctx: this.ctx,\n      $scene: 'tableCell',\n      $host: this,\n      $celScope: celScope,\n      $jsx: this.zovaJsx,\n      $$table: this,\n      cellContext,\n    };\n  }\n\n  public async cellRenderPrepare(\n    renders: TypeTableCellRenderComponent | TypeTableCellRenderComponent[],\n  ) {\n    if (!Array.isArray(renders)) renders = [renders];\n    const renderProviders = renders.map(item => this.getRenderProvider(item));\n    const promises: Promise<any>[] = renderProviders.map(renderProvider =>\n      (async () => {\n        if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n          return await this.app.bean._getBean(renderProvider as any, true);\n        }\n      })(),\n    );\n    return await Promise.all(promises);\n  }\n\n  private async _createColumnRender(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope,\n    renderContext: IJsxRenderContextTableColumn,\n  ): Promise<TypeTableCellRender<TData, any> | undefined> {\n    // renderProvider\n    const renderProvider = this.getRenderProvider(render);\n    // beanInstance\n    let beanInstance: ITableCellRender | undefined;\n    if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n      beanInstance = await this.app.bean._getBean(renderProvider as any, true);\n      const beanOptions = appResource.getBean(renderProvider as any);\n      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;\n      columnProps = deepExtend({}, onionOptions, columnProps);\n      // should not eval jsx columnProps\n      // columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, columnScope, renderContext) as any;\n      if (\n        beanInstance?.checkVisible &&\n        !(await beanInstance.checkVisible(columnProps as any, renderContext))\n      ) {\n        return;\n      }\n    }\n    return cellContext => {\n      if (!cellContext) return;\n      return this._cellRender(\n        render,\n        columnProps,\n        columnScope,\n        cellContext,\n        renderProvider,\n        beanInstance,\n        undefined,\n        undefined,\n        undefined,\n      );\n    };\n  }\n\n  public cellRender(\n    render: TypeTableCellRenderComponent,\n    columnProps: IResourceTableActionRowOptionsBase,\n    renderContext: IJsxRenderContextTableCell,\n  ) {\n    // render\n    const cellScope = renderContext.$celScope;\n    // renderProvider\n    const renderProvider = this.getRenderProvider(render);\n    // beanInstance\n    let beanInstance: ITableCellRender | undefined;\n    if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n      beanInstance = this.app.bean._getBeanSyncOnly(renderProvider as any);\n      const beanOptions = appResource.getBean(renderProvider as any);\n      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;\n      columnProps = deepExtend({}, onionOptions, columnProps);\n      // should not eval jsx columnProps\n      // columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, renderContext.$celScope, renderContext) as any;\n    }\n    // const cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;\n    const cellProps = columnProps;\n    return this._cellRender(\n      render,\n      columnProps as ITableCellRenderColumnProps,\n      undefined,\n      renderContext.cellContext,\n      renderProvider,\n      beanInstance,\n      cellProps,\n      cellScope,\n      renderContext,\n    );\n  }\n\n  private _cellRender(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope | undefined,\n    cellContext: CellContext<TData, any>,\n    renderProvider: TypeTableCellRenderComponentProvider,\n    beanInstance: ITableCellRender | undefined,\n    cellProps: any | undefined,\n    cellScope: ITableCellScope | undefined,\n    jsxRenderContext: IJsxRenderContextTableCell | undefined,\n  ) {\n    return this.zovaJsx.setTransientObject(\n      {\n        getValue: (name: string) => {\n          return cellContext.row.getValue(name);\n        },\n      },\n      () => {\n        return this._cellRenderInner(\n          render,\n          columnProps,\n          columnScope,\n          cellContext,\n          renderProvider,\n          beanInstance,\n          cellProps,\n          cellScope,\n          jsxRenderContext,\n        );\n      },\n    );\n  }\n\n  private _cellRenderInner(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope | undefined,\n    cellContext: CellContext<TData, any>,\n    renderProvider: TypeTableCellRenderComponentProvider,\n    beanInstance: ITableCellRender | undefined,\n    cellProps: any | undefined,\n    cellScope: ITableCellScope | undefined,\n    jsxRenderContext: IJsxRenderContextTableCell | undefined,\n  ) {\n    // value\n    const value = cellContext.getValue();\n    // renderFallbackValue\n    const fallbackValue = this.table.options.renderFallbackValue;\n    // cellScope\n    if (!cellScope) {\n      cellScope = objectAssignReactive({}, columnScope, { value, fallbackValue })!;\n    }\n    // render: text\n    if (renderProvider === ('text' as TypeTableCellRenderComponent)) {\n      return isNilOrEmptyString(value) ? fallbackValue : value;\n    }\n    // renderContext\n    if (!jsxRenderContext) {\n      jsxRenderContext = this.getCellJsxRenderContext(cellScope, cellContext);\n    }\n    // beanInstance\n    if (beanInstance) {\n      // jsx: props\n      if (!cellProps) {\n        // cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;\n        cellProps = columnProps;\n      }\n      const cellProps2 = this.zovaJsx.renderJsxProps(\n        cellProps,\n        {},\n        cellScope,\n        jsxRenderContext,\n      ) as any;\n      if (cellProps2.class || cellProps2.style) {\n        cellProps2.class = jsxRenderContext.$host.$cssMerge(\n          cellProps2.class,\n          jsxRenderContext.$host.$style(cellProps2.style),\n        );\n        delete cellProps2.style;\n      }\n      return beanInstance.render(cellProps2, jsxRenderContext, () => {\n        const children = isJsxComponent(render) && cast(render).children;\n        if (children && children.length > 0) {\n          return this.zovaJsx.renderJsxChildrenDirect(children, cellScope, jsxRenderContext);\n        } else {\n          return value;\n        }\n      });\n    }\n    // general component\n    return this.zovaJsx.render(render!, {}, cellScope, jsxRenderContext);\n  }\n\n  public getColumnProperty(name: string): ISchemaObjectExtensionField | undefined {\n    if (!this.properties) return;\n    return this.properties.find(item => item.key === name);\n  }\n\n  private _getColumnCelEnv(): typeof celEnvBase {\n    const celEnv = celEnvBase.clone();\n    celEnv.registerFunction('getProperty(string):dyn', name => {\n      return this.getColumnProperty(name);\n    });\n    celEnv.registerFunction('getValue(string):dyn', name => {\n      return this.zovaJsx.transientObject.getValue(name) ?? null;\n    });\n    celEnv.registerFunction('getValue(string, dyn):dyn', (name, defaultValue) => {\n      return this.zovaJsx.transientObject.getValue(name) ?? defaultValue;\n    });\n    return celEnv;\n  }\n\n  public getColumnScope(name: string, scopeExtra?: {}): ITableColumnScope {\n    return objectAssignReactive({}, this.$props.tableScope, {\n      name,\n      property: this.getColumnProperty(name),\n      ...scopeExtra,\n    });\n  }\n\n  public getColumnComponentPropsTop(\n    name: string,\n    celScope: {},\n    renderContext: {},\n  ): ITableCellRenderColumnOptions {\n    const property = this.getColumnProperty(name);\n    const rest = property?.rest;\n    return this._getColumnComponentPropsTopByRest(rest, name, celScope, renderContext);\n  }\n\n  private _getColumnComponentPropsTopByRest(\n    rest: ISchemaObjectExtensionFieldRest | undefined,\n    name: string,\n    celScope: {},\n    _renderContext: {},\n  ): ITableCellRenderColumnOptions {\n    const visible = this.zovaJsx.evaluateExpression(rest?.visible, celScope);\n    const render = rest?.render as TypeTableCellRenderComponent | undefined;\n    const columnProps = Object.assign({ key: name }, cast(rest)?.columnProps);\n    return { visible, render, columnProps };\n  }\n\n  // public getRenderFlattern(render: TypeTableCellRenderComponent): TypeTableCellRenderComponent {\n  //   return isJsxComponent(render) ? cast(render).type : render;\n  // }\n\n  public getRenderProvider(\n    render: TypeTableCellRenderComponent | undefined,\n  ): TypeTableCellRenderComponentProvider {\n    if (!render) return 'text';\n    if (typeof render === 'string' && render.includes(':')) {\n      return beanFullNameFromOnionName(render, 'tableCell');\n    }\n    return render;\n  }\n}\n","import { FlexRender } from '@tanstack/vue-table';\nimport { BeanRenderBase } from 'zova';\nimport { Render } from 'zova-module-a-bean';\n\n@Render()\nexport class RenderTable extends BeanRenderBase {\n  private _renderTableDefault() {\n    const table = this.table;\n    return (\n      <table class=\"table\">\n        <thead>\n          <tr>\n            {table.getFlatHeaders().map(header => {\n              return (\n                <th key={header.id}>\n                  <FlexRender\n                    render={header.column.columnDef.header}\n                    props={header.getContext()}\n                  ></FlexRender>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {table.getRowModel().rows.map(row => {\n            return (\n              <tr key={row.id}>\n                {row.getVisibleCells().map(cell => {\n                  return (\n                    <td key={cell.id}>\n                      <FlexRender\n                        render={cell.column.columnDef.cell}\n                        props={cell.getContext()}\n                      ></FlexRender>\n                    </td>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    );\n  }\n\n  public render() {\n    return this.$slotDefault ? this.$slotDefault(this) : this._renderTableDefault();\n  }\n}\n","import { defineComponent } from 'vue';\nimport { prepareComponentOptions, useController } from 'zova';\nimport { ControllerTable } from '../../component/table/controller.jsx';\nimport { RenderTable } from '../../component/table/render.jsx';\nexport const ZTable = defineComponent(_props => {\n  useController(ControllerTable, RenderTable, undefined);\n  return () => {};\n}, prepareComponentOptions());","export const config = _sys => {\n  return {\n    renderFallbackValue: '--'\n  };\n};","var _dec, _dec2, _class;\nimport { \"BeanInfo\" as __z_BeanInfo } from \"zova\";\n// eslint-disable\n/** controller: begin */\nexport * from '../component/table/controller.jsx';\nimport 'zova';\n/** controller: end */\n/** controller: begin */\nimport { ControllerTable } from '../component/table/controller.jsx';\nimport 'zova';\n/** controller: end */\n\n/** components: begin */\nexport * from './component/table.js';\nimport { ZTable } from './component/table.js';\nexport const components = {\n  'table': ZTable\n};\nimport 'zova';\n/** components: end */\n/** render: begin */\nexport * from '../component/table/render.jsx';\nimport 'zova';\n/** render: end */\n/** render: begin */\nimport { RenderTable } from '../component/table/render.jsx';\nimport 'zova';\n/** render: end */\n/** config: begin */\nexport * from '../config/config.js';\n/** config: end */\n/** scope: begin */\nimport { BeanScopeBase } from 'zova';\nimport { Scope } from 'zova-module-a-bean';\nexport let ScopeModuleATable = (_dec = Scope(), _dec2 = __z_BeanInfo({\n  module: \"a-table\"\n}), _dec(_class = _dec2(_class = class ScopeModuleATable extends BeanScopeBase {}) || _class) || _class);\nimport 'zova';\n\n/** scope: end */","import { useVueTable } from '@tanstack/vue-table';\nimport { markRaw } from 'vue';\nimport { BeanControllerPageBase } from 'zova';\nexport class BeanControllerPageTableBase extends BeanControllerPageBase {\n  constructor(...args) {\n    super(...args);\n    this.table = void 0;\n  }\n  $useTable(initialOptions) {\n    return this.ctx.util.instanceScope(() => {\n      return markRaw(useVueTable(initialOptions));\n    });\n  }\n  async refreshMeta() {\n    throw new Error('should implement refreshMeta');\n  }\n}","import { createBeanDecorator } from 'zova';\nexport function TableCell(options) {\n  return createBeanDecorator('tableCell', 'app', true, options);\n}"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["celEnvBase","isNilOrEmptyString","createColumnHelper","functionalUpdate","getCoreRowModel","appResource","beanFullNameFromOnionName","cast","deepEqual","deepExtend","objectAssignReactive","isJsxComponent","ZovaJsx","Controller","BeanControllerTableBase","TableColumnIdSelection","ControllerTable","_dec","_dec2","__z_BeanInfo","module","_class","_ControllerTable","constructor","args","properties","columns","tableMeta","zovaJsx","columnCelEnv","__init__","bean","_setBean","_getColumnCelEnv","_newBeanSimple","undefined","_createProperties","refreshMeta","$watch","$props","schema","newValue","oldValue","enableRowSelection","_createTable","data","sorting","rowSelection","_createTableMeta","_createColumns","table","setColumnPinning","_getColumnPinning","self","tableOptions","getRowId","originalRow","index","parent","_getRowId","renderFallbackValue","scope","config","manualPagination","manualSorting","enableMultiSort","enableSortingRemoval","row","_canSelectRow","state","onSortingChange","updater","slice","onRowSelectionChange","initialState","columnPinning","$useTable","getColumns","_createColumnsMiddle","key","render","columnScope","getColumnScope","jsxRenderContext","getColumnJsxRenderContext","visible","columnProps","getColumnComponentPropsTop","_createColumnRender","columnHelper","display","id","header","cell","size","enableSorting","meta","rest","fixed","width","align","property","push","accessor","_props","title","props","renders","_isOrderable","sortDescFirst","String","originalId","original","getParentRow","left","right","schemaOrder","keys","schemaKey","schemaKeys","some","Object","prototype","hasOwnProperty","call","$computed","$sdk","loadSchemaProperties","promises","res","Promise","all","filter","_item","item","forEach","celScope","app","ctx","$scene","$host","$celScope","$jsx","$$table","getCellJsxRenderContext","cellContext","cellRenderPrepare","Array","isArray","renderProviders","map","getRenderProvider","renderProvider","includes","_getBean","renderContext","beanInstance","beanOptions","getBean","onionOptions","options","checkVisible","_cellRender","cellRender","cellScope","_getBeanSyncOnly","cellProps","setTransientObject","getValue","name","_cellRenderInner","value","fallbackValue","cellProps2","renderJsxProps","class","style","$cssMerge","$style","children","length","renderJsxChildrenDirect","getColumnProperty","find","celEnv","clone","registerFunction","transientObject","defaultValue","scopeExtra","tableScope","_getColumnComponentPropsTopByRest","_renderContext","evaluateExpression","assign","$propsDefault","FlexRender","BeanRenderBase","Render","TableColumnIdSelection","RenderTable","_dec","_dec2","__z_BeanInfo","module","_class","_getColumnStyle","column","rest","columnDef","meta","fixed","getIsPinned","width","undefined","minWidth","textAlign","align","position","left","getStart","right","getAfter","zIndex","_renderTableDefault","table","_createVNode","getFlatHeaders","map","header","canSort","getCanSort","sorted","getIsSorted","headerDefinition","selection","id","headerContent","getIsAllPageRowsSelected","getIsSomePageRowsSelected","getRowModel","rows","every","row","getCanSelect","getToggleAllPageRowsSelectedHandler","getContext","sortAria","sortIcon","getToggleSortingHandler","getIsSelected","getVisibleCells","cell","getToggleSelectedHandler","render","$slotDefault"],"sources":["../src/lib/beanControllerTableBase.ts","../src/types/table.ts","../src/component/table/controller.tsx","../src/component/table/render.tsx","../src/.metadata/component/table.ts","../src/config/config.ts","../src/.metadata/index.ts","../src/lib/beanControllerPageTableBase.ts","../src/lib/tableCell.ts"],"sourcesContent":["import { useVueTable } from '@tanstack/vue-table';\nimport { markRaw } from 'vue';\nimport { BeanControllerBase } from 'zova';\nexport class BeanControllerTableBase extends BeanControllerBase {\n  constructor(...args) {\n    super(...args);\n    this.table = void 0;\n  }\n  $useTable(initialOptions) {\n    return this.ctx.util.instanceScope(() => {\n      return markRaw(useVueTable(initialOptions));\n    });\n  }\n  async refreshMeta() {\n    throw new Error('should implement refreshMeta');\n  }\n}","export const TableColumnIdSelection = '$$selection';","import type {\n  IResourceTableActionRowOptionsBase,\n  ISchemaObjectExtensionField,\n  ISchemaObjectExtensionFieldRest,\n  TypeTableCellRenderComponent,\n  TypeTableCellRenderComponentProvider,\n} from 'zova-module-a-openapi';\n\nimport { celEnvBase, isNilOrEmptyString } from '@cabloy/utils';\nimport {\n  CellContext,\n  createColumnHelper,\n  functionalUpdate,\n  getCoreRowModel,\n  OnChangeFn,\n  Row,\n  RowSelectionState,\n  SortingState,\n  TableOptionsWithReactiveData,\n} from '@tanstack/vue-table';\nimport { SchemaObject } from 'openapi3-ts/oas31';\nimport { VNode } from 'vue';\nimport {\n  appResource,\n  beanFullNameFromOnionName,\n  cast,\n  deepEqual,\n  deepExtend,\n  objectAssignReactive,\n} from 'zova';\nimport { isJsxComponent, ZovaJsx } from 'zova-jsx';\nimport { Controller } from 'zova-module-a-bean';\n\nimport type { ITableMeta, TypeColumn, TypeTableGetColumns } from '../../types/table.js';\nimport type {\n  IDecoratorTableCellOptions,\n  IJsxRenderContextTableCell,\n  ITableCellRender,\n} from '../../types/tableCell.js';\nimport type {\n  IJsxRenderContextTableColumn,\n  ITableCellRenderColumnProps,\n  ITableCellScope,\n  ITableColumnScope,\n  ITableScope,\n  TypeTableCellRender,\n} from '../../types/tableColumn.js';\n\nimport { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';\nimport { TableColumnIdSelection } from '../../types/table.js';\nimport { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';\n\nexport interface ControllerTableProps<TData extends {} = {}> {\n  data?: TData[];\n  schema?: SchemaObject;\n  schemaOrder?: SchemaObject;\n  sorting?: SortingState;\n  onSortingChange?: OnChangeFn<SortingState>;\n  enableRowSelection?: boolean | ((row: Row<TData>) => boolean);\n  rowSelection?: RowSelectionState;\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>;\n  tableScope?: ITableScope;\n  getColumns?: TypeTableGetColumns<TData>;\n  slotDefault?: (table: ControllerTable<TData>) => VNode;\n  getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;\n}\n\n@Controller()\nexport class ControllerTable<TData extends {} = {}> extends BeanControllerTableBase<TData> {\n  static $propsDefault = {};\n\n  // table: TypeTable<TData>; // in BeanControllerTableBase\n\n  properties: ISchemaObjectExtensionField[] | undefined;\n  columns: TypeColumn<TData>[];\n  tableMeta: ITableMeta<TData>;\n  zovaJsx: ZovaJsx;\n  columnCelEnv: typeof celEnvBase;\n\n  protected async __init__() {\n    this.bean._setBean('$$table', this);\n    // jsx\n    this.columnCelEnv = this._getColumnCelEnv();\n    this.zovaJsx = this.bean._newBeanSimple(ZovaJsx, false, undefined, this.columnCelEnv);\n    // properties\n    this._createProperties();\n    // tableMeta/columns\n    await this.refreshMeta();\n    // watch\n    this.$watch(\n      () => this.$props.schema,\n      async (newValue, oldValue) => {\n        if (deepEqual(newValue, oldValue)) return;\n        await this.refreshMeta();\n      },\n    );\n    this.$watch(\n      () => this.$props.enableRowSelection,\n      async (newValue, oldValue) => {\n        if (newValue === oldValue) return;\n        await this.refreshMeta();\n      },\n    );\n    // table\n    this._createTable();\n  }\n\n  public get schema() {\n    return this.$props.schema;\n  }\n\n  public get data() {\n    return this.$props.data;\n  }\n\n  public get sorting() {\n    return this.$props.sorting ?? [];\n  }\n\n  public get rowSelection() {\n    return this.$props.rowSelection ?? {};\n  }\n\n  public async refreshMeta() {\n    this.tableMeta = await this._createTableMeta();\n    this.columns = await this._createColumns();\n    this.table?.setColumnPinning(this._getColumnPinning());\n  }\n\n  private _createTable() {\n    // eslint-disable-next-line\n    const self = this;\n    const tableOptions: TableOptionsWithReactiveData<TData> = {\n      getRowId: (originalRow, index, parent) => this._getRowId(originalRow, index, parent),\n      getCoreRowModel: getCoreRowModel(),\n      renderFallbackValue: this.scope.config.renderFallbackValue,\n      manualPagination: true,\n      manualSorting: true,\n      enableMultiSort: false,\n      enableSortingRemoval: false,\n      enableRowSelection: row => self._canSelectRow(row),\n      state: {\n        get sorting() {\n          return self.sorting;\n        },\n        get rowSelection() {\n          return self.rowSelection;\n        },\n      },\n      onSortingChange: updater => {\n        const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);\n        self.$props.onSortingChange?.(sorting);\n      },\n      onRowSelectionChange: updater => {\n        const rowSelection = functionalUpdate(updater, self.rowSelection);\n        self.$props.onRowSelectionChange?.(rowSelection);\n      },\n      get initialState() {\n        const columnPinning = self._getColumnPinning();\n        return { columnPinning };\n      },\n      get data() {\n        return self.data || [];\n      },\n      get columns() {\n        return self.columns;\n      },\n    };\n    this.table = this.$useTable(tableOptions);\n    this.table.setColumnPinning(this._getColumnPinning());\n  }\n\n  private async _createColumns() {\n    if (!this.properties) return [];\n    const columns = !this.$props.getColumns\n      ? await this._createColumnsMiddle(this.tableMeta.properties)\n      : await this.$props.getColumns(\n          async properties => {\n            return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);\n          },\n          async (\n            key: string,\n            render: TypeTableCellRenderComponent,\n          ): Promise<TypeTableCellRender<TData, any> | undefined> => {\n            // columnScope\n            const columnScope = this.getColumnScope(key);\n            // renderContext\n            const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);\n            // columnProps\n            const { visible, columnProps } = this.getColumnComponentPropsTop(\n              key,\n              columnScope,\n              jsxRenderContext,\n            );\n            // visible\n            if (visible === false) return;\n            return await this._createColumnRender(\n              render,\n              columnProps,\n              columnScope,\n              jsxRenderContext,\n            );\n          },\n          this,\n        );\n    if (!this.$props.enableRowSelection) return columns;\n    const columnHelper = createColumnHelper<TData>();\n    return [\n      columnHelper.display({\n        id: TableColumnIdSelection,\n        header: '',\n        cell: '',\n        size: 48,\n        enableSorting: false,\n        meta: { rest: { fixed: 'left', width: 48, align: 'center' } },\n      }),\n      ...columns,\n    ];\n  }\n\n  private async _createColumnsMiddle(\n    properties: ISchemaObjectExtensionField[],\n  ): Promise<TypeColumn<TData>[]> {\n    const tableMeta = this.tableMeta;\n    const columnHelper = createColumnHelper<TData>();\n    const columns: TypeColumn<TData>[] = [];\n    for (const property of properties) {\n      const key = property.key!;\n      columns.push(\n        columnHelper.accessor(key as any, {\n          id: key,\n          header: _props => {\n            return property?.title || key;\n          },\n          cell: props => tableMeta.renders[key](props),\n          size: property.rest?.width,\n          enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),\n          sortDescFirst: property.rest?.sortDescFirst === true,\n          meta: { rest: property.rest },\n        }),\n      );\n    }\n    return columns;\n  }\n\n  private _getRowId(originalRow: TData, index: number, parent?: Row<TData>) {\n    const id = this.$props.getRowId?.(originalRow, index, parent) ?? cast(originalRow).id;\n    if (isNilOrEmptyString(id)) {\n      return `__unselectable_${parent ? `${parent.id}.` : ''}${index}`;\n    }\n    return String(id);\n  }\n\n  private _canSelectRow(row: Row<TData>) {\n    const enableRowSelection = this.$props.enableRowSelection;\n    if (!enableRowSelection) return false;\n    const originalId =\n      this.$props.getRowId?.(row.original, row.index, row.getParentRow()) ?? cast(row.original).id;\n    if (isNilOrEmptyString(originalId)) return false;\n    return typeof enableRowSelection === 'function' ? enableRowSelection(row) : true;\n  }\n\n  private _getColumnPinning() {\n    const left: string[] = this.$props.enableRowSelection ? [TableColumnIdSelection] : [];\n    const right: string[] = [];\n    for (const property of this.tableMeta?.properties ?? []) {\n      const fixed = property.rest?.fixed;\n      if (fixed === 'left') left.push(property.key!);\n      if (fixed === 'right') right.push(property.key!);\n    }\n    return { left, right };\n  }\n\n  private _isOrderable(property: ISchemaObjectExtensionField) {\n    const properties = this.$props.schemaOrder?.properties;\n    if (!properties) return false;\n    const keys = [property.key, property.schemaKey, ...(property.schemaKeys ?? [])];\n    return keys.some(key => key && Object.prototype.hasOwnProperty.call(properties, key));\n  }\n\n  private _createProperties() {\n    this.properties = this.$computed(() => {\n      return this.$sdk.loadSchemaProperties(this.schema, 'table');\n    });\n  }\n\n  private async _createTableMeta() {\n    let properties: ISchemaObjectExtensionField[] = [];\n    const renders: Record<string, TypeTableCellRender<TData>> = {};\n    if (!this.properties) return { properties, renders };\n    const promises: Promise<any>[] = [];\n    for (const property of this.properties) {\n      const key = property.key!;\n      // columnScope\n      const columnScope = this.getColumnScope(key);\n      // renderContext\n      const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);\n      // columnProps\n      const { visible, render, columnProps } = this.getColumnComponentPropsTop(\n        key,\n        columnScope,\n        jsxRenderContext,\n      );\n      // visible\n      if (visible === false) continue;\n      // property\n      properties.push(property);\n      // render\n      promises.push(this._createColumnRender(render, columnProps, columnScope, jsxRenderContext));\n    }\n    let res = await Promise.all(promises);\n    properties = properties.filter((_item, index) => !!res[index]);\n    res = res.filter(item => !!item);\n    properties.forEach((item, index) => {\n      renders[item.key!] = res[index];\n    });\n    return { properties, renders };\n  }\n\n  public getColumnJsxRenderContext(celScope: ITableColumnScope): IJsxRenderContextTableColumn {\n    return {\n      app: this.app,\n      ctx: this.ctx,\n      $scene: 'tableColumn',\n      $host: this,\n      $celScope: celScope,\n      $jsx: this.zovaJsx,\n      $$table: this,\n    };\n  }\n\n  public getCellJsxRenderContext(\n    celScope: ITableCellScope,\n    cellContext: CellContext<TData, any>,\n  ): IJsxRenderContextTableCell {\n    return {\n      app: this.app,\n      ctx: this.ctx,\n      $scene: 'tableCell',\n      $host: this,\n      $celScope: celScope,\n      $jsx: this.zovaJsx,\n      $$table: this,\n      cellContext,\n    };\n  }\n\n  public async cellRenderPrepare(\n    renders: TypeTableCellRenderComponent | TypeTableCellRenderComponent[],\n  ) {\n    if (!Array.isArray(renders)) renders = [renders];\n    const renderProviders = renders.map(item => this.getRenderProvider(item));\n    const promises: Promise<any>[] = renderProviders.map(renderProvider =>\n      (async () => {\n        if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n          return await this.app.bean._getBean(renderProvider as any, true);\n        }\n      })(),\n    );\n    return await Promise.all(promises);\n  }\n\n  private async _createColumnRender(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope,\n    renderContext: IJsxRenderContextTableColumn,\n  ): Promise<TypeTableCellRender<TData, any> | undefined> {\n    // renderProvider\n    const renderProvider = this.getRenderProvider(render);\n    // beanInstance\n    let beanInstance: ITableCellRender | undefined;\n    if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n      beanInstance = await this.app.bean._getBean(renderProvider as any, true);\n      const beanOptions = appResource.getBean(renderProvider as any);\n      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;\n      columnProps = deepExtend({}, onionOptions, columnProps);\n      // should not eval jsx columnProps\n      // columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, columnScope, renderContext) as any;\n      if (\n        beanInstance?.checkVisible &&\n        !(await beanInstance.checkVisible(columnProps as any, renderContext))\n      ) {\n        return;\n      }\n    }\n    return cellContext => {\n      if (!cellContext) return;\n      return this._cellRender(\n        render,\n        columnProps,\n        columnScope,\n        cellContext,\n        renderProvider,\n        beanInstance,\n        undefined,\n        undefined,\n        undefined,\n      );\n    };\n  }\n\n  public cellRender(\n    render: TypeTableCellRenderComponent,\n    columnProps: IResourceTableActionRowOptionsBase,\n    renderContext: IJsxRenderContextTableCell,\n  ) {\n    // render\n    const cellScope = renderContext.$celScope;\n    // renderProvider\n    const renderProvider = this.getRenderProvider(render);\n    // beanInstance\n    let beanInstance: ITableCellRender | undefined;\n    if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {\n      beanInstance = this.app.bean._getBeanSyncOnly(renderProvider as any);\n      const beanOptions = appResource.getBean(renderProvider as any);\n      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;\n      columnProps = deepExtend({}, onionOptions, columnProps);\n      // should not eval jsx columnProps\n      // columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, renderContext.$celScope, renderContext) as any;\n    }\n    // const cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;\n    const cellProps = columnProps;\n    return this._cellRender(\n      render,\n      columnProps as ITableCellRenderColumnProps,\n      undefined,\n      renderContext.cellContext,\n      renderProvider,\n      beanInstance,\n      cellProps,\n      cellScope,\n      renderContext,\n    );\n  }\n\n  private _cellRender(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope | undefined,\n    cellContext: CellContext<TData, any>,\n    renderProvider: TypeTableCellRenderComponentProvider,\n    beanInstance: ITableCellRender | undefined,\n    cellProps: any | undefined,\n    cellScope: ITableCellScope | undefined,\n    jsxRenderContext: IJsxRenderContextTableCell | undefined,\n  ) {\n    return this.zovaJsx.setTransientObject(\n      {\n        getValue: (name: string) => {\n          return cellContext.row.getValue(name);\n        },\n      },\n      () => {\n        return this._cellRenderInner(\n          render,\n          columnProps,\n          columnScope,\n          cellContext,\n          renderProvider,\n          beanInstance,\n          cellProps,\n          cellScope,\n          jsxRenderContext,\n        );\n      },\n    );\n  }\n\n  private _cellRenderInner(\n    render: TypeTableCellRenderComponent | undefined,\n    columnProps: ITableCellRenderColumnProps | undefined,\n    columnScope: ITableColumnScope | undefined,\n    cellContext: CellContext<TData, any>,\n    renderProvider: TypeTableCellRenderComponentProvider,\n    beanInstance: ITableCellRender | undefined,\n    cellProps: any | undefined,\n    cellScope: ITableCellScope | undefined,\n    jsxRenderContext: IJsxRenderContextTableCell | undefined,\n  ) {\n    // value\n    const value = cellContext.getValue();\n    // renderFallbackValue\n    const fallbackValue = this.table.options.renderFallbackValue;\n    // cellScope\n    if (!cellScope) {\n      cellScope = objectAssignReactive({}, columnScope, { value, fallbackValue })!;\n    }\n    // render: text\n    if (renderProvider === ('text' as TypeTableCellRenderComponent)) {\n      return isNilOrEmptyString(value) ? fallbackValue : value;\n    }\n    // renderContext\n    if (!jsxRenderContext) {\n      jsxRenderContext = this.getCellJsxRenderContext(cellScope, cellContext);\n    }\n    // beanInstance\n    if (beanInstance) {\n      // jsx: props\n      if (!cellProps) {\n        // cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;\n        cellProps = columnProps;\n      }\n      const cellProps2 = this.zovaJsx.renderJsxProps(\n        cellProps,\n        {},\n        cellScope,\n        jsxRenderContext,\n      ) as any;\n      if (cellProps2.class || cellProps2.style) {\n        cellProps2.class = jsxRenderContext.$host.$cssMerge(\n          cellProps2.class,\n          jsxRenderContext.$host.$style(cellProps2.style),\n        );\n        delete cellProps2.style;\n      }\n      return beanInstance.render(cellProps2, jsxRenderContext, () => {\n        const children = isJsxComponent(render) && cast(render).children;\n        if (children && children.length > 0) {\n          return this.zovaJsx.renderJsxChildrenDirect(children, cellScope, jsxRenderContext);\n        } else {\n          return value;\n        }\n      });\n    }\n    // general component\n    return this.zovaJsx.render(render!, {}, cellScope, jsxRenderContext);\n  }\n\n  public getColumnProperty(name: string): ISchemaObjectExtensionField | undefined {\n    if (!this.properties) return;\n    return this.properties.find(item => item.key === name);\n  }\n\n  private _getColumnCelEnv(): typeof celEnvBase {\n    const celEnv = celEnvBase.clone();\n    celEnv.registerFunction('getProperty(string):dyn', name => {\n      return this.getColumnProperty(name);\n    });\n    celEnv.registerFunction('getValue(string):dyn', name => {\n      return this.zovaJsx.transientObject.getValue(name) ?? null;\n    });\n    celEnv.registerFunction('getValue(string, dyn):dyn', (name, defaultValue) => {\n      return this.zovaJsx.transientObject.getValue(name) ?? defaultValue;\n    });\n    return celEnv;\n  }\n\n  public getColumnScope(name: string, scopeExtra?: {}): ITableColumnScope {\n    return objectAssignReactive({}, this.$props.tableScope, {\n      name,\n      property: this.getColumnProperty(name),\n      ...scopeExtra,\n    });\n  }\n\n  public getColumnComponentPropsTop(\n    name: string,\n    celScope: {},\n    renderContext: {},\n  ): ITableCellRenderColumnOptions {\n    const property = this.getColumnProperty(name);\n    const rest = property?.rest;\n    return this._getColumnComponentPropsTopByRest(rest, name, celScope, renderContext);\n  }\n\n  private _getColumnComponentPropsTopByRest(\n    rest: ISchemaObjectExtensionFieldRest | undefined,\n    name: string,\n    celScope: {},\n    _renderContext: {},\n  ): ITableCellRenderColumnOptions {\n    const visible = this.zovaJsx.evaluateExpression(rest?.visible, celScope);\n    const render = rest?.render as TypeTableCellRenderComponent | undefined;\n    const columnProps = Object.assign({ key: name }, cast(rest)?.columnProps);\n    return { visible, render, columnProps };\n  }\n\n  // public getRenderFlattern(render: TypeTableCellRenderComponent): TypeTableCellRenderComponent {\n  //   return isJsxComponent(render) ? cast(render).type : render;\n  // }\n\n  public getRenderProvider(\n    render: TypeTableCellRenderComponent | undefined,\n  ): TypeTableCellRenderComponentProvider {\n    if (!render) return 'text';\n    if (typeof render === 'string' && render.includes(':')) {\n      return beanFullNameFromOnionName(render, 'tableCell');\n    }\n    return render;\n  }\n}\n","import type { AriaAttributes, CSSProperties } from 'vue';\n\nimport { FlexRender } from '@tanstack/vue-table';\nimport { BeanRenderBase } from 'zova';\nimport { Render } from 'zova-module-a-bean';\n\nimport { TableColumnIdSelection } from '../../types/table.js';\n\n@Render()\nexport class RenderTable extends BeanRenderBase {\n  private _getColumnStyle(column: any): CSSProperties {\n    const rest = (column.columnDef.meta as any)?.rest;\n    const fixed = column.getIsPinned();\n    const width = rest?.width ? `${rest.width}px` : undefined;\n    return {\n      width,\n      minWidth: width,\n      textAlign: rest?.align,\n      position: fixed ? ('sticky' as const) : undefined,\n      left: fixed === 'left' ? `${column.getStart('left')}px` : undefined,\n      right: fixed === 'right' ? `${column.getAfter('right')}px` : undefined,\n      zIndex: fixed ? 1 : undefined,\n    };\n  }\n\n  private _renderTableDefault() {\n    const table = this.table;\n    return (\n      <table class=\"table\">\n        <thead>\n          <tr>\n            {table.getFlatHeaders().map(header => {\n              const column = header.column;\n              const canSort = column.getCanSort();\n              const sorted = column.getIsSorted();\n              const fixed = column.getIsPinned();\n              const headerDefinition = column.columnDef.header;\n              const selection = column.id === TableColumnIdSelection;\n              const headerContent = selection ? (\n                <input\n                  type=\"checkbox\"\n                  checked={table.getIsAllPageRowsSelected()}\n                  indeterminate={table.getIsSomePageRowsSelected()}\n                  aria-checked={table.getIsSomePageRowsSelected() ? 'mixed' : undefined}\n                  aria-label=\"Select all rows on this page\"\n                  disabled={table.getRowModel().rows.every(row => !row.getCanSelect())}\n                  onChange={table.getToggleAllPageRowsSelectedHandler()}\n                />\n              ) : (\n                <FlexRender render={headerDefinition} props={header.getContext()}></FlexRender>\n              );\n              let sortAria: AriaAttributes['aria-sort'] = 'none';\n              let sortIcon: '▲' | '▼' | '↕' = '↕';\n              if (sorted === 'asc') {\n                sortAria = 'ascending';\n                sortIcon = '▲';\n              } else if (sorted === 'desc') {\n                sortAria = 'descending';\n                sortIcon = '▼';\n              }\n              return (\n                <th\n                  key={header.id}\n                  class={fixed ? 'bg-base-100' : undefined}\n                  style={this._getColumnStyle(column)}\n                  aria-sort={sortAria}\n                >\n                  {canSort ? (\n                    <button\n                      type=\"button\"\n                      class=\"inline-flex w-full items-center gap-1\"\n                      onClick={column.getToggleSortingHandler()}\n                      aria-label={`Sort by ${column.id}`}\n                    >\n                      {headerContent}\n                      <span aria-hidden=\"true\">{sortIcon}</span>\n                    </button>\n                  ) : (\n                    headerContent\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {table.getRowModel().rows.map(row => {\n            return (\n              <tr key={row.id} aria-selected={row.getIsSelected()}>\n                {row.getVisibleCells().map(cell => {\n                  const column = cell.column;\n                  const selection = column.id === TableColumnIdSelection;\n                  return (\n                    <td\n                      key={cell.id}\n                      class={column.getIsPinned() ? 'bg-base-100' : undefined}\n                      style={this._getColumnStyle(column)}\n                    >\n                      {selection ? (\n                        <input\n                          type=\"checkbox\"\n                          checked={row.getIsSelected()}\n                          disabled={!row.getCanSelect()}\n                          aria-label={`Select row ${row.id}`}\n                          onChange={row.getToggleSelectedHandler()}\n                        />\n                      ) : (\n                        <FlexRender\n                          render={column.columnDef.cell}\n                          props={cell.getContext()}\n                        ></FlexRender>\n                      )}\n                    </td>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    );\n  }\n\n  public render() {\n    return this.$slotDefault ? this.$slotDefault(this) : this._renderTableDefault();\n  }\n}\n","import { defineComponent } from 'vue';\nimport { prepareComponentOptions, useController } from 'zova';\nimport { ControllerTable } from '../../component/table/controller.jsx';\nimport { RenderTable } from '../../component/table/render.jsx';\nexport const ZTable = defineComponent(_props => {\n  useController(ControllerTable, RenderTable, undefined);\n  return () => {};\n}, prepareComponentOptions());","export const config = _sys => {\n  return {\n    renderFallbackValue: '--'\n  };\n};","var _dec, _dec2, _class;\nimport { \"BeanInfo\" as __z_BeanInfo } from \"zova\";\n// eslint-disable\n/** controller: begin */\nexport * from '../component/table/controller.jsx';\nimport 'zova';\n/** controller: end */\n/** controller: begin */\nimport { ControllerTable } from '../component/table/controller.jsx';\nimport 'zova';\n/** controller: end */\n\n/** components: begin */\nexport * from './component/table.js';\nimport { ZTable } from './component/table.js';\nexport const components = {\n  'table': ZTable\n};\nimport 'zova';\n/** components: end */\n/** render: begin */\nexport * from '../component/table/render.jsx';\nimport 'zova';\n/** render: end */\n/** render: begin */\nimport { RenderTable } from '../component/table/render.jsx';\nimport 'zova';\n/** render: end */\n/** config: begin */\nexport * from '../config/config.js';\n/** config: end */\n/** scope: begin */\nimport { BeanScopeBase } from 'zova';\nimport { Scope } from 'zova-module-a-bean';\nexport let ScopeModuleATable = (_dec = Scope(), _dec2 = __z_BeanInfo({\n  module: \"a-table\"\n}), _dec(_class = _dec2(_class = class ScopeModuleATable extends BeanScopeBase {}) || _class) || _class);\nimport 'zova';\n\n/** scope: end */","import { useVueTable } from '@tanstack/vue-table';\nimport { markRaw } from 'vue';\nimport { BeanControllerPageBase } from 'zova';\nexport class BeanControllerPageTableBase extends BeanControllerPageBase {\n  constructor(...args) {\n    super(...args);\n    this.table = void 0;\n  }\n  $useTable(initialOptions) {\n    return this.ctx.util.instanceScope(() => {\n      return markRaw(useVueTable(initialOptions));\n    });\n  }\n  async refreshMeta() {\n    throw new Error('should implement refreshMeta');\n  }\n}","import { createBeanDecorator } from 'zova';\nexport function TableCell(options) {\n  return createBeanDecorator('tableCell', 'app', true, options);\n}"],"mappings":"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"}

package/dist/types/table.d.ts

@@ -1,15 +1,15 @@
 import type { ColumnDef, useVueTable } from '@tanstack/vue-table';
-import type { SchemaObject } from 'openapi3-ts/oas31';
-import type { TypeTableCellRenderComponent } from 'zova-module-a-openapi';
+import type { ISchemaObjectExtensionField, TypeTableCellRenderComponent } from 'zova-module-a-openapi';
 import type { ControllerTable } from '../component/table/controller.jsx';
 import type { TypeTableCellRender } from './tableColumn.js';
 export type TypeTable<TData extends {} = {}> = ReturnType<typeof useVueTable<TData>>;
 export type TypeColumn<TData extends {} = {}> = ColumnDef<TData, any>;
+export declare const TableColumnIdSelection = "$$selection";
 export interface ITableMeta<TData extends {} = {}> {
-    properties: SchemaObject[];
+    properties: ISchemaObjectExtensionField[];
     renders: Record<string, TypeTableCellRender<TData>>;
 }
-export type TypeTableGetColumnsNext<TData extends {} = {}> = (properties?: SchemaObject[]) => Promise<TypeColumn<TData>[]>;
+export type TypeTableGetColumnsNext<TData extends {} = {}> = (properties?: ISchemaObjectExtensionField[]) => Promise<TypeColumn<TData>[]>;
 export type TypeTableCreateColumnRender<TData extends {} = {}> = (key: string, render: TypeTableCellRenderComponent) => Promise<TypeTableCellRender<TData, any> | undefined>;
 export type TypeTableGetColumns<TData extends {} = {}> = (next: TypeTableGetColumnsNext<TData>, createColumnRender: TypeTableCreateColumnRender<TData>, table: ControllerTable<TData>) => Promise<TypeColumn<TData>[]>;
 //# sourceMappingURL=table.d.ts.map

package/dist/types/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/types/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAErF,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAEtE,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE;IAC/C,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;CACrD;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAC3D,UAAU,CAAC,EAAE,YAAY,EAAE,KACxB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAElC,MAAM,MAAM,2BAA2B,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAC/D,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,4BAA4B,KACjC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;AAE1D,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CACvD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACpC,kBAAkB,EAAE,2BAA2B,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAC1B,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/types/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EACV,2BAA2B,EAC3B,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAErF,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAEtE,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE;IAC/C,UAAU,EAAE,2BAA2B,EAAE,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;CACrD;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAC3D,UAAU,CAAC,EAAE,2BAA2B,EAAE,KACvC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAElC,MAAM,MAAM,2BAA2B,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAC/D,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,4BAA4B,KACjC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;AAE1D,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CACvD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACpC,kBAAkB,EAAE,2BAA2B,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAC1B,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zova-module-a-table",
-  "version": "5.1.38",
-  "gitHead": "eb85d771ef75776a439e56df3af8be6a3a36c1c2",
+  "version": "5.1.40",
+  "gitHead": "8ecb407bf2c0bb2e28592206ca1a39f37ab50902",
   "description": "",
   "keywords": [
     "Zova Module"

package/src/component/table/controller.tsx

@@ -10,8 +10,12 @@ import { celEnvBase, isNilOrEmptyString } from '@cabloy/utils';
 import {
   CellContext,
   createColumnHelper,
+  functionalUpdate,
   getCoreRowModel,
+  OnChangeFn,
   Row,
+  RowSelectionState,
+  SortingState,
   TableOptionsWithReactiveData,
 } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
@@ -43,11 +47,18 @@ import type {
 } from '../../types/tableColumn.js';
 
 import { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';
+import { TableColumnIdSelection } from '../../types/table.js';
 import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
 
 export interface ControllerTableProps<TData extends {} = {}> {
   data?: TData[];
   schema?: SchemaObject;
+  schemaOrder?: SchemaObject;
+  sorting?: SortingState;
+  onSortingChange?: OnChangeFn<SortingState>;
+  enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+  rowSelection?: RowSelectionState;
+  onRowSelectionChange?: OnChangeFn<RowSelectionState>;
   tableScope?: ITableScope;
   getColumns?: TypeTableGetColumns<TData>;
   slotDefault?: (table: ControllerTable<TData>) => VNode;
@@ -83,6 +94,13 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
         await this.refreshMeta();
       },
     );
+    this.$watch(
+      () => this.$props.enableRowSelection,
+      async (newValue, oldValue) => {
+        if (newValue === oldValue) return;
+        await this.refreshMeta();
+      },
+    );
     // table
     this._createTable();
   }
@@ -95,19 +113,52 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     return this.$props.data;
   }
 
+  public get sorting() {
+    return this.$props.sorting ?? [];
+  }
+
+  public get rowSelection() {
+    return this.$props.rowSelection ?? {};
+  }
+
   public async refreshMeta() {
     this.tableMeta = await this._createTableMeta();
     this.columns = await this._createColumns();
+    this.table?.setColumnPinning(this._getColumnPinning());
   }
 
   private _createTable() {
     // eslint-disable-next-line
     const self = this;
     const tableOptions: TableOptionsWithReactiveData<TData> = {
-      getRowId: this.$props.getRowId ?? ((originalRow: TData) => cast(originalRow).id),
+      getRowId: (originalRow, index, parent) => this._getRowId(originalRow, index, parent),
       getCoreRowModel: getCoreRowModel(),
       renderFallbackValue: this.scope.config.renderFallbackValue,
       manualPagination: true,
+      manualSorting: true,
+      enableMultiSort: false,
+      enableSortingRemoval: false,
+      enableRowSelection: row => self._canSelectRow(row),
+      state: {
+        get sorting() {
+          return self.sorting;
+        },
+        get rowSelection() {
+          return self.rowSelection;
+        },
+      },
+      onSortingChange: updater => {
+        const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);
+        self.$props.onSortingChange?.(sorting);
+      },
+      onRowSelectionChange: updater => {
+        const rowSelection = functionalUpdate(updater, self.rowSelection);
+        self.$props.onRowSelectionChange?.(rowSelection);
+      },
+      get initialState() {
+        const columnPinning = self._getColumnPinning();
+        return { columnPinning };
+      },
       get data() {
         return self.data || [];
       },
@@ -116,35 +167,55 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
       },
     };
     this.table = this.$useTable(tableOptions);
+    this.table.setColumnPinning(this._getColumnPinning());
   }
 
   private async _createColumns() {
     if (!this.properties) return [];
-    if (!this.$props.getColumns) return await this._createColumnsMiddle(this.tableMeta.properties);
-    return await this.$props.getColumns(
-      async properties => {
-        return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);
-      },
-      async (
-        key: string,
-        render: TypeTableCellRenderComponent,
-      ): Promise<TypeTableCellRender<TData, any> | undefined> => {
-        // columnScope
-        const columnScope = this.getColumnScope(key);
-        // renderContext
-        const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);
-        // columnProps
-        const { visible, columnProps } = this.getColumnComponentPropsTop(
-          key,
-          columnScope,
-          jsxRenderContext,
+    const columns = !this.$props.getColumns
+      ? await this._createColumnsMiddle(this.tableMeta.properties)
+      : await this.$props.getColumns(
+          async properties => {
+            return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);
+          },
+          async (
+            key: string,
+            render: TypeTableCellRenderComponent,
+          ): Promise<TypeTableCellRender<TData, any> | undefined> => {
+            // columnScope
+            const columnScope = this.getColumnScope(key);
+            // renderContext
+            const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);
+            // columnProps
+            const { visible, columnProps } = this.getColumnComponentPropsTop(
+              key,
+              columnScope,
+              jsxRenderContext,
+            );
+            // visible
+            if (visible === false) return;
+            return await this._createColumnRender(
+              render,
+              columnProps,
+              columnScope,
+              jsxRenderContext,
+            );
+          },
+          this,
         );
-        // visible
-        if (visible === false) return;
-        return await this._createColumnRender(render, columnProps, columnScope, jsxRenderContext);
-      },
-      this,
-    );
+    if (!this.$props.enableRowSelection) return columns;
+    const columnHelper = createColumnHelper<TData>();
+    return [
+      columnHelper.display({
+        id: TableColumnIdSelection,
+        header: '',
+        cell: '',
+        size: 48,
+        enableSorting: false,
+        meta: { rest: { fixed: 'left', width: 48, align: 'center' } },
+      }),
+      ...columns,
+    ];
   }
 
   private async _createColumnsMiddle(
@@ -162,12 +233,51 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
             return property?.title || key;
           },
           cell: props => tableMeta.renders[key](props),
+          size: property.rest?.width,
+          enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),
+          sortDescFirst: property.rest?.sortDescFirst === true,
+          meta: { rest: property.rest },
         }),
       );
     }
     return columns;
   }
 
+  private _getRowId(originalRow: TData, index: number, parent?: Row<TData>) {
+    const id = this.$props.getRowId?.(originalRow, index, parent) ?? cast(originalRow).id;
+    if (isNilOrEmptyString(id)) {
+      return `__unselectable_${parent ? `${parent.id}.` : ''}${index}`;
+    }
+    return String(id);
+  }
+
+  private _canSelectRow(row: Row<TData>) {
+    const enableRowSelection = this.$props.enableRowSelection;
+    if (!enableRowSelection) return false;
+    const originalId =
+      this.$props.getRowId?.(row.original, row.index, row.getParentRow()) ?? cast(row.original).id;
+    if (isNilOrEmptyString(originalId)) return false;
+    return typeof enableRowSelection === 'function' ? enableRowSelection(row) : true;
+  }
+
+  private _getColumnPinning() {
+    const left: string[] = this.$props.enableRowSelection ? [TableColumnIdSelection] : [];
+    const right: string[] = [];
+    for (const property of this.tableMeta?.properties ?? []) {
+      const fixed = property.rest?.fixed;
+      if (fixed === 'left') left.push(property.key!);
+      if (fixed === 'right') right.push(property.key!);
+    }
+    return { left, right };
+  }
+
+  private _isOrderable(property: ISchemaObjectExtensionField) {
+    const properties = this.$props.schemaOrder?.properties;
+    if (!properties) return false;
+    const keys = [property.key, property.schemaKey, ...(property.schemaKeys ?? [])];
+    return keys.some(key => key && Object.prototype.hasOwnProperty.call(properties, key));
+  }
+
   private _createProperties() {
     this.properties = this.$computed(() => {
       return this.$sdk.loadSchemaProperties(this.schema, 'table');

package/src/component/table/render.tsx

@@ -1,9 +1,28 @@
+import type { AriaAttributes, CSSProperties } from 'vue';
+
 import { FlexRender } from '@tanstack/vue-table';
 import { BeanRenderBase } from 'zova';
 import { Render } from 'zova-module-a-bean';
 
+import { TableColumnIdSelection } from '../../types/table.js';
+
 @Render()
 export class RenderTable extends BeanRenderBase {
+  private _getColumnStyle(column: any): CSSProperties {
+    const rest = (column.columnDef.meta as any)?.rest;
+    const fixed = column.getIsPinned();
+    const width = rest?.width ? `${rest.width}px` : undefined;
+    return {
+      width,
+      minWidth: width,
+      textAlign: rest?.align,
+      position: fixed ? ('sticky' as const) : undefined,
+      left: fixed === 'left' ? `${column.getStart('left')}px` : undefined,
+      right: fixed === 'right' ? `${column.getAfter('right')}px` : undefined,
+      zIndex: fixed ? 1 : undefined,
+    };
+  }
+
   private _renderTableDefault() {
     const table = this.table;
     return (
@@ -11,12 +30,54 @@ export class RenderTable extends BeanRenderBase {
         <thead>
           <tr>
             {table.getFlatHeaders().map(header => {
+              const column = header.column;
+              const canSort = column.getCanSort();
+              const sorted = column.getIsSorted();
+              const fixed = column.getIsPinned();
+              const headerDefinition = column.columnDef.header;
+              const selection = column.id === TableColumnIdSelection;
+              const headerContent = selection ? (
+                <input
+                  type="checkbox"
+                  checked={table.getIsAllPageRowsSelected()}
+                  indeterminate={table.getIsSomePageRowsSelected()}
+                  aria-checked={table.getIsSomePageRowsSelected() ? 'mixed' : undefined}
+                  aria-label="Select all rows on this page"
+                  disabled={table.getRowModel().rows.every(row => !row.getCanSelect())}
+                  onChange={table.getToggleAllPageRowsSelectedHandler()}
+                />
+              ) : (
+                <FlexRender render={headerDefinition} props={header.getContext()}></FlexRender>
+              );
+              let sortAria: AriaAttributes['aria-sort'] = 'none';
+              let sortIcon: '▲' | '▼' | '↕' = '↕';
+              if (sorted === 'asc') {
+                sortAria = 'ascending';
+                sortIcon = '▲';
+              } else if (sorted === 'desc') {
+                sortAria = 'descending';
+                sortIcon = '▼';
+              }
               return (
-                <th key={header.id}>
-                  <FlexRender
-                    render={header.column.columnDef.header}
-                    props={header.getContext()}
-                  ></FlexRender>
+                <th
+                  key={header.id}
+                  class={fixed ? 'bg-base-100' : undefined}
+                  style={this._getColumnStyle(column)}
+                  aria-sort={sortAria}
+                >
+                  {canSort ? (
+                    <button
+                      type="button"
+                      class="inline-flex w-full items-center gap-1"
+                      onClick={column.getToggleSortingHandler()}
+                      aria-label={`Sort by ${column.id}`}
+                    >
+                      {headerContent}
+                      <span aria-hidden="true">{sortIcon}</span>
+                    </button>
+                  ) : (
+                    headerContent
+                  )}
                 </th>
               );
             })}
@@ -25,14 +86,30 @@ export class RenderTable extends BeanRenderBase {
         <tbody>
           {table.getRowModel().rows.map(row => {
             return (
-              <tr key={row.id}>
+              <tr key={row.id} aria-selected={row.getIsSelected()}>
                 {row.getVisibleCells().map(cell => {
+                  const column = cell.column;
+                  const selection = column.id === TableColumnIdSelection;
                   return (
-                    <td key={cell.id}>
-                      <FlexRender
-                        render={cell.column.columnDef.cell}
-                        props={cell.getContext()}
-                      ></FlexRender>
+                    <td
+                      key={cell.id}
+                      class={column.getIsPinned() ? 'bg-base-100' : undefined}
+                      style={this._getColumnStyle(column)}
+                    >
+                      {selection ? (
+                        <input
+                          type="checkbox"
+                          checked={row.getIsSelected()}
+                          disabled={!row.getCanSelect()}
+                          aria-label={`Select row ${row.id}`}
+                          onChange={row.getToggleSelectedHandler()}
+                        />
+                      ) : (
+                        <FlexRender
+                          render={column.columnDef.cell}
+                          props={cell.getContext()}
+                        ></FlexRender>
+                      )}
                     </td>
                   );
                 })}

package/src/types/table.ts

@@ -1,6 +1,8 @@
 import type { ColumnDef, useVueTable } from '@tanstack/vue-table';
-import type { SchemaObject } from 'openapi3-ts/oas31';
-import type { TypeTableCellRenderComponent } from 'zova-module-a-openapi';
+import type {
+  ISchemaObjectExtensionField,
+  TypeTableCellRenderComponent,
+} from 'zova-module-a-openapi';
 
 import type { ControllerTable } from '../component/table/controller.jsx';
 import type { TypeTableCellRender } from './tableColumn.js';
@@ -9,13 +11,15 @@ export type TypeTable<TData extends {} = {}> = ReturnType<typeof useVueTable<TDa
 
 export type TypeColumn<TData extends {} = {}> = ColumnDef<TData, any>;
 
+export const TableColumnIdSelection = '$$selection';
+
 export interface ITableMeta<TData extends {} = {}> {
-  properties: SchemaObject[];
+  properties: ISchemaObjectExtensionField[];
   renders: Record<string, TypeTableCellRender<TData>>;
 }
 
 export type TypeTableGetColumnsNext<TData extends {} = {}> = (
-  properties?: SchemaObject[],
+  properties?: ISchemaObjectExtensionField[],
 ) => Promise<TypeColumn<TData>[]>;
 
 export type TypeTableCreateColumnRender<TData extends {} = {}> = (