cabloy 5.1.65 → 5.1.66

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/command.delete.tsx

@@ -0,0 +1,47 @@
+import type {
+  ICommandExecute,
+  ICommandDetailsRowOptionsBase,
+  NextCommandExecute,
+} from 'zova-module-a-command';
+import type { IJsxRenderContextBase, IJsxRenderContextDetails } from 'zova-module-a-openapi';
+import type { IJsxRenderContextTableCell } from 'zova-module-a-table';
+
+import { isNil } from '@cabloy/utils';
+import { BeanBase } from 'zova';
+import { Command } from 'zova-module-a-command';
+
+export type TypeCommandDeleteResult = unknown;
+
+export interface ICommandOptionsDelete extends ICommandDetailsRowOptionsBase<TypeCommandDeleteResult> {}
+
+type DetailItem = Record<string, any>;
+
+@Command<ICommandOptionsDelete>()
+export class CommandDelete extends BeanBase implements ICommandExecute {
+  execute(
+    _options: ICommandOptionsDelete,
+    renderContext: IJsxRenderContextBase,
+    next: NextCommandExecute,
+  ) {
+    const { $celScope } = renderContext as IJsxRenderContextDetails;
+    const $$details = $celScope.$$details;
+    if (!$$details) throw new Error('should provide $$details in cell scope');
+    const { cellContext } = renderContext as IJsxRenderContextTableCell;
+    const row = cellContext?.row;
+    if (!row) throw new Error('should provide row in cell context');
+    const detailItem = row.original as DetailItem;
+    const detailItemIndex = row.index;
+    const detailItemId = detailItem.id;
+    const detailItems = $$details.data as DetailItem[];
+    if (!isNil(detailItemId)) {
+      $$details.data = detailItems.map(item => {
+        return item.id === detailItemId ? { ...item, deleted: true } : item;
+      });
+    } else {
+      $$details.data = detailItems.filter((_item, index) => {
+        return index !== detailItemIndex;
+      });
+    }
+    return next();
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/tableCell.actionDelete.tsx

@@ -0,0 +1,52 @@
+import type { IResourceDetailsActionRowOptionsBase } from 'zova-module-a-openapi';
+import type {
+  IJsxRenderContextTableCell,
+  ITableCellRender,
+  NextTableCellRender,
+} from 'zova-module-a-table';
+
+import { BeanBase } from 'zova';
+import { ZIcon } from 'zova-module-a-icon';
+import { TableCell } from 'zova-module-a-table';
+
+import { ICommandOptionsDelete } from './command.delete.jsx';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceDetailsActionRowRecord {
+    'basic-details:actionDelete'?: ITableCellOptionsActionDelete;
+  }
+}
+
+export interface ITableCellOptionsActionDelete extends IResourceDetailsActionRowOptionsBase {}
+
+@TableCell<ITableCellOptionsActionDelete>({
+  class: 'btn btn-outline btn-error join-item',
+})
+export class TableCellActionDelete extends BeanBase implements ITableCellRender {
+  render(
+    options: ITableCellOptionsActionDelete,
+    renderContext: IJsxRenderContextTableCell,
+    _next: NextTableCellRender,
+  ) {
+    const { $host } = renderContext;
+    return (
+      <button
+        class={options.class}
+        type="button"
+        onClick={async () => {
+          const confirmed = await $host.$performCommand('basic-commands:confirm', {
+            text: this.scope.locale.DeleteConfirm(),
+          });
+          if (!confirmed) return;
+          await $host.$performCommand(
+            'basic-details:delete',
+            options as Partial<ICommandOptionsDelete>,
+            renderContext,
+          );
+        }}
+      >
+        <ZIcon name="::delete" width={24}></ZIcon>
+      </button>
+    );
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/tableCell.actionOperationsRow.tsx

@@ -1,16 +1,21 @@
 import type {
   IResourceDetailsActionRowOptionsBase,
   IResourceRenderDetailsActionRowOptionsAction,
+  TypeTableCellRenderComponent,
 } from 'zova-module-a-openapi';
 import type {
   IJsxRenderContextTableCell,
+  IJsxRenderContextTableColumn,
   ITableCellRender,
   NextTableCellRender,
 } from 'zova-module-a-table';
 
+import { VNode } from 'vue';
 import { BeanBase } from 'zova';
 import { TableCell } from 'zova-module-a-table';
 
+import { checkPermission } from '../lib/utils.js';
+
 declare module 'zova-module-a-openapi' {
   export interface IResourceDetailsActionRowRecord {
     'basic-details:actionOperationsRow'?: ITableCellOptionsActionOperationsRow;
@@ -21,14 +26,47 @@ export interface ITableCellOptionsActionOperationsRow extends IResourceDetailsAc
   actions?: IResourceRenderDetailsActionRowOptionsAction[];
 }
 
-@TableCell<ITableCellOptionsActionOperationsRow>()
+@TableCell<ITableCellOptionsActionOperationsRow>({
+  class: 'join',
+})
 export class TableCellActionOperationsRow extends BeanBase implements ITableCellRender {
+  async checkVisible(
+    options: ITableCellOptionsActionOperationsRow,
+    renderContext: IJsxRenderContextTableColumn,
+  ): Promise<boolean> {
+    const { $celScope, $$table } = renderContext;
+    const actions = options.actions;
+    if (!actions || actions.length === 0) return false;
+    // renders
+    const renders: TypeTableCellRenderComponent[] = [];
+    for (const action of actions) {
+      const actionName = action.name;
+      const actionRender = action.render;
+      const permissionHint = action.options?.permission;
+      if (checkPermission($celScope.formMeta!.formScene!, permissionHint)) {
+        if (!actionRender) throw new Error(`should specify action render: ${actionName}`);
+        renders.push(actionRender);
+      }
+    }
+    await $$table.cellRenderPrepare(renders);
+    return renders.length > 0;
+  }
+
   render(
-    _options: ITableCellOptionsActionOperationsRow,
-    _renderContext: IJsxRenderContextTableCell,
-    next: NextTableCellRender,
+    options: ITableCellOptionsActionOperationsRow,
+    renderContext: IJsxRenderContextTableCell,
+    _next: NextTableCellRender,
   ) {
-    return <div>sssss</div>;
-    return next();
+    const { $celScope, $$table } = renderContext;
+    const actions = options.actions;
+    if (!actions || actions.length === 0) return;
+    const domActions: VNode[] = [];
+    actions.forEach((action, index) => {
+      const permissionHint = action.options?.permission;
+      if (!checkPermission($celScope.formMeta!.formScene!, permissionHint)) return;
+      const options2 = Object.assign({ key: index }, action.options);
+      domActions.push($$table.cellRender(action.render!, options2, renderContext));
+    });
+    return <div class={options.class}>{domActions}</div>;
   }
 }

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/tableCell.actionUpdate.tsx

@@ -0,0 +1,73 @@
+import type { IResourceDetailsActionRowOptionsBase } from 'zova-module-a-openapi';
+import type {
+  IJsxRenderContextTableCell,
+  ITableCellRender,
+  NextTableCellRender,
+} from 'zova-module-a-table';
+import type { AppModalItem, IModalDialogOptions } from 'zova-module-basic-app';
+
+import { BeanBase, deepExtend } from 'zova';
+import { TypeFormOnSubmitData } from 'zova-module-a-form';
+import { IIconRecord, ZIcon } from 'zova-module-a-icon';
+import { TableCell } from 'zova-module-a-table';
+
+import { ServiceDetail } from '../service/detail.jsx';
+import { IDialogFormOptions } from '../types/dialogForm.js';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceDetailsActionRowRecord {
+    'basic-details:actionUpdate'?: ITableCellOptionsActionUpdate;
+  }
+}
+
+export interface ITableCellOptionsActionUpdate extends IResourceDetailsActionRowOptionsBase {
+  dialogOptions?: IModalDialogOptions & { icon?: keyof IIconRecord; title?: string };
+}
+
+@TableCell<ITableCellOptionsActionUpdate>({
+  class: 'btn btn-outline btn-primary join-item',
+})
+export class TableCellActionUpdate extends BeanBase implements ITableCellRender {
+  render(
+    options: ITableCellOptionsActionUpdate,
+    renderContext: IJsxRenderContextTableCell,
+    _next: NextTableCellRender,
+  ) {
+    const { ctx, $celScope, cellContext } = renderContext;
+    return (
+      <button
+        class={options.class}
+        type="button"
+        onClick={async () => {
+          const $$details = $celScope.$$details;
+          if (!$$details) throw new Error('should provide $$details in cell scope');
+          const detailItem = cellContext.row.original as Record<string, any>;
+          const detailItemIndex = cellContext.row.index;
+          const serverDetail = await ctx.bean._newBean(ServiceDetail, true, {
+            locale: this.scope.locale,
+            schema: $$details.schemaForm,
+            data: deepExtend({}, detailItem),
+            formScene: 'edit',
+            schemaScene: 'form',
+            icon: options.dialogOptions?.icon,
+            title: options.dialogOptions?.title ?? this.scope.locale.EditDetail(),
+            dialogOptions: options.dialogOptions,
+            onSubmitData: (
+              data: TypeFormOnSubmitData<Record<string, any>>,
+              dialog: AppModalItem,
+            ) => {
+              const detailItemNew = deepExtend({}, detailItem, data.value);
+              $$details.data = $$details.data.map((item, index) => {
+                return index === detailItemIndex ? detailItemNew : item;
+              });
+              dialog.close();
+            },
+          } satisfies IDialogFormOptions);
+          serverDetail.openDialogForm();
+        }}
+      >
+        <ZIcon name="::draft" width={24}></ZIcon>
+      </button>
+    );
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/tableCell.actionView.tsx

@@ -0,0 +1,64 @@
+import type { IResourceDetailsActionRowOptionsBase } from 'zova-module-a-openapi';
+import type {
+  IJsxRenderContextTableCell,
+  ITableCellRender,
+  NextTableCellRender,
+} from 'zova-module-a-table';
+
+import { BeanBase } from 'zova';
+import { IIconRecord } from 'zova-module-a-icon';
+import { TableCell } from 'zova-module-a-table';
+import { IModalDialogOptions } from 'zova-module-basic-app';
+
+import { ServiceDetail } from '../service/detail.jsx';
+import { IDialogFormOptions } from '../types/dialogForm.js';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceDetailsActionRowRecord {
+    'basic-details:actionView'?: ITableCellOptionsActionView;
+  }
+}
+
+export interface ITableCellOptionsActionView extends IResourceDetailsActionRowOptionsBase {
+  dialogOptions?: IModalDialogOptions & { icon?: keyof IIconRecord; title?: string };
+}
+
+@TableCell<ITableCellOptionsActionView>({
+  class: 'hover:text-blue-500',
+})
+export class TableCellActionView extends BeanBase implements ITableCellRender {
+  render(
+    options: ITableCellOptionsActionView,
+    renderContext: IJsxRenderContextTableCell,
+    next: NextTableCellRender,
+  ) {
+    const { ctx, $celScope, cellContext } = renderContext;
+    const value = next();
+    return (
+      <a
+        class={options.class}
+        href="#"
+        onClick={async e => {
+          e.preventDefault();
+          e.stopPropagation();
+          const $$details = $celScope.$$details;
+          if (!$$details) throw new Error('should provide $$details in cell scope');
+          const detailItem = cellContext.row.original as Record<string, any>;
+          const serverDetail = await ctx.bean._newBean(ServiceDetail, true, {
+            locale: this.scope.locale,
+            schema: $$details.schemaForm,
+            data: detailItem,
+            formScene: 'view',
+            schemaScene: 'form-view',
+            icon: options.dialogOptions?.icon,
+            title: options.dialogOptions?.title ?? this.scope.locale.EditDetail(),
+            dialogOptions: options.dialogOptions,
+          } satisfies IDialogFormOptions);
+          serverDetail.openDialogForm();
+        }}
+      >
+        {value}
+      </a>
+    );
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/bean/tableCell.lineNumber.tsx

@@ -0,0 +1,30 @@
+import type { IResourceTableCellOptionsBase } from 'zova-module-a-openapi';
+import type {
+  IJsxRenderContextTableCell,
+  ITableCellRender,
+  NextTableCellRender,
+} from 'zova-module-a-table';
+
+import { BeanBase } from 'zova';
+import { TableCell } from 'zova-module-a-table';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceTableCellRecord {
+    'basic-details:lineNumber'?: ITableCellOptionsLineNumber;
+  }
+}
+
+export interface ITableCellOptionsLineNumber extends IResourceTableCellOptionsBase {}
+
+@TableCell<ITableCellOptionsLineNumber>()
+export class TableCellLineNumber extends BeanBase implements ITableCellRender {
+  render(
+    _options: ITableCellOptionsLineNumber,
+    renderContext: IJsxRenderContextTableCell,
+    _next: NextTableCellRender,
+  ) {
+    const { cellContext } = renderContext;
+    const row = cellContext?.row;
+    return row.index + 1;
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/actionCreate/controller.tsx

@@ -3,9 +3,15 @@ import type {
   IJsxRenderContextDetails,
   IResourceDetailsActionBulkOptionsBase,
 } from 'zova-module-a-openapi';
+import type { AppModalItem, IModalDialogOptions } from 'zova-module-basic-app';
 
 import { BeanControllerBase, Use } from 'zova';
 import { Controller } from 'zova-module-a-bean';
+import { TypeFormOnSubmitData } from 'zova-module-a-form';
+import { IIconRecord } from 'zova-module-a-icon';
+
+import { ServiceDetail } from '../../service/detail.jsx';
+import { IDialogFormOptions } from '../../types/dialogForm.js';
 
 declare module 'zova-module-a-openapi' {
   export interface IResourceDetailsActionBulkRecord {
@@ -13,7 +19,9 @@ declare module 'zova-module-a-openapi' {
   }
 }
 
-export interface ControllerActionCreateProps extends IResourceDetailsActionBulkOptionsBase {}
+export interface ControllerActionCreateProps extends IResourceDetailsActionBulkOptionsBase {
+  dialogOptions?: IModalDialogOptions & { icon?: keyof IIconRecord; title?: string };
+}
 
 @Controller()
 export class ControllerActionCreate extends BeanControllerBase {
@@ -23,16 +31,32 @@ export class ControllerActionCreate extends BeanControllerBase {
   @Use({ injectionScope: 'host' })
   $$renderContext: IJsxRenderContextDetails;
 
-  protected async __init__() {}
-
   protected render() {
     return (
       <button
         class={this.$props.class}
         type="button"
         onClick={async () => {
-          console.log('create');
-          // await this.$performCommand('basic-commands:create', this.$props, this.$$renderContext);
+          const { $$details } = this.$$renderContext;
+          const serverDetail = await this.bean._newBean(ServiceDetail, true, {
+            locale: this.scope.locale,
+            schema: $$details.schemaForm,
+            data: {},
+            formScene: 'create',
+            schemaScene: 'form-create',
+            icon: this.$props.dialogOptions?.icon,
+            title: this.$props.dialogOptions?.title ?? this.scope.locale.AddDetail(),
+            dialogOptions: this.$props.dialogOptions,
+            onSubmitData: (
+              data: TypeFormOnSubmitData<Record<string, any>>,
+              dialog: AppModalItem,
+            ) => {
+              const detailItem = data.value;
+              $$details.data = [...$$details.data, detailItem];
+              dialog.close();
+            },
+          } satisfies IDialogFormOptions);
+          serverDetail.openDialogForm();
         }}
       >
         {this.scope.locale.AddDetail()}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/blockDetails/controller.tsx

@@ -5,12 +5,11 @@ import { ZovaJsx } from 'zova-jsx';
 import { Controller } from 'zova-module-a-bean';
 import {
   IDetailsScope,
+  IFormMeta,
   IJsxRenderContextDetails,
-  IPermissionHintDetailsActionBulk,
   IResourceBlockOptionsBase,
   IResourceRenderBlockOptionsBlock,
   ISchemaObjectExtensionField,
-  TypeFormScene,
 } from 'zova-module-a-openapi';
 import { BeanControllerTableBase } from 'zova-module-a-table';
 
@@ -24,8 +23,9 @@ export interface ControllerBlockDetailsProps<
   TData extends {} = {},
 > extends IResourceBlockOptionsBase {
   blocks?: IResourceRenderBlockOptionsBlock[];
-  formScene?: TypeFormScene;
+  formMeta?: IFormMeta;
   schemaRow?: ISchemaObjectExtensionField;
+  schemaForm?: ISchemaObjectExtensionField;
   getDetailItems?: () => TData[] | undefined;
   setDetailItems?: (detailItems: TData[]) => void;
 }
@@ -50,21 +50,24 @@ export class ControllerBlockDetails<TData extends {} = {}> extends BeanControlle
     return this.$props.getDetailItems?.() ?? [];
   }
 
+  set data(detailItems: TData[]) {
+    this.$props.setDetailItems?.(detailItems);
+  }
+
+  get formMeta() {
+    return this.$props.formMeta!;
+  }
+
   get formScene() {
-    return this.$props.formScene!;
+    return this.formMeta.formScene!;
   }
 
   get schemaRow() {
     return this.$props.schemaRow!;
   }
 
-  public checkPermission(permissionHint?: IPermissionHintDetailsActionBulk): boolean {
-    const formScene = this.formScene;
-    const formSceneHint = permissionHint?.formScene;
-    if (!formSceneHint) return true;
-    if (Array.isArray(formSceneHint) && formSceneHint.includes(formScene!)) return true;
-    if (formSceneHint === formScene) return true;
-    return false;
+  get schemaForm() {
+    return this.$props.schemaForm!;
   }
 
   private _prepareJsx() {
@@ -83,7 +86,20 @@ export class ControllerBlockDetails<TData extends {} = {}> extends BeanControlle
   }
 
   private _prepareJsxCelScope(): IDetailsScope {
-    return {};
+    // eslint-disable-next-line
+    const self = this;
+    const $$details = this.$customRef(() => {
+      return {
+        get() {
+          return self;
+        },
+        set(_value) {},
+      };
+    }) as any;
+    return {
+      formMeta: this.formMeta,
+      $$details,
+    };
   }
 
   protected render() {

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/blockForm/controller.tsx

@@ -0,0 +1,53 @@
+import type { IComponentOptions } from 'zova';
+import type { IResourceBlockOptionsBase, IJsxRenderContextDetail } from 'zova-module-a-openapi';
+
+import { BeanControllerBase, Use } from 'zova';
+import { Controller } from 'zova-module-a-bean';
+import { BeanControllerFormBase, ZForm } from 'zova-module-a-form';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceBlockRecord {
+    'basic-details:blockForm'?: ControllerBlockFormProps;
+  }
+}
+
+export interface ControllerBlockFormProps extends IResourceBlockOptionsBase {}
+
+@Controller()
+export class ControllerBlockForm extends BeanControllerBase {
+  static $propsDefault = {};
+  static $componentOptions: IComponentOptions = { inheritAttrs: false, deepExtendDefault: true };
+
+  formRef: BeanControllerFormBase;
+
+  @Use({ injectionScope: 'host' })
+  $$renderContext: IJsxRenderContextDetail;
+
+  protected async __init__() {}
+
+  protected render() {
+    const { $$detail } = this.$$renderContext;
+    return (
+      <ZForm
+        class={this.$props.class}
+        controllerRef={ref => {
+          this.formRef = ref;
+          $$detail.formRef = ref;
+        }}
+        data={$$detail.formData}
+        schema={$$detail.formSchema}
+        schemaScene={$$detail.schemaScene}
+        formMeta={$$detail.formMeta}
+        formProvider={$$detail.formProvider}
+        formScope={$$detail.jsxCelScope}
+        onSubmitData={data => $$detail.submitData(data)}
+        onShowError={async ({ error }) => {
+          await this.$performCommand('basic-commands:alert', {
+            type: 'error',
+            text: error.message,
+          });
+        }}
+      ></ZForm>
+    );
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/blockTable/controller.tsx

@@ -27,7 +27,9 @@ export class ControllerBlockTable<TData extends {} = {}> extends BeanControllerB
 
   protected render() {
     const { $$details } = this.$$renderContext;
-    const data = [{ id: 1, name: 'yang' }] as any;
+    const data = ($$details.data as TData[]).filter(
+      item => (item as Record<string, any>).deleted !== true,
+    );
     return (
       <ZTable<TData>
         class={this.$props.class}
@@ -35,9 +37,12 @@ export class ControllerBlockTable<TData extends {} = {}> extends BeanControllerB
           this.tableRef = ref;
           $$details.tableRef = ref as unknown as BeanControllerTableBase<{}>;
         }}
-        data={data ?? ($$details.data as unknown as TData[])}
+        data={data}
         schema={$$details.schemaRow}
         tableScope={$$details.jsxCelScope}
+        getRowId={(_originalRow: TData, index: number) => {
+          return String(index);
+        }}
       ></ZTable>
     );
   }

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/blockToolbarBulk/controller.tsx

@@ -9,6 +9,8 @@ import { VNode } from 'vue';
 import { BeanControllerBase, Use } from 'zova';
 import { Controller } from 'zova-module-a-bean';
 
+import { checkPermission } from '../../lib/utils.js';
+
 declare module 'zova-module-a-openapi' {
   export interface IResourceBlockRecord {
     'basic-details:blockToolbarBulk'?: ControllerBlockToolbarBulkProps;
@@ -46,7 +48,7 @@ export class ControllerBlockToolbarBulk extends BeanControllerBase {
     const domActions: VNode[] = [];
     actions.forEach((action, index) => {
       const permissionHint = action.options?.permission;
-      if (!$$details.checkPermission(permissionHint)) return;
+      if (!checkPermission($$details.formScene, permissionHint)) return;
       const options = Object.assign({ key: index }, action.options);
       const domAction = $jsx.render(action.render!, options, $celScope, this.$$renderContext);
       if (!domAction) return;

package/zova/src/suite/cabloy-basic/modules/basic-details/src/component/formFieldDetails/controller.tsx

@@ -14,7 +14,7 @@ import { VNode } from 'vue';
 import { BeanControllerBase, deepExtend } from 'zova';
 import { ZovaJsx } from 'zova-jsx';
 import { Controller } from 'zova-module-a-bean';
-import { ZFormField } from 'zova-module-a-form';
+import { formMetaFromFormScene, ZFormField } from 'zova-module-a-form';
 
 declare module 'zova-module-a-openapi' {
   export interface IResourceFormFieldRecord {
@@ -22,7 +22,9 @@ declare module 'zova-module-a-openapi' {
   }
 }
 
-export interface IResourceFormFieldDetailsOptions extends IResourceFormFieldOptionsBase {}
+export interface IResourceFormFieldDetailsOptions extends IResourceFormFieldOptionsBase {
+  // schemaRow?:
+}
 
 export interface ControllerFormFieldDetailsProps extends IFormFieldComponentOptions {
   options?: IResourceFormFieldDetailsOptions;
@@ -60,19 +62,17 @@ export class ControllerFormFieldDetails extends BeanControllerBase {
     $$formField: ControllerFormField,
   ) {
     const { propsBucket } = formFieldRenderContext;
-    // schema
-    const schemaName = $$formField.property?.items?.$ref;
-    if (!schemaName) {
-      return <div>Should specify the detail schema</div>;
-    }
-    const schemaRow: ISchemaObjectExtensionField | undefined = this.$sdk.getSchema(
-      schemaName!,
-    ).data;
+    // schemaRow
+    const schemaRow = this._getSchemaRow($$formField);
     if (!schemaRow) return;
-    // formScene
+    // schemaForm
+    const schemaForm = $$formField.property!.items;
+    if (!schemaForm) return;
+    // formMeta
     const formScene: TypeFormScene = propsBucket.readonly
       ? 'view'
       : $$formField.formMeta!.formScene!;
+    const formMeta = formMetaFromFormScene(formScene);
     // blocks
     const blocks = schemaRow?.rest?.blocks;
     if (!blocks || blocks.length === 0) return;
@@ -81,8 +81,9 @@ export class ControllerFormFieldDetails extends BeanControllerBase {
       const options = deepExtend(
         { key: index },
         {
-          formScene,
+          formMeta,
           schemaRow,
+          schemaForm,
           getDetailItems: () => {
             return propsBucket.value;
           },
@@ -102,4 +103,15 @@ export class ControllerFormFieldDetails extends BeanControllerBase {
     });
     return <div>{domBlocks}</div>;
   }
+
+  private _getSchemaRow($$formField: ControllerFormField): ISchemaObjectExtensionField | undefined {
+    const fieldNameAux = `_${$$formField.name}`;
+    const propertyAux = $$formField.$$form.getFieldProperty(fieldNameAux);
+    // schema
+    const schemaName = propertyAux?.items?.$ref;
+    if (!schemaName) {
+      throw new Error(`Should specify the schemaRow of detail by auxiliary Field: ${fieldNameAux}`);
+    }
+    return this.$sdk.getSchema(schemaName!).data;
+  }
 }

package/zova/src/suite/cabloy-basic/modules/basic-details/src/config/locale/en-us.ts

@@ -1,3 +1,7 @@
 export default {
   AddDetail: 'Add Detail',
+  EditDetail: 'Edit Detail',
+  Cancel: 'Cancel',
+  OK: 'OK',
+  DeleteConfirm: 'Are you sure you want to delete this detail?',
 };

package/zova/src/suite/cabloy-basic/modules/basic-details/src/config/locale/zh-cn.ts

@@ -1,3 +1,7 @@
 export default {
   AddDetail: '新增明细',
+  EditDetail: '编辑明细',
+  Cancel: '取消',
+  OK: '确认',
+  DeleteConfirm: '您确认要删除本明细吗？',
 };