zova-module-a-table 5.1.42 → 5.1.44

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

@@ -1,4 +1,4 @@
-import type { IResourceTableActionRowOptionsBase, ISchemaObjectExtensionField, TypeTableCellRenderComponent, TypeTableCellRenderComponentProvider } from 'zova-module-a-openapi';
+import type { IResourceDetailsActionRowOptionsBase, IResourceTableActionRowOptionsBase, ISchemaObjectExtensionField, TypeTableCellRenderComponent, TypeTableCellRenderComponentProvider } from 'zova-module-a-openapi';
 import { celEnvBase } from '@cabloy/utils';
 import { CellContext, OnChangeFn, Row, RowSelectionState, SortingState } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
@@ -7,10 +7,12 @@ import { ZovaJsx } from 'zova-jsx';
 import type { ITableMeta, TypeColumn, TypeTableGetColumns } from '../../types/table.js';
 import type { IJsxRenderContextTableCell } from '../../types/tableCell.js';
 import type { IJsxRenderContextTableColumn, ITableCellScope, ITableColumnScope, ITableScope } from '../../types/tableColumn.js';
+import type { ITableLayout } from '../../types/tableLayout.js';
 import { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';
 import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
 export interface ControllerTableProps<TData extends {} = {}> {
     data?: TData[];
+    layout?: ITableLayout;
     schema?: SchemaObject;
     schemaOrder?: SchemaObject;
     sorting?: SortingState;
@@ -36,12 +38,19 @@ export declare class ControllerTable<TData extends {} = {}> extends BeanControll
     get data(): TData[] | undefined;
     get sorting(): SortingState;
     get rowSelection(): RowSelectionState;
+    get layout(): ITableLayout;
+    get layoutProperties(): readonly ISchemaObjectExtensionField[];
     refreshMeta(): Promise<void>;
     private _createTable;
     private _createColumns;
     private _createColumnsMiddle;
     private _getRowId;
     private _canSelectRow;
+    private _getLayoutColumn;
+    private _getLayoutWidth;
+    private _getColumnVisibility;
+    private _getColumnOrder;
+    private _getColumnSizing;
     private _getColumnPinning;
     private _isOrderable;
     private _createProperties;
@@ -50,7 +59,7 @@ export declare class ControllerTable<TData extends {} = {}> extends BeanControll
     getCellJsxRenderContext(celScope: ITableCellScope, cellContext: CellContext<TData, any>): IJsxRenderContextTableCell;
     cellRenderPrepare(renders: TypeTableCellRenderComponent | TypeTableCellRenderComponent[]): Promise<any[]>;
     private _createColumnRender;
-    cellRender(render: TypeTableCellRenderComponent, columnProps: IResourceTableActionRowOptionsBase, renderContext: IJsxRenderContextTableCell): any;
+    cellRender(render: TypeTableCellRenderComponent, columnProps: IResourceTableActionRowOptionsBase | IResourceDetailsActionRowOptionsBase, renderContext: IJsxRenderContextTableCell): any;
     private _cellRender;
     private _cellRenderInner;
     getColumnProperty(name: string): ISchemaObjectExtensionField | undefined;

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,EAIX,UAAU,EACV,GAAG,EACH,iBAAiB,EACjB,YAAY,EAEb,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;AAE/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,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,kBAAkB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,oBAAoB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACrD,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;IA4BxB,IAAW,MAAM,6BAEhB;IAED,IAAW,IAAI,wBAEd;IAED,IAAW,OAAO,iBAEjB;IAED,IAAW,YAAY,sBAEtB;IAEY,WAAW;IAMxB,OAAO,CAAC,YAAY;YA4CN,cAAc;YAgDd,oBAAoB;IAyBlC,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAOpB,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.map

@@ -1 +1 @@
-{"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;IAqGpB,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;IAcvB,OAAO,CAAC,mBAAmB;IAqGpB,MAAM;;;CAGd"}

package/dist/index.js

@@ -10,6 +10,12 @@ var BeanControllerTableBase = class extends BeanControllerBase {
 		super(...args);
 		this.table = void 0;
 	}
+	get layout() {
+		throw new Error("should implement layout");
+	}
+	get layoutProperties() {
+		throw new Error("should implement layoutProperties");
+	}
 	$useTable(initialOptions) {
 		return this.ctx.util.instanceScope(() => {
 			return markRaw(useVueTable(initialOptions));
@@ -23,6 +29,72 @@ var BeanControllerTableBase = class extends BeanControllerBase {
 //#region src/types/table.ts
 var TableColumnIdSelection = "$$selection";
 //#endregion
+//#region src/types/tableLayout.ts
+function isWidth(value) {
+	return value === "auto" || typeof value === "number" && Number.isInteger(value) && value >= 1 && value <= 2e3;
+}
+/**
+* Reconciles a persisted layout with the currently eligible schema columns.
+* Schema visibility and fixed regions always remain authoritative.
+*/
+function reconcileTableLayout(properties, profile) {
+	const entries = /* @__PURE__ */ new Map();
+	const profileColumns = Array.isArray(profile?.columns) ? profile.columns : [];
+	for (const item of profileColumns) {
+		if (!item || typeof item !== "object") continue;
+		const column = item;
+		const key = typeof column.key === "string" ? column.key.trim() : "";
+		if (!key || entries.has(key)) continue;
+		if (typeof column.visible !== "boolean" || !isWidth(column.width)) continue;
+		entries.set(key, {
+			key,
+			visible: column.visible,
+			width: column.width
+		});
+	}
+	const eligible = properties.filter((property) => typeof property.key === "string" && property.key && property.key !== "$$selection");
+	const schemaKeys = new Set(eligible.map((property) => property.key));
+	const regions = /* @__PURE__ */ new Map();
+	regions.set("left", []);
+	regions.set("center", []);
+	regions.set("right", []);
+	for (const property of eligible) {
+		const fixed = property.rest?.fixed;
+		regions.get(fixed === "left" ? "left" : fixed === "right" ? "right" : "center").push(property);
+	}
+	const result = [];
+	for (const region of [
+		"left",
+		"center",
+		"right"
+	]) {
+		const regionProperties = regions.get(region);
+		const regionKeys = new Set(regionProperties.map((property) => property.key));
+		const ordered = profileColumns.map((item) => item && typeof item === "object" ? item : void 0).filter((item) => {
+			const key = typeof item?.key === "string" ? item.key.trim() : "";
+			return !!key && regionKeys.has(key) && schemaKeys.has(key) && entries.get(key)?.key === key;
+		}).map((item) => item.key);
+		const seen = /* @__PURE__ */ new Set();
+		for (const key of [...ordered, ...regionProperties.map((property) => property.key)]) {
+			if (seen.has(key)) continue;
+			seen.add(key);
+			const property = regionProperties.find((item) => item.key === key);
+			const entry = entries.get(key);
+			const schemaWidth = property.rest?.width;
+			result.push({
+				key,
+				visible: entry?.visible ?? true,
+				width: entry?.width ?? (typeof schemaWidth === "number" && schemaWidth > 0 ? schemaWidth : "auto")
+			});
+		}
+	}
+	return {
+		version: 1,
+		...typeof profile?.schemaFingerprint === "string" ? { schemaFingerprint: profile.schemaFingerprint } : {},
+		columns: result
+	};
+}
+//#endregion
 //#region src/component/table/controller.tsx
 var _dec$2;
 var _dec2$2;
@@ -51,6 +123,10 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 			if (newValue === oldValue) return;
 			await this.refreshMeta();
 		});
+		this.$watch(() => this.$props.layout, async (newValue, oldValue) => {
+			if (deepEqual(newValue, oldValue)) return;
+			await this.refreshMeta();
+		});
 		this._createTable();
 	}
 	get schema() {
@@ -65,6 +141,12 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 	get rowSelection() {
 		return this.$props.rowSelection ?? {};
 	}
+	get layout() {
+		return reconcileTableLayout(this.layoutProperties, this.$props.layout);
+	}
+	get layoutProperties() {
+		return this.tableMeta?.properties ?? [];
+	}
 	async refreshMeta() {
 		this.tableMeta = await this._createTableMeta();
 		this.columns = await this._createColumns();
@@ -88,6 +170,15 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 				},
 				get rowSelection() {
 					return self.rowSelection;
+				},
+				get columnVisibility() {
+					return self._getColumnVisibility();
+				},
+				get columnOrder() {
+					return self._getColumnOrder();
+				},
+				get columnSizing() {
+					return self._getColumnSizing();
 				}
 			},
 			onSortingChange: (updater) => {
@@ -148,10 +239,13 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 					return property?.title || key;
 				},
 				cell: (props) => tableMeta.renders[key](props),
-				size: property.rest?.width,
+				size: this._getLayoutWidth(key),
 				enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),
 				sortDescFirst: property.rest?.sortDescFirst === true,
-				meta: { rest: property.rest }
+				meta: { rest: {
+					...property.rest,
+					width: this._getLayoutWidth(key)
+				} }
 			}));
 		}
 		return columns;
