zova-module-a-table 5.1.38 → 5.1.39

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, SortingState } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
 import { VNode } from 'vue';
 import { ZovaJsx } from 'zova-jsx';
@@ -12,6 +12,9 @@ import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
 export interface ControllerTableProps<TData extends {} = {}> {
     data?: TData[];
     schema?: SchemaObject;
+    schemaOrder?: SchemaObject;
+    sorting?: SortingState;
+    onSortingChange?: OnChangeFn<SortingState>;
     tableScope?: ITableScope;
     getColumns?: TypeTableGetColumns<TData>;
     slotDefault?: (table: ControllerTable<TData>) => VNode;
@@ -27,10 +30,13 @@ export declare class ControllerTable<TData extends {} = {}> extends BeanControll
     protected __init__(): Promise<void>;
     get schema(): SchemaObject | undefined;
     get data(): TData[] | undefined;
+    get sorting(): SortingState;
     refreshMeta(): Promise<void>;
     private _createTable;
     private _createColumns;
     private _createColumnsMiddle;
+    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":"AAAA,OAAO,KAAK,EACV,kCAAkC,EAClC,2BAA2B,EAE3B,4BAA4B,EAC5B,oCAAoC,EACrC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAsB,MAAM,eAAe,CAAC;AAC/D,OAAO,EACL,WAAW,EAGX,GAAG,EAEJ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAS5B,OAAO,EAAkB,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,KAAK,EAEV,0BAA0B,EAE3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EACV,4BAA4B,EAE5B,eAAe,EACf,iBAAiB,EACjB,WAAW,EAEZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,WAAW,oBAAoB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE;IACzD,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;CAC/E;AAED,qBACa,eAAe,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,uBAAuB,CAAC,KAAK,CAAC;IACxF,MAAM,CAAC,aAAa,KAAM;IAI1B,UAAU,EAAE,2BAA2B,EAAE,GAAG,SAAS,CAAC;IACtD,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;IAC7B,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,UAAU,CAAC;cAEhB,QAAQ;IAqBxB,IAAW,MAAM,6BAEhB;IAED,IAAW,IAAI,wBAEd;IAEY,WAAW;IAKxB,OAAO,CAAC,YAAY;YAkBN,cAAc;YA6Bd,oBAAoB;IAqBlC,OAAO,CAAC,iBAAiB;YAMX,gBAAgB;IAiCvB,yBAAyB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,4BAA4B;IAYpF,uBAAuB,CAC5B,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,GACnC,0BAA0B;IAahB,iBAAiB,CAC5B,OAAO,EAAE,4BAA4B,GAAG,4BAA4B,EAAE;YAc1D,mBAAmB;IAwC1B,UAAU,CACf,MAAM,EAAE,4BAA4B,EACpC,WAAW,EAAE,kCAAkC,EAC/C,aAAa,EAAE,0BAA0B;IA+B3C,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,gBAAgB;IA4DjB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,2BAA2B,GAAG,SAAS;IAK/E,OAAO,CAAC,gBAAgB;IAcjB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,GAAG,iBAAiB;IAQhE,0BAA0B,CAC/B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,EAAE,GAChB,6BAA6B;IAMhC,OAAO,CAAC,iCAAiC;IAgBlC,iBAAiB,CACtB,MAAM,EAAE,4BAA4B,GAAG,SAAS,GAC/C,oCAAoC;CAOxC"}
+{"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;AAGtC,qBACa,WAAY,SAAQ,cAAc;IAC7C,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,mBAAmB;IA4EpB,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";
@@ -49,9 +49,13 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 	get data() {
 		return this.$props.data;
 	}
+	get sorting() {
+		return this.$props.sorting ?? [];
+	}
 	async refreshMeta() {
 		this.tableMeta = await this._createTableMeta();
 		this.columns = await this._createColumns();
+		this.table?.setColumnPinning(this._getColumnPinning());
 	}
 	_createTable() {
 		const self = this;
@@ -60,6 +64,19 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 			getCoreRowModel: getCoreRowModel(),
 			renderFallbackValue: this.scope.config.renderFallbackValue,
 			manualPagination: true,
+			manualSorting: true,
+			enableMultiSort: false,
+			enableSortingRemoval: false,
+			state: { get sorting() {
+				return self.sorting;
+			} },
+			onSortingChange: (updater) => {
+				const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);
+				self.$props.onSortingChange?.(sorting);
+			},
+			get initialState() {
+				return { columnPinning: self._getColumnPinning() };
+			},
 			get data() {
 				return self.data || [];
 			},
@@ -68,6 +85,7 @@ 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 [];
@@ -93,11 +111,37 @@ 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;
 	}
+	_getColumnPinning() {
+		const left = [];
+		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 +307,61 @@ 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 = 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,
+				const column = cell.column;
+				return createVNode("td", {
+					"key": cell.id,
+					"class": column.getIsPinned() ? "bg-base-100" : void 0,
+					"style": this._getColumnStyle(column)
+				}, [createVNode(FlexRender, {
+					"render": column.columnDef.cell,
 					"props": cell.getContext()
 				}, null)]);
 			})]);

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":";;;;;;;AAGA,IAAa,0BAAb,cAA6C,mBAAmB;CAC9D,YAAY,GAAG,MAAM;EACnB,MAAM,GAAG,IAAI;EACb,KAAK,QAAQ,KAAK;CACpB;CACA,UAAU,gBAAgB;EACxB,OAAO,KAAK,IAAI,KAAK,oBAAoB;GACvC,OAAO,QAAQ,YAAY,cAAc,CAAC;EAC5C,CAAC;CACH;CACA,MAAM,cAAc;EAClB,MAAM,IAAI,MAAM,8BAA8B;CAChD;AACF;;;;ACwCA,IACac,mBAAeC,SAD3BH,WAAW,GAACI,UAAAC,SAAA,EAAAC,QAAA,UAAA,CAAA,GAAAH,OAAAI,WAAAH,QAAAG,YAAAC,mBAAb,MACaN,wBAA+CD,wBAA+B;CAAAQ,YAAA,GAAAC,MAAA;EAAA,MAAA,GAAAA,IAAA;EAGzF,KAEAC,aAAU,KAAA;EAAA,KACVC,UAAO,KAAA;EAAA,KACPC,YAAS,KAAA;EAAA,KACTC,UAAO,KAAA;EAAA,KACPC,eAAY,KAAA;CAAA;CAEZ,MAAgBC,WAAW;EACzB,KAAKC,KAAKC,SAAS,WAAW,IAAI;EAElC,KAAKH,eAAe,KAAKI,iBAAiB;EAC1C,KAAKL,UAAU,KAAKG,KAAKG,eAAerB,SAAS,OAAOsB,KAAAA,GAAW,KAAKN,YAAY;EAEpF,KAAKO,kBAAkB;EAEvB,MAAM,KAAKC,YAAY;EAEvB,KAAKC,aACG,KAAKC,OAAOC,QAClB,OAAOC,UAAUC,aAAa;GAC5B,IAAIjC,UAAUgC,UAAUC,QAAQ,GAAG;GACnC,MAAM,KAAKL,YAAY;EACzB,CACF;EAEA,KAAKM,aAAa;CACpB;CAEA,IAAWH,SAAS;EAClB,OAAO,KAAKD,OAAOC;CACrB;CAEA,IAAWI,OAAO;EAChB,OAAO,KAAKL,OAAOK;CACrB;CAEA,MAAaP,cAAc;EACzB,KAAKV,YAAY,MAAM,KAAKkB,iBAAiB;EAC7C,KAAKnB,UAAU,MAAM,KAAKoB,eAAe;CAC3C;CAEQH,eAAe;EAErB,MAAMI,OAAO;EACb,MAAMC,eAAoD;GACxDC,UAAU,KAAKV,OAAOU,cAAcC,gBAAuB1C,KAAK0C,WAAW,CAAC,CAACC;GAC7E9C,iBAAiBA,gBAAgB;GACjC+C,qBAAqB,KAAKC,MAAMC,OAAOF;GACvCG,kBAAkB;GAClB,IAAIX,OAAO;IACT,OAAOG,KAAKH,QAAQ,CAAA;GACtB;GACA,IAAIlB,UAAU;IACZ,OAAOqB,KAAKrB;GACd;EACF;EACA,KAAK8B,QAAQ,KAAKC,UAAUT,YAAY;CAC1C;CAEA,MAAcF,iBAAiB;EAC7B,IAAI,CAAC,KAAKrB,YAAY,OAAO,CAAA;EAC7B,IAAI,CAAC,KAAKc,OAAOmB,YAAY,OAAO,MAAM,KAAKC,qBAAqB,KAAKhC,UAAUF,UAAU;EAC7F,OAAO,MAAM,KAAKc,OAAOmB,WACvB,OAAMjC,eAAc;GAClB,OAAO,MAAM,KAAKkC,qBAAqBlC,cAAc,KAAKE,UAAUF,UAAU;EAChF,GACA,OACEmC,KACAC,WACyD;GAEzD,MAAMC,cAAc,KAAKC,eAAeH,GAAG;GAE3C,MAAMI,mBAAmB,KAAKC,0BAA0BH,WAAW;GAEnE,MAAM,EAAEI,SAASC,gBAAgB,KAAKC,2BACpCR,KACAE,aACAE,gBACF;GAEA,IAAIE,YAAY,OAAO;GACvB,OAAO,MAAM,KAAKG,oBAAoBR,QAAQM,aAAaL,aAAaE,gBAAgB;EAC1F,GACA,IACF;CACF;CAEA,MAAcL,qBACZlC,YAC8B;EAC9B,MAAME,YAAY,KAAKA;EACvB,MAAM2C,eAAelE,mBAA0B;EAC/C,MAAMsB,UAA+B,CAAA;EACrC,KAAK,MAAM6C,YAAY9C,YAAY;GACjC,MAAMmC,MAAMW,SAASX;GACrBlC,QAAQ8C,KACNF,aAAaG,SAASb,KAAY;IAChCT,IAAIS;IACJc,SAAQC,WAAU;KAChB,OAAOJ,UAAUK,SAAShB;IAC5B;IACAiB,OAAMC,UAASnD,UAAUoD,QAAQnB,IAAI,CAACkB,KAAK;GAC7C,CAAC,CACH;EACF;EACA,OAAOpD;CACT;CAEQU,oBAAoB;EAC1B,KAAKX,aAAa,KAAKuD,gBAAgB;GACrC,OAAO,KAAKC,KAAKC,qBAAqB,KAAK1C,QAAQ,OAAO;EAC5D,CAAC;CACH;CAEA,MAAcK,mBAAmB;EAC/B,IAAIpB,aAA4C,CAAA;EAChD,MAAMsD,UAAsD,CAAC;EAC7D,IAAI,CAAC,KAAKtD,YAAY,OAAO;GAAEA;GAAYsD;EAAQ;EACnD,MAAMI,WAA2B,CAAA;EACjC,KAAK,MAAMZ,YAAY,KAAK9C,YAAY;GACtC,MAAMmC,MAAMW,SAASX;GAErB,MAAME,cAAc,KAAKC,eAAeH,GAAG;GAE3C,MAAMI,mBAAmB,KAAKC,0BAA0BH,WAAW;GAEnE,MAAM,EAAEI,SAASL,QAAQM,gBAAgB,KAAKC,2BAC5CR,KACAE,aACAE,gBACF;GAEA,IAAIE,YAAY,OAAO;GAEvBzC,WAAW+C,KAAKD,QAAQ;GAExBY,SAASX,KAAK,KAAKH,oBAAoBR,QAAQM,aAAaL,aAAaE,gBAAgB,CAAC;EAC5F;EACA,IAAIoB,MAAM,MAAMC,QAAQC,IAAIH,QAAQ;EACpC1D,aAAaA,WAAW8D,QAAQC,OAAOC,UAAU,CAAC,CAACL,IAAIK,MAAM;EAC7DL,MAAMA,IAAIG,QAAOG,SAAQ,CAAC,CAACA,IAAI;EAC/BjE,WAAWkE,SAASD,MAAMD,UAAU;GAClCV,QAAQW,KAAK9B,OAAQwB,IAAIK;EAC3B,CAAC;EACD,OAAO;GAAEhE;GAAYsD;EAAQ;CAC/B;CAEOd,0BAA0B2B,UAA2D;EAC1F,OAAO;GACLC,KAAK,KAAKA;GACVC,KAAK,KAAKA;GACVC,QAAQ;GACRC,OAAO;GACPC,WAAWL;GACXM,MAAM,KAAKtE;GACXuE,SAAS;EACX;CACF;CAEOC,wBACLR,UACAS,aAC4B;EAC5B,OAAO;GACLR,KAAK,KAAKA;GACVC,KAAK,KAAKA;GACVC,QAAQ;GACRC,OAAO;GACPC,WAAWL;GACXM,MAAM,KAAKtE;GACXuE,SAAS;GACTE;EACF;CACF;CAEA,MAAaC,kBACXvB,SACA;EACA,IAAI,CAACwB,MAAMC,QAAQzB,OAAO,GAAGA,UAAU,CAACA,OAAO;EAE/C,MAAMI,WADkBJ,QAAQ2B,KAAIhB,SAAQ,KAAKiB,kBAAkBjB,IAAI,CACtCe,CAAe,CAACC,KAAIE,oBAClD,YAAY;GACX,IAAI,OAAOA,mBAAmB,YAAYA,eAAeC,SAAS,aAAa,GAC7E,OAAO,MAAM,KAAKhB,IAAI9D,KAAK+E,SAASF,gBAAuB,IAAI;EAEnE,EAAA,CAAG,CACL;EACA,OAAO,MAAMvB,QAAQC,IAAIH,QAAQ;CACnC;CAEA,MAAcd,oBACZR,QACAM,aACAL,aACAiD,eACsD;EAEtD,MAAMH,iBAAiB,KAAKD,kBAAkB9C,MAAM;EAEpD,IAAImD;EACJ,IAAI,OAAOJ,mBAAmB,YAAYA,eAAeC,SAAS,aAAa,GAAG;GAChFG,eAAe,MAAM,KAAKnB,IAAI9D,KAAK+E,SAASF,gBAAuB,IAAI;GAEvE,MAAMO,eADc7G,YAAY4G,QAAQN,cACnBK,CAAW,EAAEG;GAClCjD,cAAczD,WAAW,CAAC,GAAGyG,cAAchD,WAAW;GAGtD,IACE6C,cAAcK,gBACd,CAAE,MAAML,aAAaK,aAAalD,aAAoB4C,aAAa,GAEnE;EAEJ;EACA,QAAOV,gBAAe;GACpB,IAAI,CAACA,aAAa;GAClB,OAAO,KAAKiB,YACVzD,QACAM,aACAL,aACAuC,aACAO,gBACAI,cACA7E,KAAAA,GACAA,KAAAA,GACAA,KAAAA,CACF;EACF;CACF;CAEOoF,WACL1D,QACAM,aACA4C,eACA;EAEA,MAAMS,YAAYT,cAAcd;EAEhC,MAAMW,iBAAiB,KAAKD,kBAAkB9C,MAAM;EAEpD,IAAImD;EACJ,IAAI,OAAOJ,mBAAmB,YAAYA,eAAeC,SAAS,aAAa,GAAG;GAChFG,eAAe,KAAKnB,IAAI9D,KAAK0F,iBAAiBb,cAAqB;GAEnE,MAAMO,eADc7G,YAAY4G,QAAQN,cACnBK,CAAW,EAAEG;GAClCjD,cAAczD,WAAW,CAAC,GAAGyG,cAAchD,WAAW;EAGxD;EAEA,MAAMuD,YAAYvD;EAClB,OAAO,KAAKmD,YACVzD,QACAM,aACAhC,KAAAA,GACA4E,cAAcV,aACdO,gBACAI,cACAU,WACAF,WACAT,aACF;CACF;CAEQO,YACNzD,QACAM,aACAL,aACAuC,aACAO,gBACAI,cACAU,WACAF,WACAxD,kBACA;EACA,OAAO,KAAKpC,QAAQ+F,mBAClB,EACEC,WAAWC,SAAiB;GAC1B,OAAOxB,YAAYyB,IAAIF,SAASC,IAAI;EACtC,EACF,SACM;GACJ,OAAO,KAAKE,iBACVlE,QACAM,aACAL,aACAuC,aACAO,gBACAI,cACAU,WACAF,WACAxD,gBACF;EACF,CACF;CACF;CAEQ+D,iBACNlE,QACAM,aACAL,aACAuC,aACAO,gBACAI,cACAU,WACAF,WACAxD,kBACA;EAEA,MAAMgE,QAAQ3B,YAAYuB,SAAS;EAEnC,MAAMK,gBAAgB,KAAKzE,MAAM4D,QAAQhE;EAEzC,IAAI,CAACoE,WACHA,YAAY7G,qBAAqB,CAAC,GAAGmD,aAAa;GAAEkE;GAAOC;EAAc,CAAC;EAG5E,IAAIrB,mBAAoB,QACtB,OAAOzG,mBAAmB6H,KAAK,IAAIC,gBAAgBD;EAGrD,IAAI,CAAChE,kBACHA,mBAAmB,KAAKoC,wBAAwBoB,WAAWnB,WAAW;EAGxE,IAAIW,cAAc;GAEhB,IAAI,CAACU,WAEHA,YAAYvD;GAEd,MAAM+D,aAAa,KAAKtG,QAAQuG,eAC9BT,WACA,CAAC,GACDF,WACAxD,gBACF;GACA,IAAIkE,WAAWE,SAASF,WAAWG,OAAO;IACxCH,WAAWE,QAAQpE,iBAAiBgC,MAAMsC,UACxCJ,WAAWE,OACXpE,iBAAiBgC,MAAMuC,OAAOL,WAAWG,KAAK,CAChD;IACA,OAAOH,WAAWG;GACpB;GACA,OAAOrB,aAAanD,OAAOqE,YAAYlE,wBAAwB;IAC7D,MAAMwE,WAAW5H,eAAeiD,MAAM,KAAKrD,KAAKqD,MAAM,CAAC,CAAC2E;IACxD,IAAIA,YAAYA,SAASC,SAAS,GAChC,OAAO,KAAK7G,QAAQ8G,wBAAwBF,UAAUhB,WAAWxD,gBAAgB;SAEjF,OAAOgE;GAEX,CAAC;EACH;EAEA,OAAO,KAAKpG,QAAQiC,OAAOA,QAAS,CAAC,GAAG2D,WAAWxD,gBAAgB;CACrE;CAEO2E,kBAAkBd,MAAuD;EAC9E,IAAI,CAAC,KAAKpG,YAAY;EACtB,OAAO,KAAKA,WAAWmH,MAAKlD,SAAQA,KAAK9B,QAAQiE,IAAI;CACvD;CAEQ5F,mBAAsC;EAC5C,MAAM4G,SAAS3I,WAAW4I,MAAM;EAChCD,OAAOE,iBAAiB,4BAA2BlB,SAAQ;GACzD,OAAO,KAAKc,kBAAkBd,IAAI;EACpC,CAAC;EACDgB,OAAOE,iBAAiB,yBAAwBlB,SAAQ;GACtD,OAAO,KAAKjG,QAAQoH,gBAAgBpB,SAASC,IAAI,KAAK;EACxD,CAAC;EACDgB,OAAOE,iBAAiB,8BAA8BlB,MAAMoB,iBAAiB;GAC3E,OAAO,KAAKrH,QAAQoH,gBAAgBpB,SAASC,IAAI,KAAKoB;EACxD,CAAC;EACD,OAAOJ;CACT;CAEO9E,eAAe8D,MAAcqB,YAAoC;EACtE,OAAOvI,qBAAqB,CAAC,GAAG,KAAK4B,OAAO4G,YAAY;GACtDtB;GACAtD,UAAU,KAAKoE,kBAAkBd,IAAI;GACrC,GAAGqB;EACL,CAAC;CACH;CAEO9E,2BACLyD,MACAjC,UACAmB,eAC+B;EAE/B,MAAMqC,OADW,KAAKT,kBAAkBd,IAC3BtD,CAAQ,EAAE6E;EACvB,OAAO,KAAKC,kCAAkCD,MAAMvB,MAAMjC,UAAUmB,aAAa;CACnF;CAEQsC,kCACND,MACAvB,MACAjC,UACA0D,gBAC+B;EAI/B,OAAO;GAAEpF,SAHO,KAAKtC,QAAQ2H,mBAAmBH,MAAMlF,SAAS0B,QAGtD1B;GAASL,QAFHuF,MAAMvF;GAEKM,aADNqF,OAAOC,OAAO,EAAE7F,KAAKiE,KAAK,GAAGrH,KAAK4I,IAAI,CAAC,EAAEjF,WACnCA;EAAY;CACxC;CAMOwC,kBACL9C,QACsC;EACtC,IAAI,CAACA,QAAQ,OAAO;EACpB,IAAI,OAAOA,WAAW,YAAYA,OAAOgD,SAAS,GAAG,GACnD,OAAOtG,0BAA0BsD,QAAQ,WAAW;EAEtD,OAAOA;CACT;AACF,GAACvC,iBAvaQoI,gBAAgB,CAAC,GAACpI,iBAAA,KAAAD,QAAA,KAAAA;;;;ACtD3B,IACayI,eAAWC,SADvBF,OAAO,GAACG,UAAAC,SAAA,EAAAC,QAAA,UAAA,CAAA,GAAAH,OAAAI,WAAAH,QAAAG,WAAT,MACaL,oBAAoBF,eAAe;CACtCQ,sBAAsB;EAC5B,MAAMC,QAAQ,KAAKA;EACnB,OAAAC,YAAA,SAAA,EAAA,SAAA,QAAA,GAAA,CAAAA,YAAA,SAAA,MAAA,CAAAA,YAAA,MAAA,MAAA,CAISD,MAAME,eAAe,CAAC,CAACC,KAAIC,WAAU;GACpC,OAAAH,YAAA,MAAA,EAAA,OACWG,OAAOC,GAAE,GAAA,CAAAJ,YAAAX,YAAA;IAAA,UAENc,OAAOE,OAAOC,UAAUH;IAAM,SAC/BA,OAAOI,WAAW;GAAC,GAAA,IAAA,CAAA,CAAA;EAIlC,CAAC,CAAC,CAAA,CAAA,CAAA,GAAAP,YAAA,SAAA,MAAA,CAIHD,MAAMS,YAAY,CAAC,CAACC,KAAKP,KAAIQ,QAAO;GACnC,OAAAV,YAAA,MAAA,EAAA,OACWU,IAAIN,GAAE,GAAA,CACZM,IAAIC,gBAAgB,CAAC,CAACT,KAAIU,SAAQ;IACjC,OAAAZ,YAAA,MAAA,EAAA,OACWY,KAAKR,GAAE,GAAA,CAAAJ,YAAAX,YAAA;KAAA,UAEJuB,KAAKP,OAAOC,UAAUM;KAAI,SAC3BA,KAAKL,WAAW;IAAC,GAAA,IAAA,CAAA,CAAA;GAIhC,CAAC,CAAC,CAAA;EAGR,CAAC,CAAC,CAAA,CAAA,CAAA;CAIV;CAEOM,SAAS;EACd,OAAO,KAAKC,eAAe,KAAKA,aAAa,IAAI,IAAI,KAAKhB,oBAAoB;CAChF;AACF,CAAC,KAAAD,QAAA,KAAAA;;;AC7CD,IAAa,SAAS,iBAAgB,WAAU;CAC9C,cAAc,iBAAiB,aAAa,KAAA,CAAS;CACrD,aAAa,CAAC;AAChB,GAAG,wBAAwB,CAAC;;;ACP5B,IAAa,UAAS,SAAQ;CAC5B,OAAO,EACL,qBAAqB,KACvB;AACF;;;;;ACJA,IAAI,MAAM,OAAO;AAejB,IAAa,aAAa,EACxB,SAAS,OACX;AAiBA,IAAW,qBAAqB,OAAO,MAAM,GAAG,QAAQ,SAAa,EACnE,QAAQ,UACV,CAAC,GAAG,KAAK,SAAS,MAAM,SAAS,MAAM,0BAA0B,cAAc,CAAC,CAAC,KAAK,MAAM,KAAK;;;;ACjCjG,IAAa,8BAAb,cAAiD,uBAAuB;CACtE,YAAY,GAAG,MAAM;EACnB,MAAM,GAAG,IAAI;EACb,KAAK,QAAQ,KAAK;CACpB;CACA,UAAU,gBAAgB;EACxB,OAAO,KAAK,IAAI,KAAK,oBAAoB;GACvC,OAAO,QAAQ,YAAY,cAAc,CAAC;EAC5C,CAAC;CACH;CACA,MAAM,cAAc;EAClB,MAAM,IAAI,MAAM,8BAA8B;CAChD;AACF;;;ACfA,SAAgB,UAAU,SAAS;CACjC,OAAO,oBAAoB,aAAa,OAAO,MAAM,OAAO;AAC9D"}
+{"version":3,"file":"index.js","names":["celEnvBase","isNilOrEmptyString","createColumnHelper","functionalUpdate","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","sorting","_createTableMeta","_createColumns","table","setColumnPinning","_getColumnPinning","self","tableOptions","getRowId","originalRow","id","renderFallbackValue","scope","config","manualPagination","manualSorting","enableMultiSort","enableSortingRemoval","state","onSortingChange","updater","slice","initialState","columnPinning","$useTable","getColumns","_createColumnsMiddle","key","render","columnScope","getColumnScope","jsxRenderContext","getColumnJsxRenderContext","visible","columnProps","getColumnComponentPropsTop","_createColumnRender","columnHelper","property","push","accessor","header","_props","title","cell","props","renders","size","rest","width","enableSorting","_isOrderable","sortDescFirst","meta","left","right","fixed","schemaOrder","keys","schemaKey","schemaKeys","some","Object","prototype","hasOwnProperty","call","$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","_getColumnComponentPropsTopByRest","_renderContext","evaluateExpression","assign","$propsDefault","FlexRender","BeanRenderBase","Render","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","headerContent","getContext","sortAria","sortIcon","id","getToggleSortingHandler","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  functionalUpdate,\n  getCoreRowModel,\n  OnChangeFn,\n  Row,\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 { 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  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 get sorting() {\n    return this.$props.sorting ?? [];\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: this.$props.getRowId ?? ((originalRow: TData) => cast(originalRow).id),\n      getCoreRowModel: getCoreRowModel(),\n      renderFallbackValue: this.scope.config.renderFallbackValue,\n      manualPagination: true,\n      manualSorting: true,\n      enableMultiSort: false,\n      enableSortingRemoval: false,\n      state: {\n        get sorting() {\n          return self.sorting;\n        },\n      },\n      onSortingChange: updater => {\n        const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);\n        self.$props.onSortingChange?.(sorting);\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    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          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 _getColumnPinning() {\n    const left: string[] = [];\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\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 headerContent = (\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}>\n                {row.getVisibleCells().map(cell => {\n                  const column = cell.column;\n                  return (\n                    <td\n                      key={cell.id}\n                      class={column.getIsPinned() ? 'bg-base-100' : undefined}\n                      style={this._getColumnStyle(column)}\n                    >\n                      <FlexRender\n                        render={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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"}

package/dist/types/table.d.ts

@@ -1,15 +1,14 @@
 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 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,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.39",
+  "gitHead": "2658f35c02c5b1732087f980ee564c159d0ebd25",
   "description": "",
   "keywords": [
     "Zova Module"

package/src/component/table/controller.tsx

@@ -10,8 +10,11 @@ import { celEnvBase, isNilOrEmptyString } from '@cabloy/utils';
 import {
   CellContext,
   createColumnHelper,
+  functionalUpdate,
   getCoreRowModel,
+  OnChangeFn,
   Row,
+  SortingState,
   TableOptionsWithReactiveData,
 } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
@@ -48,6 +51,9 @@ import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
 export interface ControllerTableProps<TData extends {} = {}> {
   data?: TData[];
   schema?: SchemaObject;
+  schemaOrder?: SchemaObject;
+  sorting?: SortingState;
+  onSortingChange?: OnChangeFn<SortingState>;
   tableScope?: ITableScope;
   getColumns?: TypeTableGetColumns<TData>;
   slotDefault?: (table: ControllerTable<TData>) => VNode;
@@ -95,9 +101,14 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     return this.$props.data;
   }
 
+  public get sorting() {
+    return this.$props.sorting ?? [];
+  }
+
   public async refreshMeta() {
     this.tableMeta = await this._createTableMeta();
     this.columns = await this._createColumns();
+    this.table?.setColumnPinning(this._getColumnPinning());
   }
 
   private _createTable() {
@@ -108,6 +119,22 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
       getCoreRowModel: getCoreRowModel(),
       renderFallbackValue: this.scope.config.renderFallbackValue,
       manualPagination: true,
+      manualSorting: true,
+      enableMultiSort: false,
+      enableSortingRemoval: false,
+      state: {
+        get sorting() {
+          return self.sorting;
+        },
+      },
+      onSortingChange: updater => {
+        const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);
+        self.$props.onSortingChange?.(sorting);
+      },
+      get initialState() {
+        const columnPinning = self._getColumnPinning();
+        return { columnPinning };
+      },
       get data() {
         return self.data || [];
       },
@@ -116,6 +143,7 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
       },
     };
     this.table = this.$useTable(tableOptions);
