zova-module-a-table 5.1.9 → 5.1.10

package/dist/types/table.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/types/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAE/F,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAEhF,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IACzD,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;CACrD;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/types/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAErF,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAEtE,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE;IAC/C,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;CACrD;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAE3H,MAAM,MAAM,2BAA2B,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CAC/D,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,4BAA4B,KACjC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;AAE1D,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,EAAE,GAAG,EAAE,IAAI,CACvD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACpC,kBAAkB,EAAE,2BAA2B,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAC1B,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC"}

package/dist/types/tableCell.d.ts

@@ -3,7 +3,7 @@ import type { OmitNever } from 'zova';
 import type { ServiceOnion } from 'zova-module-a-bean';
 import type { IJsxRenderContextBase } from 'zova-module-a-openapi';
 import type { ControllerTable } from '../component/table/controller.jsx';
-import type { ITableCellScope } from './tableColumn.js';
+import type { IJsxRenderContextTableColumn, ITableCellScope } from './tableColumn.js';
 export interface IJsxRenderContextTableCell<TData extends {} = any> extends IJsxRenderContextBase {
     $celScope: ITableCellScope;
     $$table: ControllerTable<TData>;
@@ -14,6 +14,7 @@ export interface ITableCellRecord {
 }
 export interface ITableCellRender {
     render(options: IDecoratorTableCellOptions, renderContext: IJsxRenderContextTableCell, next: NextTableCellRender): any;
+    checkVisible?(options: IDecoratorTableCellOptions, renderContext: IJsxRenderContextTableColumn): Promise<boolean>;
 }
 export interface IDecoratorTableCellOptions {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tableCell.d.ts","sourceRoot":"","sources":["../../src/types/tableCell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,WAAW,0BAA0B,CAAC,KAAK,SAAS,EAAE,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IAC/F,SAAS,EAAE,eAAe,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,gBAAgB;CAAG;AAEpC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,0BAA0B,EAAE,IAAI,EAAE,mBAAmB,GAAG,GAAG,CAAC;CACxH;AAED,MAAM,WAAW,0BAA0B;CAAG;AAE9C,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAiB,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,0BAA0B,EAAE,MAAM,gBAAgB,CAAC,CAAC;KAC7E;CACF;AAED,OAAO,QAAQ,MAAM,CAAC;IACpB,UAAiB,YAAY;QAC3B,SAAS,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;KACxC;IAED,UAAiB,gBAAgB;QAC/B,SAAS,EAAE,KAAK,CAAC;KAClB;CACF"}
+{"version":3,"file":"tableCell.d.ts","sourceRoot":"","sources":["../../src/types/tableCell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEtF,MAAM,WAAW,0BAA0B,CAAC,KAAK,SAAS,EAAE,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IAC/F,SAAS,EAAE,eAAe,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,gBAAgB;CAAG;AAEpC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,0BAA0B,EAAE,IAAI,EAAE,mBAAmB,GAAG,GAAG,CAAC;IACvH,YAAY,CAAC,CAAC,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,4BAA4B,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACnH;AAED,MAAM,WAAW,0BAA0B;CAAG;AAE9C,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAiB,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,0BAA0B,EAAE,MAAM,gBAAgB,CAAC,CAAC;KAC7E;CACF;AAED,OAAO,QAAQ,MAAM,CAAC;IACpB,UAAiB,YAAY;QAC3B,SAAS,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;KACxC;IAED,UAAiB,gBAAgB;QAC/B,SAAS,EAAE,KAAK,CAAC;KAClB;CACF"}

package/dist/types/tableColumn.d.ts

@@ -2,7 +2,6 @@ import type { CellContext, RowData } from '@tanstack/table-core';
 import type { SchemaObject } from 'openapi3-ts/oas31';
 import type { IJsxRenderContextBase, TypeTableCellRenderComponent } from 'zova-module-a-openapi';
 import type { ControllerTable } from '../component/table/controller.jsx';
-export declare const constColumnProps = "$$ColumnProps";
 export type TypeTableCellRender<TData extends RowData = RowData, TValue = any> = (props?: CellContext<TData, TValue>) => any;
 export interface IJsxRenderContextTableColumn<TData extends {} = any> extends IJsxRenderContextBase {
     $celScope: ITableColumnScope;
@@ -10,9 +9,11 @@ export interface IJsxRenderContextTableColumn<TData extends {} = any> extends IJ
 }
 export interface ITableCellRenderColumnProps {
     key: string;
-    name: string;
+}
+export interface ITableCellRenderColumnOptions {
     visible?: boolean;
-    render: TypeTableCellRenderComponent;
+    render?: TypeTableCellRenderComponent;
+    columnProps: ITableCellRenderColumnProps;
 }
 export interface ITableScope {
 }
@@ -22,6 +23,6 @@ export interface ITableColumnScope extends ITableScope {
 }
 export interface ITableCellScope extends ITableColumnScope {
     value: any;
-    displayValue?: any;
+    fallbackValue: any;
 }
 //# sourceMappingURL=tableColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableColumn.d.ts","sourceRoot":"","sources":["../../src/types/tableColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAEjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,eAAO,MAAM,gBAAgB,kBAAkB,CAAC;AAEhD,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC;AAE7H,MAAM,WAAW,4BAA4B,CAAC,KAAK,SAAS,EAAE,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IACjG,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,2BAA2B;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,4BAA4B,CAAC;CACtC;AAED,MAAM,WAAW,WAAW;CAAG;AAE/B,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB"}
+{"version":3,"file":"tableColumn.d.ts","sourceRoot":"","sources":["../../src/types/tableColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAEjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC;AAE7H,MAAM,WAAW,4BAA4B,CAAC,KAAK,SAAS,EAAE,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IACjG,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,2BAA2B;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,WAAW,EAAE,2BAA2B,CAAC;CAC1C;AAED,MAAM,WAAW,WAAW;CAAG;AAE/B,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,EAAE,GAAG,CAAC;IACX,aAAa,EAAE,GAAG,CAAC;CACpB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zova-module-a-table",
-  "version": "5.1.9",
-  "gitHead": "4574f3873b1ad25eb6cdc8c44757a6c14dfc950d",
+  "version": "5.1.10",
+  "gitHead": "a247f88a55c663d313296039f874560ee5a13e01",
   "description": "",
   "keywords": [
     "Zova Module"

package/rest/component/table.ts

@@ -1,7 +1,8 @@
 import type { TypeRenderComponentJsxPropsPublic } from 'zova-jsx';
 import type { ControllerTableProps } from 'zova-module-a-table';
 
-type TypeControllerTablePublicProps<TData extends {} = {}> = TypeRenderComponentJsxPropsPublic & ControllerTableProps<TData>;
+type TypeControllerTablePublicProps<TData extends {} = {}> = TypeRenderComponentJsxPropsPublic &
+  ControllerTableProps<TData>;
 export function BBZTable<TData extends {} = {}>(_props: TypeControllerTablePublicProps<TData>) {
   return 'a-table:table';
 }

package/src/.metadata/component/table.ts

@@ -11,7 +11,10 @@ export type TypeControllerTablePublicProps<TData extends {} = {}> = {
   controllerRef?: (ref: ControllerTable<TData>) => void;
 } & ControllerTableProps<TData>;
 
-type ControllerInnerProps<TData extends {} = {}> = TypeControllerInnerProps<ControllerTableProps<TData>, keyof typeof ControllerTable.$propsDefault>;
+type ControllerInnerProps<TData extends {} = {}> = TypeControllerInnerProps<
+  ControllerTableProps<TData>,
+  keyof typeof ControllerTable.$propsDefault
+>;
 declare module 'zova-module-a-table' {
   export interface ControllerTable<TData extends {} = {}> {
     $props: ControllerInnerProps<TData>;
@@ -20,7 +23,10 @@ declare module 'zova-module-a-table' {
 declare module 'zova-module-a-table' {
   export interface RenderTable<TData extends {} = {}> extends ControllerTable<TData> {}
 }
-export const ZTable = defineComponent(<TData extends {} = {}>(_props: TypeControllerTablePublicProps<TData>) => {
-  useController(ControllerTable, RenderTable, undefined);
-  return () => {};
-}, prepareComponentOptions());
+export const ZTable = defineComponent(
+  <TData extends {} = {}>(_props: TypeControllerTablePublicProps<TData>) => {
+    useController(ControllerTable, RenderTable, undefined);
+    return () => {};
+  },
+  prepareComponentOptions(),
+);

package/src/component/table/controller.tsx

@@ -1,29 +1,32 @@
-import { celEnvBase } from '@cabloy/utils';
+import type {
+  IResourceActionRowOptionsBase,
+  ISchemaObjectExtensionFieldRest,
+  ITableProvider,
+  TypeTableCellRenderComponent,
+  TypeTableCellRenderComponentProvider,
+} from 'zova-module-a-openapi';
+
+import { celEnvBase, isNilOrEmptyString } from '@cabloy/utils';
 import { CellContext, createColumnHelper, getCoreRowModel, TableOptionsWithReactiveData } from '@tanstack/vue-table';
 import { SchemaObject } from 'openapi3-ts/oas31';
 import { VNode } from 'vue';
-import { appResource, cast, deepEqual, deepExtend, objectAssignReactive, UseScope } from 'zova';
+import { appResource, cast, deepEqual, deepExtend, objectAssignReactive, Use } from 'zova';
 import { isJsxComponent, ZovaJsx } from 'zova-jsx';
 import { Controller } from 'zova-module-a-bean';
-import {
-  renderTableColumnTopPropsSystem,
-  ScopeModuleAOpenapi,
-  TypeTableCellRenderComponent,
-  TypeTableCellRenderComponentProvider,
-} from 'zova-module-a-openapi';
+import { BeanResourceProviders } from 'zova-module-a-openapi';
+
+import type { ITableMeta, TypeColumn, TypeTable, TypeTableGetColumns } from '../../types/table.js';
+import type { IDecoratorTableCellOptions, IJsxRenderContextTableCell, ITableCellRender } from '../../types/tableCell.js';
 
 import { BeanControllerTableBase } from '../../lib/beanControllerTableBase.js';
-import { ITableProvider } from '../../types/providers.js';
-import { ITableMeta, TypeColumn, TypeTable, TypeTableGetColumnsNext } from '../../types/table.js';
-import { IDecoratorTableCellOptions, IJsxRenderContextTableCell, ITableCellRender } from '../../types/tableCell.js';
 import {
-  constColumnProps,
-  IJsxRenderContextTableColumn,
-  ITableCellRenderColumnProps,
-  ITableCellScope,
-  ITableColumnScope,
-  ITableScope,
-  TypeTableCellRender,
+  ITableCellRenderColumnOptions,
+  type IJsxRenderContextTableColumn,
+  type ITableCellRenderColumnProps,
+  type ITableCellScope,
+  type ITableColumnScope,
+  type ITableScope,
+  type TypeTableCellRender,
 } from '../../types/tableColumn.js';
 
 export interface ControllerTableProps<TData extends {} = {}> {
@@ -31,7 +34,7 @@ export interface ControllerTableProps<TData extends {} = {}> {
   schema?: SchemaObject;
   tableProvider?: ITableProvider;
   tableScope?: ITableScope;
-  getColumns?: (next: TypeTableGetColumnsNext<TData>, table: ControllerTable<TData>) => Promise<TypeColumn<TData>[]>;
+  getColumns?: TypeTableGetColumns<TData>;
   slotDefault?: (table: ControllerTable<TData>) => VNode;
 }
 
@@ -47,35 +50,28 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
   zovaJsx: ZovaJsx;
   columnCelEnv: typeof celEnvBase;
 
-  @UseScope()
-  $$scopeModuleAOpenapi: ScopeModuleAOpenapi;
+  @Use()
+  $$beanResourceProviders: BeanResourceProviders;
 
   protected async __init__() {
     this.bean._setBean('$$table', this);
     this.tableProvider = this.$useComputed(() => {
-      return deepExtend(
-        {},
-        this.$$scopeModuleAOpenapi.config.resourceMeta.provider,
-        this.$$scopeModuleAOpenapi.config.resourceMeta.table?.provider,
-        this.$props.tableProvider,
-      );
+      const tableProvider = this.$$beanResourceProviders.tableProvider;
+      return this.$props.tableProvider ? deepExtend({}, tableProvider, this.$props.tableProvider) : tableProvider;
     });
     // jsx
     this.columnCelEnv = this._getColumnCelEnv();
     this.zovaJsx = this.app.bean._newBeanSimple(ZovaJsx, false, this.tableProvider.components, this.tableProvider.actions, this.columnCelEnv);
     // properties
     this._createProperties();
-    // tableMeta
-    this.tableMeta = await this._createTableMeta();
-    // columns
-    this.columns = await this._createColumns();
+    // tableMeta/columns
+    await this.refreshMeta();
     // watch
     this.$watch(
       () => this.$props.schema,
       async (newValue, oldValue) => {
         if (deepEqual(newValue, oldValue)) return;
-        this.tableMeta = await this._createTableMeta();
-        this.columns = await this._createColumns();
+        await this.refreshMeta();
       },
     );
     // table
@@ -90,7 +86,13 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     return this.$props.data;
   }
 
+  public async refreshMeta() {
+    this.tableMeta = await this._createTableMeta();
+    this.columns = await this._createColumns();
+  }
+
   private _createTable() {
+    // eslint-disable-next-line
     const self = this;
     const tableOptions: TableOptionsWithReactiveData<TData> = {
       getRowId: (row: TData) => cast(row).id,
@@ -110,12 +112,26 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
   private async _createColumns() {
     if (!this.properties) return [];
     if (!this.$props.getColumns) return await this._createColumnsMiddle(this.tableMeta.properties);
-    return await this.$props.getColumns(async properties => {
-      return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);
-    }, this);
+    return await this.$props.getColumns(
+      async properties => {
+        return await this._createColumnsMiddle(properties ?? this.tableMeta.properties);
+      },
+      async (key: string, render: TypeTableCellRenderComponent): Promise<TypeTableCellRender<TData, any> | undefined> => {
+        // columnScope
+        const columnScope = this.getColumnScope(key);
+        // renderContext
+        const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);
+        // columnProps
+        const { visible, columnProps } = this.getColumnComponentPropsTop(key, columnScope, jsxRenderContext);
+        // visible
+        if (visible === false) return;
+        return await this._createColumnRender(render, columnProps, columnScope, jsxRenderContext);
+      },
+      this,
+    );
   }
 
-  private async _createColumnsMiddle(properties: SchemaObject[]) {
+  private async _createColumnsMiddle(properties: SchemaObject[]): Promise<TypeColumn<TData>[]> {
     const tableMeta = this.tableMeta;
     const columnHelper = createColumnHelper<TData>();
     const columns: TypeColumn<TData>[] = [];
@@ -141,7 +157,7 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
   }
 
   private async _createTableMeta() {
-    const properties: SchemaObject[] = [];
+    let properties: SchemaObject[] = [];
     const renders: Record<string, TypeTableCellRender<TData>> = {};
     if (!this.properties) return { properties, renders };
     const promises: Promise<any>[] = [];
@@ -152,16 +168,20 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
       // renderContext
       const jsxRenderContext = this.getColumnJsxRenderContext(columnScope);
       // columnProps
-      const columnProps = this.getColumnComponentPropsTop(key, columnScope, jsxRenderContext);
+      const { visible, render, columnProps } = this.getColumnComponentPropsTop(key, columnScope, jsxRenderContext);
       // visible
-      if (columnProps.visible === false) continue;
+      if (visible === false) continue;
       // property
       properties.push(property);
       // render
-      promises.push(this._createColumnRender(columnProps.render, property, columnProps, columnScope));
+      promises.push(this._createColumnRender(render, columnProps, columnScope, jsxRenderContext));
     }
-    const res = await Promise.all(promises);
-    properties.forEach((item, index) => (renders[item.key!] = res[index]));
+    let res = await Promise.all(promises);
+    properties = properties.filter((_item, index) => !!res[index]);
+    res = res.filter(item => !!item);
+    properties.forEach((item, index) => {
+      renders[item.key!] = res[index];
+    });
     return { properties, renders };
   }
 
@@ -190,43 +210,82 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     };
   }
 
-  public async createColumnRender(key: string, render: TypeTableCellRenderComponent) {
-    // columnScope
-    const columnScope = this.getColumnScope(key);
-    return await this._createColumnRender(render, undefined, undefined, columnScope);
+  public async cellRenderPrepare(renders: TypeTableCellRenderComponent | TypeTableCellRenderComponent[]) {
+    if (!Array.isArray(renders)) renders = [renders];
+    const renderProviders = renders.map(item => this.getRenderProvider(item));
+    const promises: Promise<any>[] = renderProviders.map(renderProvider =>
+      (async () => {
+        if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {
+          return await this.sys.bean._getBean(renderProvider as any, true);
+        }
+      })(),
+    );
+    return await Promise.all(promises);
   }
 
   private async _createColumnRender(
-    render: TypeTableCellRenderComponent,
-    property: SchemaObject | undefined,
+    render: TypeTableCellRenderComponent | undefined,
     columnProps: ITableCellRenderColumnProps | undefined,
     columnScope: ITableColumnScope,
-  ): Promise<TypeTableCellRender<TData, any>> {
+    renderContext: IJsxRenderContextTableColumn,
+  ): Promise<TypeTableCellRender<TData, any> | undefined> {
     // renderProvider
     const renderProvider = this.getRenderProvider(render);
     // beanInstance
     let beanInstance: ITableCellRender | undefined;
-    let onionOptions: IDecoratorTableCellOptions | undefined;
     if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {
       beanInstance = await this.sys.bean._getBean(renderProvider as any, true);
       const beanOptions = appResource.getBean(renderProvider as any);
-      onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;
+      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;
+      columnProps = deepExtend({}, onionOptions, columnProps);
+      columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, columnScope, renderContext) as any;
+      if (beanInstance?.checkVisible && !(await beanInstance.checkVisible(columnProps as any, renderContext))) return;
     }
     return cellContext => {
       if (!cellContext) return;
-      return this._cellRender(render, property, columnProps, columnScope, cellContext, renderProvider, beanInstance, onionOptions);
+      return this._cellRender(render, columnProps, columnScope, cellContext, renderProvider, beanInstance, undefined, undefined, undefined);
     };
   }
 
+  public cellRender(render: TypeTableCellRenderComponent, columnProps: IResourceActionRowOptionsBase, renderContext: IJsxRenderContextTableCell) {
+    // render
+    const cellScope = renderContext.$celScope;
+    // renderProvider
+    const renderProvider = this.getRenderProvider(render);
+    // beanInstance
+    let beanInstance: ITableCellRender | undefined;
+    if (typeof renderProvider === 'string' && renderProvider.includes('.tableCell.')) {
+      beanInstance = this.sys.bean._getBeanSyncOnly(renderProvider as any);
+      const beanOptions = appResource.getBean(renderProvider as any);
+      const onionOptions = beanOptions?.options as IDecoratorTableCellOptions | undefined;
+      columnProps = deepExtend({}, onionOptions, columnProps);
+      columnProps = this.zovaJsx.renderJsxProps(columnProps as any, {}, renderContext.$celScope, renderContext) as any;
+    }
+    // const cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;
+    const cellProps = columnProps;
+    return this._cellRender(
+      render,
+      columnProps as ITableCellRenderColumnProps,
+      undefined,
+      renderContext.cellContext,
+      renderProvider,
+      beanInstance,
+      cellProps,
+      cellScope,
+      renderContext,
+    );
+  }
+
   private _cellRender(
-    render: TypeTableCellRenderComponent,
-    property: SchemaObject | undefined,
+    render: TypeTableCellRenderComponent | undefined,
     columnProps: ITableCellRenderColumnProps | undefined,
-    columnScope: ITableColumnScope,
+    columnScope: ITableColumnScope | undefined,
     cellContext: CellContext<TData, any>,
     renderProvider: TypeTableCellRenderComponentProvider,
     beanInstance: ITableCellRender | undefined,
-    onionOptions: IDecoratorTableCellOptions | undefined,
+    cellProps: any | undefined,
+    cellScope: ITableCellScope | undefined,
+    jsxRenderContext: IJsxRenderContextTableCell | undefined,
   ) {
     return this.zovaJsx.setTransientObject(
       {
@@ -235,57 +294,67 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
         },
       },
       () => {
-        return this._cellRenderInner(render, property, columnProps, columnScope, cellContext, renderProvider, beanInstance, onionOptions);
+        return this._cellRenderInner(
+          render,
+          columnProps,
+          columnScope,
+          cellContext,
+          renderProvider,
+          beanInstance,
+          cellProps,
+          cellScope,
+          jsxRenderContext,
+        );
       },
     );
   }
 
   private _cellRenderInner(
-    render: TypeTableCellRenderComponent,
-    property: SchemaObject | undefined,
+    render: TypeTableCellRenderComponent | undefined,
     columnProps: ITableCellRenderColumnProps | undefined,
-    columnScope: ITableColumnScope,
+    columnScope: ITableColumnScope | undefined,
     cellContext: CellContext<TData, any>,
     renderProvider: TypeTableCellRenderComponentProvider,
     beanInstance: ITableCellRender | undefined,
-    onionOptions: IDecoratorTableCellOptions | undefined,
+    cellProps: any | undefined,
+    cellScope: ITableCellScope | undefined,
+    jsxRenderContext: IJsxRenderContextTableCell | undefined,
   ) {
     // value
     const value = cellContext.getValue();
+    // renderFallbackValue
+    const fallbackValue = this.table.options.renderFallbackValue;
     // cellScope
-    const cellScope: ITableCellScope = objectAssignReactive({}, columnScope, { value });
-    // displayValue
-    let displayValue = property?.rest?.displayValue !== undefined ? this.zovaJsx.evaluateExpression(property?.rest?.displayValue, cellScope) : value;
-    if (displayValue === undefined || displayValue === null || displayValue === '') {
-      displayValue = this.table.options.renderFallbackValue;
+    if (!cellScope) {
+      cellScope = objectAssignReactive({}, columnScope, { value, fallbackValue })!;
     }
-    cellScope.displayValue = displayValue;
     // render: text
     if (renderProvider === 'text') {
-      return displayValue;
+      return isNilOrEmptyString(value) ? fallbackValue : value;
     }
     // renderContext
-    const jsxRenderContext = this.getCellJsxRenderContext(cellScope, cellContext);
+    if (!jsxRenderContext) {
+      jsxRenderContext = this.getCellJsxRenderContext(cellScope, cellContext);
+    }
     // beanInstance
     if (beanInstance) {
       // jsx: props
-      let cellProps = isJsxComponent(render)
-        ? this.zovaJsx.renderJsxProps(cast(render).props, { ...columnProps }, cellScope, jsxRenderContext)
-        : columnProps;
-      if (onionOptions) {
-        cellProps = deepExtend({}, onionOptions, cellProps);
+      if (!cellProps) {
+        // cellProps = isJsxComponent(render) ? Object.assign({}, columnProps, cast(render).props) : columnProps;
+        cellProps = columnProps;
       }
-      return beanInstance.render(cellProps ?? {}, jsxRenderContext, () => {
+      // const cellProps2 = this.zovaJsx.renderJsxProps(cellProps, {}, cellScope, jsxRenderContext);
+      return beanInstance.render(cellProps, jsxRenderContext, () => {
         const children = isJsxComponent(render) && cast(render).children;
         if (children && children.length > 0) {
           return this.zovaJsx.renderJsxChildrenDirect(children, cellScope, jsxRenderContext);
         } else {
-          return displayValue;
+          return value;
         }
       });
     }
     // general component
-    return this.zovaJsx.render(render, {}, cellScope, jsxRenderContext);
+    return this.zovaJsx.render(render!, {}, cellScope, jsxRenderContext);
   }
 
   public getColumnProperty(name: string): SchemaObject | undefined {
@@ -312,40 +381,35 @@ export class ControllerTable<TData extends {} = {}> extends BeanControllerTableB
     });
   }
 
-  public getColumnComponentPropsTop(name: string, celScope: {}, renderContext: {}): ITableCellRenderColumnProps {
-    const props: any = { [constColumnProps]: true, key: name, name };
+  public getColumnComponentPropsTop(name: string, celScope: {}, renderContext: {}): ITableCellRenderColumnOptions {
     const property = this.getColumnProperty(name);
-    if (!property) return props;
-    const rest = property.rest;
-    if (!rest) return props;
-    const keys = Object.keys(rest).filter(item => !renderTableColumnTopPropsSystem.includes(item));
-    if (keys.length === 0) return props;
-    for (const key of keys) {
-      const value = rest[key];
-      let keyValue;
-      if (key === 'render') {
-        if (typeof value === 'string') {
-          keyValue = this.zovaJsx.evaluateExpression(value, celScope);
-        } else {
-          keyValue = value;
-        }
-      } else {
-        keyValue = this.zovaJsx.renderJsxOrCel(value, undefined, celScope, renderContext);
-      }
-      props[key] = keyValue;
-    }
-    return props;
+    const rest = property?.rest;
+    return this._getColumnComponentPropsTopByRest(rest, name, celScope, renderContext);
   }
 
-  public getRenderFlattern(render: TypeTableCellRenderComponent): TypeTableCellRenderComponent {
-    return isJsxComponent(render) ? cast(render).type : render;
+  private _getColumnComponentPropsTopByRest(
+    rest: ISchemaObjectExtensionFieldRest | undefined,
+    name: string,
+    celScope: {},
+    _renderContext: {},
+  ): ITableCellRenderColumnOptions {
+    const visible = this.zovaJsx.evaluateExpression(rest?.visible, celScope);
+    const render = rest?.render as TypeTableCellRenderComponent | undefined;
+    const columnProps = Object.assign({ key: name }, cast(rest)?.columnProps);
+    return { visible, render, columnProps };
   }
 
-  public getRenderProvider(render: TypeTableCellRenderComponent): TypeTableCellRenderComponentProvider {
-    let renderProvider = this.getRenderFlattern(render);
-    if (typeof renderProvider === 'string') {
-      renderProvider = this.tableProvider.components?.[renderProvider] ?? renderProvider;
+  // public getRenderFlattern(render: TypeTableCellRenderComponent): TypeTableCellRenderComponent {
+  //   return isJsxComponent(render) ? cast(render).type : render;
+  // }
+
+  public getRenderProvider(render: TypeTableCellRenderComponent | undefined): TypeTableCellRenderComponentProvider {
+    if (!render) return 'text';
+    if (typeof render === 'string') {
+      const render2 = this.tableProvider.components?.[render];
+      if (!render2) throw new Error(`not found table cell component of: ${render}`);
+      return render2;
     }
-    return (renderProvider ?? 'text') as TypeTableCellRenderComponentProvider;
+    return render;
   }
 }

package/src/component/table/render.tsx

@@ -13,7 +13,10 @@ export class RenderTable extends BeanRenderBase {
             {table.getFlatHeaders().map(header => {
               return (
                 <th key={header.id}>
-                  <FlexRender render={header.column.columnDef.header} props={header.getContext()}></FlexRender>
+                  <FlexRender
+                    render={header.column.columnDef.header}
+                    props={header.getContext()}
+                  ></FlexRender>
                 </th>
               );
             })}
@@ -26,7 +29,10 @@ export class RenderTable extends BeanRenderBase {
                 {row.getVisibleCells().map(cell => {
                   return (
                     <td key={cell.id}>
-                      <FlexRender render={cell.column.columnDef.cell} props={cell.getContext()}></FlexRender>
+                      <FlexRender
+                        render={cell.column.columnDef.cell}
+                        props={cell.getContext()}
+                      ></FlexRender>
                     </td>
                   );
                 })}

package/src/lib/beanControllerPageTableBase.ts

@@ -11,4 +11,8 @@ export class BeanControllerPageTableBase extends BeanControllerPageBase {
       return markRaw(useVueTable(initialOptions));
     });
   }
+
+  public async refreshMeta() {
+    throw new Error('should implement refreshMeta');
+  }
 }

package/src/lib/beanControllerTableBase.ts

@@ -11,4 +11,8 @@ export class BeanControllerTableBase extends BeanControllerBase {
       return markRaw(useVueTable(initialOptions));
     });
   }
+
+  public async refreshMeta() {
+    throw new Error('should implement refreshMeta');
+  }
 }

package/src/types/index.ts

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