@@ -168,6 +262,23 @@ var ControllerTable = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-ta
 		if (isNilOrEmptyString(originalId)) return false;
 		return typeof enableRowSelection === "function" ? enableRowSelection(row) : true;
 	}
+	_getLayoutColumn(key) {
+		return this.layout.columns.find((column) => column.key === key);
+	}
+	_getLayoutWidth(key) {
+		const width = this._getLayoutColumn(key)?.width;
+		return typeof width === "number" ? width : void 0;
+	}
+	_getColumnVisibility() {
+		return Object.fromEntries(this.layout.columns.filter((column) => column.key !== "$$selection").map((column) => [column.key, column.visible]));
+	}
+	_getColumnOrder() {
+		const keys = this.layout.columns.map((column) => column.key);
+		return this.$props.enableRowSelection ? ["$$selection", ...keys] : keys;
+	}
+	_getColumnSizing() {
+		return Object.fromEntries(this.layout.columns.filter((column) => typeof column.width === "number").map((column) => [column.key, column.width]));
+	}
 	_getColumnPinning() {
 		const left = this.$props.enableRowSelection ? ["$$selection"] : [];
 		const right = [];
@@ -360,10 +471,12 @@ var RenderTable = (_dec$1 = Render(), _dec2$1 = BeanInfo({ module: "a-table" }),
 	_getColumnStyle(column) {
 		const rest = column.columnDef.meta?.rest;
 		const fixed = column.getIsPinned();
-		const width = rest?.width ? `${rest.width}px` : void 0;
+		const width = column.getSize();
 		return {
-			width,
-			minWidth: width,
+			...typeof rest?.width === "number" ? {
+				width: `${width}px`,
+				minWidth: `${width}px`
+			} : {},
 			textAlign: rest?.align,
 			position: fixed ? "sticky" : void 0,
 			left: fixed === "left" ? `${column.getStart("left")}px` : void 0,
@@ -483,6 +596,6 @@ function TableCell(options) {
 	return createBeanDecorator("tableCell", "app", true, options);
 }
 //#endregion
-export { BeanControllerPageTableBase, BeanControllerTableBase, ControllerTable, RenderTable, ScopeModuleATable, TableCell, TableColumnIdSelection, ZTable, components, config };
+export { BeanControllerPageTableBase, BeanControllerTableBase, ControllerTable, RenderTable, ScopeModuleATable, TableCell, TableColumnIdSelection, ZTable, components, config, reconcileTableLayout };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"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","enableMultiRowSelection","selectionMode","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","selectionMode","$props","_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  selectionMode?: 'single' | 'multiple';\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      enableMultiRowSelection: this.$props.selectionMode !== 'single',\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    const selectionMode = this.$props.selectionMode ?? 'multiple';\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                selectionMode === 'single' ? null : (\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              ) : (\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={selectionMode === 'single' ? 'radio' : '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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"}
+{"version":3,"file":"index.js","names":["celEnvBase","isNilOrEmptyString","createColumnHelper","functionalUpdate","getCoreRowModel","appResource","beanFullNameFromOnionName","cast","deepEqual","deepExtend","objectAssignReactive","isJsxComponent","ZovaJsx","Controller","BeanControllerTableBase","TableColumnIdSelection","reconcileTableLayout","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","layout","_createTable","data","sorting","rowSelection","layoutProperties","_createTableMeta","_createColumns","table","setColumnPinning","_getColumnPinning","self","tableOptions","getRowId","originalRow","index","parent","_getRowId","renderFallbackValue","scope","config","manualPagination","manualSorting","enableMultiSort","enableSortingRemoval","row","_canSelectRow","enableMultiRowSelection","selectionMode","state","columnVisibility","_getColumnVisibility","columnOrder","_getColumnOrder","columnSizing","_getColumnSizing","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","_getLayoutWidth","_isOrderable","sortDescFirst","String","originalId","original","getParentRow","_getLayoutColumn","find","column","Object","fromEntries","filter","map","keys","left","right","schemaOrder","schemaKey","schemaKeys","some","prototype","hasOwnProperty","call","$computed","$sdk","loadSchemaProperties","promises","res","Promise","all","_item","item","forEach","celScope","app","ctx","$scene","$host","$celScope","$jsx","$$table","getCellJsxRenderContext","cellContext","cellRenderPrepare","Array","isArray","renderProviders","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","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","getSize","minWidth","textAlign","align","position","undefined","left","getStart","right","getAfter","zIndex","_renderTableDefault","table","selectionMode","$props","_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/types/tableLayout.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  get layout() {\n    throw new Error('should implement layout');\n  }\n  get layoutProperties() {\n    throw new Error('should implement layoutProperties');\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 { TableColumnIdSelection } from './table.js';\nfunction isWidth(value) {\n  return value === 'auto' || typeof value === 'number' && Number.isInteger(value) && value >= 1 && value <= 2000;\n}\n\n/**\n * Reconciles a persisted layout with the currently eligible schema columns.\n * Schema visibility and fixed regions always remain authoritative.\n */\nexport function reconcileTableLayout(properties, profile) {\n  const entries = new Map();\n  const profileColumns = Array.isArray(profile?.columns) ? profile.columns : [];\n  for (const item of profileColumns) {\n    if (!item || typeof item !== 'object') continue;\n    const column = item;\n    const key = typeof column.key === 'string' ? column.key.trim() : '';\n    if (!key || entries.has(key)) continue;\n    if (typeof column.visible !== 'boolean' || !isWidth(column.width)) continue;\n    entries.set(key, {\n      key,\n      visible: column.visible,\n      width: column.width\n    });\n  }\n  const eligible = properties.filter(property => typeof property.key === 'string' && property.key && property.key !== TableColumnIdSelection);\n  const schemaKeys = new Set(eligible.map(property => property.key));\n  const regions = new Map();\n  regions.set('left', []);\n  regions.set('center', []);\n  regions.set('right', []);\n  for (const property of eligible) {\n    const fixed = property.rest?.fixed;\n    regions.get(fixed === 'left' ? 'left' : fixed === 'right' ? 'right' : 'center').push(property);\n  }\n  const result = [];\n  for (const region of ['left', 'center', 'right']) {\n    const regionProperties = regions.get(region);\n    const regionKeys = new Set(regionProperties.map(property => property.key));\n    const ordered = profileColumns.map(item => item && typeof item === 'object' ? item : undefined).filter(item => {\n      const key = typeof item?.key === 'string' ? item.key.trim() : '';\n      return !!key && regionKeys.has(key) && schemaKeys.has(key) && entries.get(key)?.key === key;\n    }).map(item => item.key);\n    const seen = new Set();\n    for (const key of [...ordered, ...regionProperties.map(property => property.key)]) {\n      if (seen.has(key)) continue;\n      seen.add(key);\n      const property = regionProperties.find(item => item.key === key);\n      const entry = entries.get(key);\n      const schemaWidth = property.rest?.width;\n      result.push({\n        key,\n        visible: entry?.visible ?? true,\n        width: entry?.width ?? (typeof schemaWidth === 'number' && schemaWidth > 0 ? schemaWidth : 'auto')\n      });\n    }\n  }\n  return {\n    version: 1,\n    ...(typeof profile?.schemaFingerprint === 'string' ? {\n      schemaFingerprint: profile.schemaFingerprint\n    } : {}),\n    columns: result\n  };\n}","import type {\n  IResourceDetailsActionRowOptionsBase,\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';\nimport type { ITableLayout } from '../../types/tableLayout.js';\n\nimport { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';\nimport { TableColumnIdSelection } from '../../types/table.js';\nimport { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';\nimport { reconcileTableLayout } from '../../types/tableLayout.js';\n\nexport interface ControllerTableProps<TData extends {} = {}> {\n  data?: TData[];\n  layout?: ITableLayout;\n  schema?: SchemaObject;\n  schemaOrder?: SchemaObject;\n  sorting?: SortingState;\n  onSortingChange?: OnChangeFn<SortingState>;\n  enableRowSelection?: boolean | ((row: Row<TData>) => boolean);\n  selectionMode?: 'single' | 'multiple';\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    this.$watch(\n      () => this.$props.layout,\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 get rowSelection() {\n    return this.$props.rowSelection ?? {};\n  }\n\n  public get layout(): ITableLayout {\n    return reconcileTableLayout(this.layoutProperties, this.$props.layout);\n  }\n\n  public get layoutProperties(): readonly ISchemaObjectExtensionField[] {\n    return this.tableMeta?.properties ?? [];\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      enableMultiRowSelection: this.$props.selectionMode !== 'single',\n      state: {\n        get sorting() {\n          return self.sorting;\n        },\n        get rowSelection() {\n          return self.rowSelection;\n        },\n        get columnVisibility() {\n          return self._getColumnVisibility();\n        },\n        get columnOrder() {\n          return self._getColumnOrder();\n        },\n        get columnSizing() {\n          return self._getColumnSizing();\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: this._getLayoutWidth(key),\n          enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),\n          sortDescFirst: property.rest?.sortDescFirst === true,\n          meta: {\n            rest: {\n              ...property.rest,\n              width: this._getLayoutWidth(key),\n            },\n          },\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 _getLayoutColumn(key: string) {\n    return this.layout.columns.find(column => column.key === key);\n  }\n\n  private _getLayoutWidth(key: string) {\n    const width = this._getLayoutColumn(key)?.width;\n    return typeof width === 'number' ? width : undefined;\n  }\n\n  private _getColumnVisibility() {\n    return Object.fromEntries(\n      this.layout.columns\n        .filter(column => column.key !== TableColumnIdSelection)\n        .map(column => [column.key, column.visible]),\n    );\n  }\n\n  private _getColumnOrder() {\n    const keys = this.layout.columns.map(column => column.key);\n    return this.$props.enableRowSelection ? [TableColumnIdSelection, ...keys] : keys;\n  }\n\n  private _getColumnSizing() {\n    return Object.fromEntries(\n      this.layout.columns\n        .filter(column => typeof column.width === 'number')\n        .map(column => [column.key, column.width as number]),\n    );\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 | IResourceDetailsActionRowOptionsBase,\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 = column.getSize();\n    return {\n      ...(typeof rest?.width === 'number' ? { width: `${width}px`, minWidth: `${width}px` } : {}),\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    const selectionMode = this.$props.selectionMode ?? 'multiple';\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                selectionMode === 'single' ? null : (\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              ) : (\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={selectionMode === 'single' ? 'radio' : '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/lib/beanControllerTableBase.d.ts

@@ -1,9 +1,13 @@
 import type { Table } from '@tanstack/table-core';
 import type { TableOptionsWithReactiveData } from '@tanstack/vue-table';
+import type { ISchemaObjectExtensionField } from 'zova-module-a-openapi';
 import { BeanControllerBase } from 'zova';
 import { TypeTable } from '../types/table.js';
+import { ITableLayout } from '../types/tableLayout.js';
 export declare class BeanControllerTableBase<TData extends {} = {}> extends BeanControllerBase {
     table: TypeTable<TData>;
+    get layout(): ITableLayout;
+    get layoutProperties(): readonly ISchemaObjectExtensionField[];
     $useTable(initialOptions: TableOptionsWithReactiveData<TData>): Table<TData>;
     refreshMeta(): Promise<void>;
 }

package/dist/lib/beanControllerTableBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"beanControllerTableBase.d.ts","sourceRoot":"","sources":["../../src/lib/beanControllerTableBase.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,qBAAa,uBAAuB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,kBAAkB;IACpF,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAEjB,SAAS,CAAC,cAAc,EAAE,4BAA4B,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;IAMtE,WAAW;CAGzB"}
+{"version":3,"file":"beanControllerTableBase.d.ts","sourceRoot":"","sources":["../../src/lib/beanControllerTableBase.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,qBAAa,uBAAuB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,kBAAkB;IACpF,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB,IAAW,MAAM,IAAI,YAAY,CAEhC;IAED,IAAW,gBAAgB,IAAI,SAAS,2BAA2B,EAAE,CAEpE;IAEM,SAAS,CAAC,cAAc,EAAE,4BAA4B,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;IAMtE,WAAW;CAGzB"}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './table.js';
 export * from './tableCell.js';
 export * from './tableColumn.js';
+export * from './tableLayout.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/types/tableLayout.d.ts

@@ -0,0 +1,23 @@
+import type { ISchemaObjectExtensionField } from 'zova-module-a-openapi';
+export type TypeTableLayoutWidth = number | 'auto';
+export interface ITableLayoutColumn {
+    key: string;
+    visible: boolean;
+    width: TypeTableLayoutWidth;
+}
+export interface ITableLayout {
+    version: 1;
+    schemaFingerprint?: string;
+    columns: ITableLayoutColumn[];
+}
+export interface ITableLayoutProfileLike {
+    version?: unknown;
+    schemaFingerprint?: unknown;
+    columns?: unknown;
+}
+/**
+ * Reconciles a persisted layout with the currently eligible schema columns.
+ * Schema visibility and fixed regions always remain authoritative.
+ */
+export declare function reconcileTableLayout(properties: readonly ISchemaObjectExtensionField[], profile?: ITableLayoutProfileLike | ITableLayout): ITableLayout;
+//# sourceMappingURL=tableLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableLayout.d.ts","sourceRoot":"","sources":["../../src/types/tableLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIzE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,oBAAoB,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AASD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,SAAS,2BAA2B,EAAE,EAClD,OAAO,CAAC,EAAE,uBAAuB,GAAG,YAAY,GAC/C,YAAY,CA8Dd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zova-module-a-table",
-  "version": "5.1.42",
-  "gitHead": "8b6fc2eac777e5ce3dc5d02d160c002ff0528c0d",
+  "version": "5.1.44",
+  "gitHead": "7cdd4a231da10499b291c57eae9e84dca37dcdd6",
   "description": "",
   "keywords": [
     "Zova Module"

package/src/component/table/controller.tsx

@@ -1,4 +1,5 @@
 import type {
+  IResourceDetailsActionRowOptionsBase,
   IResourceTableActionRowOptionsBase,
   ISchemaObjectExtensionField,
   ISchemaObjectExtensionFieldRest,
@@ -45,13 +46,16 @@ import type {
   ITableScope,
   TypeTableCellRender,
 } from '../../types/tableColumn.js';
+import type { ITableLayout } from '../../types/tableLayout.js';
 
 import { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';
 import { TableColumnIdSelection } from '../../types/table.js';
 import { ITableCellRenderColumnOptions } from '../../types/tableColumn.js';
+import { reconcileTableLayout } from '../../types/tableLayout.js';
 
 export interface ControllerTableProps<TData extends {} = {}> {
   data?: TData[];
+  layout?: ITableLayout;
   schema?: SchemaObject;
   schemaOrder?: SchemaObject;
   sorting?: SortingState;
@@ -102,6 +106,13 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
         await this.refreshMeta();
       },
     );
+    this.$watch(
+      () => this.$props.layout,
+      async (newValue, oldValue) => {
+        if (deepEqual(newValue, oldValue)) return;
+        await this.refreshMeta();
+      },
+    );
     // table
     this._createTable();
   }
@@ -122,6 +133,14 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     return this.$props.rowSelection ?? {};
   }
 
+  public get layout(): ITableLayout {
+    return reconcileTableLayout(this.layoutProperties, this.$props.layout);
+  }
+
+  public get layoutProperties(): readonly ISchemaObjectExtensionField[] {
+    return this.tableMeta?.properties ?? [];
+  }
+
   public async refreshMeta() {
     this.tableMeta = await this._createTableMeta();
     this.columns = await this._createColumns();
@@ -148,6 +167,15 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
         get rowSelection() {
           return self.rowSelection;
         },
+        get columnVisibility() {
+          return self._getColumnVisibility();
+        },
+        get columnOrder() {
+          return self._getColumnOrder();
+        },
+        get columnSizing() {
+          return self._getColumnSizing();
+        },
       },
       onSortingChange: updater => {
         const sorting = functionalUpdate(updater, self.sorting).slice(0, 1);
@@ -235,10 +263,15 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
             return property?.title || key;
           },
           cell: props => tableMeta.renders[key](props),
-          size: property.rest?.width,
+          size: this._getLayoutWidth(key),
           enableSorting: property.rest?.enableSorting === true && this._isOrderable(property),
           sortDescFirst: property.rest?.sortDescFirst === true,
-          meta: { rest: property.rest },
+          meta: {
+            rest: {
+              ...property.rest,
+              width: this._getLayoutWidth(key),
+            },
+          },
         }),
       );
     }
@@ -262,6 +295,36 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     return typeof enableRowSelection === 'function' ? enableRowSelection(row) : true;
   }
 
+  private _getLayoutColumn(key: string) {
+    return this.layout.columns.find(column => column.key === key);
+  }
+
+  private _getLayoutWidth(key: string) {
+    const width = this._getLayoutColumn(key)?.width;
+    return typeof width === 'number' ? width : undefined;
+  }
+
+  private _getColumnVisibility() {
+    return Object.fromEntries(
+      this.layout.columns
+        .filter(column => column.key !== TableColumnIdSelection)
+        .map(column => [column.key, column.visible]),
+    );
+  }
+
+  private _getColumnOrder() {
+    const keys = this.layout.columns.map(column => column.key);
+    return this.$props.enableRowSelection ? [TableColumnIdSelection, ...keys] : keys;
+  }
+
+  private _getColumnSizing() {
+    return Object.fromEntries(
+      this.layout.columns
+        .filter(column => typeof column.width === 'number')
+        .map(column => [column.key, column.width as number]),
+    );
+  }
+
   private _getColumnPinning() {
     const left: string[] = this.$props.enableRowSelection ? [TableColumnIdSelection] : [];
     const right: string[] = [];
@@ -404,7 +467,7 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
 
   public cellRender(
     render: TypeTableCellRenderComponent,
-    columnProps: IResourceTableActionRowOptionsBase,
+    columnProps: IResourceTableActionRowOptionsBase | IResourceDetailsActionRowOptionsBase,
     renderContext: IJsxRenderContextTableCell,
   ) {
     // render

package/src/component/table/render.tsx

@@ -11,10 +11,9 @@ 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;
+    const width = column.getSize();
     return {
-      width,
-      minWidth: width,
+      ...(typeof rest?.width === 'number' ? { width: `${width}px`, minWidth: `${width}px` } : {}),
       textAlign: rest?.align,
       position: fixed ? ('sticky' as const) : undefined,
       left: fixed === 'left' ? `${column.getStart('left')}px` : undefined,

package/src/lib/beanControllerTableBase.ts

@@ -1,15 +1,25 @@
 import type { Table } from '@tanstack/table-core';
 import type { TableOptionsWithReactiveData } from '@tanstack/vue-table';
+import type { ISchemaObjectExtensionField } from 'zova-module-a-openapi';
 
 import { useVueTable } from '@tanstack/vue-table';
 import { markRaw } from 'vue';
 import { BeanControllerBase } from 'zova';
 
 import { TypeTable } from '../types/table.js';
+import { ITableLayout } from '../types/tableLayout.js';
 
 export class BeanControllerTableBase<TData extends {} = {}> extends BeanControllerBase {
   table: TypeTable<TData>;
 
+  public get layout(): ITableLayout {
+    throw new Error('should implement layout');
+  }
+
+  public get layoutProperties(): readonly ISchemaObjectExtensionField[] {
+    throw new Error('should implement layoutProperties');
+  }
+
   public $useTable(initialOptions: TableOptionsWithReactiveData<TData>): Table<TData> {
     return this.ctx.util.instanceScope(() => {
       return markRaw(useVueTable(initialOptions));

package/src/types/index.ts

@@ -1,3 +1,4 @@
 export * from './table.js';
 export * from './tableCell.js';
 export * from './tableColumn.js';
+export * from './tableLayout.js';

package/src/types/tableLayout.ts

@@ -0,0 +1,101 @@
+import type { ISchemaObjectExtensionField } from 'zova-module-a-openapi';
+
+import { TableColumnIdSelection } from './table.js';
+
+export type TypeTableLayoutWidth = number | 'auto';
+
+export interface ITableLayoutColumn {
+  key: string;
+  visible: boolean;
+  width: TypeTableLayoutWidth;
+}
+
+export interface ITableLayout {
+  version: 1;
+  schemaFingerprint?: string;
+  columns: ITableLayoutColumn[];
+}
+
+export interface ITableLayoutProfileLike {
+  version?: unknown;
+  schemaFingerprint?: unknown;
+  columns?: unknown;
+}
+
+function isWidth(value: unknown): value is TypeTableLayoutWidth {
+  return (
+    value === 'auto' ||
+    (typeof value === 'number' && Number.isInteger(value) && value >= 1 && value <= 2000)
+  );
+}
+
+/**
+ * Reconciles a persisted layout with the currently eligible schema columns.
+ * Schema visibility and fixed regions always remain authoritative.
+ */
+export function reconcileTableLayout(
+  properties: readonly ISchemaObjectExtensionField[],
+  profile?: ITableLayoutProfileLike | ITableLayout,
+): ITableLayout {
+  const entries = new Map<string, ITableLayoutColumn>();
+  const profileColumns = Array.isArray(profile?.columns) ? profile.columns : [];
+  for (const item of profileColumns) {
+    if (!item || typeof item !== 'object') continue;
+    const column = item as Record<string, unknown>;
+    const key = typeof column.key === 'string' ? column.key.trim() : '';
+    if (!key || entries.has(key)) continue;
+    if (typeof column.visible !== 'boolean' || !isWidth(column.width)) continue;
+    entries.set(key, { key, visible: column.visible, width: column.width });
+  }
+
+  const eligible = properties.filter(
+    property =>
+      typeof property.key === 'string' && property.key && property.key !== TableColumnIdSelection,
+  );
+  const schemaKeys = new Set(eligible.map(property => property.key!));
+  const regions = new Map<'left' | 'center' | 'right', ISchemaObjectExtensionField[]>();
+  regions.set('left', []);
+  regions.set('center', []);
+  regions.set('right', []);
+  for (const property of eligible) {
+    const fixed = property.rest?.fixed;
+    regions.get(fixed === 'left' ? 'left' : fixed === 'right' ? 'right' : 'center')!.push(property);
+  }
+
+  const result: ITableLayoutColumn[] = [];
+  for (const region of ['left', 'center', 'right'] as const) {
+    const regionProperties = regions.get(region)!;
+    const regionKeys = new Set(regionProperties.map(property => property.key!));
+    const ordered = profileColumns
+      .map(item =>
+        item && typeof item === 'object' ? (item as Record<string, unknown>) : undefined,
+      )
+      .filter(item => {
+        const key = typeof item?.key === 'string' ? item.key.trim() : '';
+        return !!key && regionKeys.has(key) && schemaKeys.has(key) && entries.get(key)?.key === key;
+      })
+      .map(item => item!.key as string);
+    const seen = new Set<string>();
+    for (const key of [...ordered, ...regionProperties.map(property => property.key!)]) {
+      if (seen.has(key)) continue;
+      seen.add(key);
+      const property = regionProperties.find(item => item.key === key)!;
+      const entry = entries.get(key);
+      const schemaWidth = property.rest?.width;
+      result.push({
+        key,
+        visible: entry?.visible ?? true,
+        width:
+          entry?.width ??
+          (typeof schemaWidth === 'number' && schemaWidth > 0 ? schemaWidth : 'auto'),
+      });
+    }
+  }
+  return {
+    version: 1,
+    ...(typeof profile?.schemaFingerprint === 'string'
+      ? { schemaFingerprint: profile.schemaFingerprint }
+      : {}),
+    columns: result,
+  };
+}