+    this.table.setColumnPinning(this._getColumnPinning());
   }
 
   private async _createColumns() {
@@ -162,12 +190,34 @@ 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 _getColumnPinning() {
+    const left: string[] = [];
+    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,26 @@
+import type { AriaAttributes, CSSProperties } from 'vue';
+
 import { FlexRender } from '@tanstack/vue-table';
 import { BeanRenderBase } from 'zova';
 import { Render } from 'zova-module-a-bean';
 
 @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 +28,43 @@ 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 headerContent = (
+                <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>
               );
             })}
@@ -27,10 +75,15 @@ export class RenderTable extends BeanRenderBase {
             return (
               <tr key={row.id}>
                 {row.getVisibleCells().map(cell => {
+                  const column = cell.column;
                   return (
-                    <td key={cell.id}>
+                    <td
+                      key={cell.id}
+                      class={column.getIsPinned() ? 'bg-base-100' : undefined}
+                      style={this._getColumnStyle(column)}
+                    >
                       <FlexRender
-                        render={cell.column.columnDef.cell}
+                        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';
@@ -10,12 +12,12 @@ export type TypeTable<TData extends {} = {}> = ReturnType<typeof useVueTable<TDa
 export type TypeColumn<TData extends {} = {}> = ColumnDef<TData, any>;
 
 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 {} = {}> = (