@ibiz-template/runtime 0.1.11 → 0.1.12-dev.0

package/src/controller/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.controller.ts

@@ -0,0 +1,213 @@
+// import { useCtx } from '@ibiz-template/vue3-util';
+import { IDEFormDetail } from '@ibiz/model-core';
+// import { reactive } from 'vue';
+import { FormController } from '../../../../form';
+import { FormGroupPanelController } from '../../../form-group-panel';
+import { FormMDCtrlContentTypeController } from '../../form-mdctrl-content-type.controller';
+import { FormMDCtrlItemController } from './form-mdctrl-repeater-form-item.controller';
+import { FormItemController } from '../../../form-item';
+import { IFormDetailController } from '../../../../../../../interface';
+import { findChildFormDetails } from '../../../../../../../model';
+import { getFormDetailProvider } from '../../../../../../../register';
+import { CTX } from '../../../../../../ctx';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlGridController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlRepeaterFormController extends FormMDCtrlContentTypeController {
+  /**
+   * 表单项控制器的集合（二维数组）
+   *
+   * @author zk
+   * @date 2023-07-25 05:07:56
+   * @type {Array<Array<FormItemController>>}
+   * @memberof FormMDCtrlController
+   */
+  formDetails: Array<
+    Array<{ name: string; detailType: string; c: IFormDetailController }>
+  > = [];
+
+  /**
+   * 表单ctx
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:00
+   * @private
+   * @type {CTX}
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  private formCtx!: CTX;
+
+  /**
+   * uiState
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:07
+   * @type {{ isInit: boolean }}
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  state: { isInit: boolean } = { isInit: false };
+
+  /**
+   * 初始化表单成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  protected async initFormMDCtrlItemControllers(
+    details: IDEFormDetail[],
+    index: number,
+    form: FormController = this.parent.form,
+    data: IData = {},
+    parent: FormGroupPanelController | undefined = undefined,
+  ): Promise<IData> {
+    const formData = data;
+    // const formData = reactive(data);
+
+    const formController = new FormMDCtrlItemController(
+      this.model,
+      this.parent.form.context,
+      this.parent.form.params,
+      this.formCtx,
+      formData,
+    );
+    await formController.onInit();
+    formController.evt.on('onFormDataChange', arg => {
+      if (arg.data.length > 0) {
+        this.onDataItemChange(arg.data[0], index);
+      }
+    });
+
+    formController.state.isLoaded = true;
+    await Promise.all(
+      details.map(async detail => {
+        // 生成表单成员控制器
+        const detailProvider = await getFormDetailProvider(detail);
+        if (!detailProvider) {
+          return;
+        }
+        form.providers[detail.id!] = detailProvider;
+        const detailController = await detailProvider.createController(
+          detail,
+          formController,
+          parent,
+        );
+        if (!this.formDetails[index]) {
+          this.formDetails[index] = [];
+        }
+        this.formDetails[index].push({
+          name: detail.id!,
+          detailType: detail.detailType!,
+          c: detailController,
+        });
+        // 有子成员的生成子控制器
+        const childDetails = findChildFormDetails(detail);
+        if (childDetails.length) {
+          await this.initFormMDCtrlItemControllers(
+            childDetails,
+            index,
+            formController,
+            data,
+            detailController as FormGroupPanelController,
+          );
+        }
+      }),
+    );
+    return data;
+  }
+
+  /**
+   * 数据插入
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:21
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  async onDataInsert(): Promise<void> {
+    const data = await this.initFormMDCtrlItemControllers(
+      this.model.deformDetails!,
+      this.data.length,
+    );
+    super.onDataInsert(data);
+  }
+
+  /**
+   * 数据删除
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:32
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataRemove(index: number): void {
+    if (index < 0) {
+      return;
+    }
+    super.onDataRemove(index);
+    this.formDetails.splice(index, 1);
+  }
+
+  /**
+   * 初始化formCtx
+   *
+   * @author zk
+   * @date 2023-07-29 05:07:21
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  useFormMdCtrlCtx(): void {
+    // this.formCtx = useCtx();
+  }
+
+  /**
+   * 初始化数据
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:37
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  async initData(): Promise<void> {
+    super.initData();
+    await Promise.all(
+      this.data.map(async (item, index) => {
+        await this.initFormMDCtrlItemControllers(
+          this.model.deformDetails!,
+          index,
+          this.parent.form,
+          item,
+        );
+      }),
+    );
+    this.state.isInit = true;
+  }
+
+  /**
+   * 表单项值规则校验
+   *
+   * @author zzq
+   * @date 2023-08-23 17:21:37
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  async validate(): Promise<boolean> {
+    const values: Promise<boolean>[] = [];
+    this.formDetails.forEach(details => {
+      details.forEach(detail => {
+        if (detail.detailType === 'FORMITEM') {
+          const c = detail.c as FormItemController;
+          values.push(c.validate());
+        }
+      });
+    });
+
+    const results = await Promise.all(values);
+    // 找不到value为false即全部是true
+    return results.findIndex(value => !value) === -1;
+  }
+}

package/src/controller/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.controller.ts

@@ -0,0 +1,178 @@
+// import { useCtx } from '@ibiz-template/vue3-util';
+import { IDEFormDetail } from '@ibiz/model-core';
+// import { reactive } from 'vue';
+import { FormController } from '../../../../form';
+import { FormGroupPanelController } from '../../../form-group-panel';
+import { FormMDCtrlContentTypeController } from '../../form-mdctrl-content-type.controller';
+import { FormMDCtrlItemController } from '../form-mdctrl-repeater-form/form-mdctrl-repeater-form-item.controller';
+import { FormItemController } from '../../../form-item';
+import { IFormDetailController } from '../../../../../../../interface';
+import { findChildFormDetails } from '../../../../../../../model';
+import { getFormDetailProvider } from '../../../../../../../register';
+import { CTX } from '../../../../../../ctx';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlGridController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlRepeaterFormOneController extends FormMDCtrlContentTypeController {
+  /**
+   * 数据
+   *
+   * @author zk
+   * @date 2023-07-31 09:07:25
+   * @readonly
+   * @type {IData[]}
+   * @memberof FormMDCtrlRepeaterFormOneController
+   */
+  get data(): IData[] {
+    return this.parent.state.contentCtrlData as IData[];
+  }
+
+  /**
+   * 表单项控制器的集合（二维数组）
+   *
+   * @author zk
+   * @date 2023-07-25 05:07:56
+   * @type {Array<Array<FormItemController>>}
+   * @memberof FormMDCtrlController
+   */
+  formDetail: Array<{
+    name: string;
+    detailType: string;
+    c: IFormDetailController;
+  }> = [];
+
+  private formCtx!: CTX;
+
+  state: { isInit: boolean } = { isInit: false };
+
+  /**
+   * 初始化表单成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  protected async initFormMDCtrlItemControllers(
+    details: IDEFormDetail[],
+    form: FormController = this.parent.form,
+    data: IData = {},
+    parent: FormGroupPanelController | undefined = undefined,
+  ): Promise<IData> {
+    const formData = data;
+    // const formData = reactive(data);
+
+    const formController = new FormMDCtrlItemController(
+      this.model,
+      this.parent.form.context,
+      this.parent.form.params,
+      this.formCtx,
+      formData,
+    );
+    await formController.onInit();
+    formController.evt.on('onFormDataChange', arg => {
+      if (arg.data.length > 0) {
+        this.onDataItemChange(arg.data[0]);
+      }
+    });
+
+    formController.state.isLoaded = true;
+    await Promise.all(
+      details.map(async detail => {
+        // 生成表单成员控制器
+        const detailProvider = await getFormDetailProvider(detail);
+        if (!detailProvider) {
+          return;
+        }
+        form.providers[detail.id!] = detailProvider;
+        const detailController = await detailProvider.createController(
+          detail,
+          formController,
+          parent,
+        );
+        if (!this.formDetail) {
+          this.formDetail = [];
+        }
+        this.formDetail.push({
+          name: detail.id!,
+          detailType: detail.detailType!,
+          c: detailController,
+        });
+        // 有子成员的生成子控制器
+        const childDetails = findChildFormDetails(detail);
+        if (childDetails.length) {
+          await this.initFormMDCtrlItemControllers(
+            childDetails,
+            formController,
+            data,
+            detailController as FormGroupPanelController,
+          );
+        }
+      }),
+    );
+    return data;
+  }
+
+  /**
+   * 初始化formCtx
+   *
+   * @author zk
+   * @date 2023-07-29 05:07:21
+   * @memberof FormMDCtrlRepeaterFormController
+   */
+  useFormMdCtrlCtx(): void {
+    // this.formCtx = useCtx();
+  }
+
+  async initData(): Promise<void> {
+    super.initData();
+    await this.initFormMDCtrlItemControllers(
+      this.model.deformDetails!,
+      this.parent.form,
+      this.data,
+    );
+    this.state.isInit = true;
+  }
+
+  /**
+   * 内部表单项数据发生改变，同步contentCtrlData并设置外部表单值
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:11
+   * @param {IData} data
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataItemChange(data: IData): void {
+    this.parent.state.contentCtrlData = data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 表单值校验
+   *
+   * @author zzq
+   * @date 2023-08-23 19:07:11
+   * @memberof FormMDCtrlController
+   */
+  async validate(): Promise<boolean> {
+    const values: Promise<boolean>[] = [];
+    this.formDetail.forEach(detail => {
+      if (detail.detailType === 'FORMITEM') {
+        const c = detail.c as FormItemController;
+        values.push(c.validate());
+      }
+    });
+
+    const results = await Promise.all(values);
+    // 找不到value为false即全部是true
+    return results.findIndex(value => !value) === -1;
+  }
+}

package/src/controller/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.controller.ts

@@ -0,0 +1,119 @@
+import { IDEFormDetail, IDEFormItem } from '@ibiz/model-core';
+import {
+  IEditorController,
+  IEditorProvider,
+} from '../../../../../../../interface';
+import { findChildFormDetails } from '../../../../../../../model';
+import { getEditorProvider } from '../../../../../../../register';
+import { isValueChange } from '../../../../../../utils';
+import { FormMDCtrlContentTypeController } from '../../form-mdctrl-content-type.controller';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlGridController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlRepeaterGridController extends FormMDCtrlContentTypeController {
+  /**
+   * 表格列对象
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:58
+   * @type {{ codeName: string; caption: string }[]}
+   * @memberof FormMDCtrlRepeaterGridController
+   */
+  columns: { codeName: string; caption: string }[] = [];
+
+  /**
+   * 编辑器对象
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:48
+   * @type {{
+   *     [key: string]: { provider: IEditorProvider; controller: IEditorController };
+   *   }}
+   * @memberof FormMDCtrlRepeaterGridController
+   */
+  editorMap: {
+    [key: string]: { provider: IEditorProvider; controller: IEditorController };
+  } = {};
+
+  /**
+   * 初始化
+   *
+   * @author zk
+   * @date 2023-07-25 10:07:11
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  public async onInit(): Promise<void> {
+    this.initColumns(this.model.deformDetails || []);
+  }
+
+  /**
+   * 初始化表格列
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:06
+   * @param {IDEFormDetail[]} details
+   * @memberof FormMDCtrlRepeaterGridController
+   */
+  public initColumns(details: IDEFormDetail[]): void {
+    details.forEach(async detail => {
+      if (detail.detailType === 'FORMITEM') {
+        const { editor } = detail as IDEFormItem;
+        const editorProvider = await getEditorProvider(editor!);
+        if (editorProvider) {
+          const c = await editorProvider.createController(editor!, {
+            unitName: (editor as IDEFormItem).unitName,
+            valueFormat: (editor as IDEFormItem).valueFormat,
+            context: this.parent.form.context,
+            params: this.parent.form.params,
+          });
+          this.editorMap[detail.codeName!] = {
+            provider: editorProvider,
+            controller: c,
+          };
+        }
+        this.columns.push({
+          codeName: detail.codeName!,
+          caption: detail.caption!,
+        });
+      }
+      const childDetails = findChildFormDetails(detail);
+      if (childDetails.length) {
+        this.initColumns(childDetails);
+      }
+    });
+  }
+
+  /**
+   * 行数据改变
+   *
+   * @author zk
+   * @date 2023-07-30 10:07:27
+   * @param {unknown} val
+   * @param {string} name
+   * @param {number} index
+   * @return {*}
+   * @memberof FormMDCtrlRepeaterGridController
+   */
+  rowDataChange(val: unknown, name: string, index: number): void {
+    const item = this.data[index];
+    if (
+      Object.prototype.hasOwnProperty.call(item, name) &&
+      !isValueChange(item[name], val)
+    ) {
+      // `表格行数据里没有属性${name}或者${name}的值未发生改变`
+      return;
+    }
+    item[name] = val;
+    this.onDataItemChange(item, index);
+  }
+}

package/src/controller/control/form/form-detail/form-mdctrl/form-mdctrl.controller.ts

@@ -0,0 +1,153 @@
+import { IDEFormMDCtrl } from '@ibiz/model-core';
+import { FormDetailController } from '../form-detail';
+import { FormMDCtrlContentTypeController } from './form-mdctrl-content-type.controller';
+import { FormMDCtrlDataViewController } from './form-mdctrl-data-view/form-mdctrl-data-view.controller';
+import { FormMDCtrlFormController } from './form-mdctrl-form/form-mdctrl-form.controller';
+import { FormMDCtrlGridController } from './form-mdctrl-grid/form-mdctrl-grid.controller';
+import { FormMDCtrlListController } from './form-mdctrl-list/form-mdctrl-list.controller';
+import { FormMDCtrlRepeaterFormOneController } from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.controller';
+import { FormMDCtrlRepeaterFormController } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.controller';
+import { FormMDCtrlRepeaterGridController } from './form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.controller';
+import { FormMDCtrlState } from './form-mdctrl.state';
+
+/**
+ * 表单多数据部件控制器
+ *
+ * @author zk
+ * @date 2023-08-02 09:08:55
+ * @export
+ * @class FormMDCtrlController
+ * @extends {FormDetailController<IDEFormMDCtrl>}
+ */
+export class FormMDCtrlController extends FormDetailController<IDEFormMDCtrl> {
+  /**
+   * 表单多数据部件控制器状态
+   *
+   * @author zk
+   * @date 2023-07-28 09:07:14
+   * @type {FormMDCtrlState}
+   * @memberof FormMDCtrlController
+   */
+  declare state: FormMDCtrlState;
+
+  /**
+   * Creates an instance of FormMDCtrlController.
+   *
+   * @author zk
+   * @date 2023-07-28 09:07:25
+   * @protected
+   * @return {*}  {FormMDCtrlState}
+   * @memberof FormMDCtrlController
+   */
+  protected createState(): FormMDCtrlState {
+    return new FormMDCtrlState(this.parent?.state);
+  }
+
+  /**
+   * 表单多数据部件内容控制器
+   *
+   * @author zk
+   * @date 2023-07-28 11:07:49
+   * @type {(FormMDCtrlFormController
+   *     | FormMDCtrlGridController)}
+   * @memberof FormMDCtrlController
+   */
+  public mdCtrlContentController!: FormMDCtrlContentTypeController;
+
+  /**
+   * 初始化
+   *
+   * @author zk
+   * @date 2023-07-25 10:07:11
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+
+    switch (this.model.contentType) {
+      case 'FORM':
+        this.mdCtrlContentController = new FormMDCtrlFormController(this);
+        break;
+      case 'GRID':
+        this.mdCtrlContentController = new FormMDCtrlGridController(this);
+        break;
+      case 'LIST':
+        this.mdCtrlContentController = new FormMDCtrlListController(this);
+        break;
+      case 'DATAVIEW':
+        this.mdCtrlContentController = new FormMDCtrlDataViewController(this);
+        break;
+      case 'REPEATER':
+        if (this.model.detailStyle === 'DEFAULT') {
+          this.mdCtrlContentController = new FormMDCtrlRepeaterFormController(
+            this,
+          );
+        }
+        if (this.model.detailStyle === 'STYLE3') {
+          this.mdCtrlContentController =
+            new FormMDCtrlRepeaterFormOneController(this);
+        }
+        if (this.model.detailStyle === 'STYLE2') {
+          this.mdCtrlContentController = new FormMDCtrlRepeaterGridController(
+            this,
+          );
+        }
+        break;
+      default:
+        break;
+    }
+    if (this.mdCtrlContentController) {
+      await this.mdCtrlContentController.onInit();
+    }
+  }
+
+  /**
+   * 手动通知外部表单值变更
+   *
+   * @author zk
+   * @date 2023-08-02 09:08:41
+   * @memberof FormMDCtrlController
+   */
+  setFormDataValue(): void {
+    const name =
+      this.model.appDEFieldId || this.model.fieldName || this.model.id;
+    if (name) {
+      this.form.setDataValue(name, this.state.contentCtrlData);
+    }
+  }
+
+  /**
+   * 加载数据，要在表单加载完成之后再去加载
+   *
+   * @author zk
+   * @date 2023-07-28 11:07:09
+   * @memberof FormMDCtrlController
+   */
+  async loadData(): Promise<void> {
+    await this.mdCtrlContentController.initData();
+  }
+
+  /**
+   * 表单校验，通知子表单进行校验
+   *
+   * @author zzq
+   * @date 2023-08-23 11:07:09
+   * @memberof FormMDCtrlController
+   */
+  async validate(): Promise<boolean> {
+    return this.mdCtrlContentController.validate();
+  }
+
+  /**
+   * 设置默认值
+   *
+   * @author zzq
+   * @date 2023-08-23 19:00:09
+   * @memberof FormMDCtrlController
+   */
+  setDefaultValue(): void {
+    // todo 设置默认值
+  }
+}

package/src/controller/control/form/form-detail/form-mdctrl/form-mdctrl.state.ts

@@ -0,0 +1,16 @@
+import { FormDetailState } from '../form-detail';
+
+/**
+ * 表单多数据部件状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormMDCtrlState extends FormDetailState {
+  /**
+   * 多数据内容数据
+   *
+   * @type {Array<IData>}
+   */
+  contentCtrlData: Array<IData> | IData = [];
+}

package/src/controller/control/form/form-detail/form-mdctrl/index.ts

@@ -0,0 +1,12 @@
+export * from './form-mdctrl-content-type.controller';
+export * from './form-mdctrl.controller';
+export * from './form-mdctrl.state';
+export * from './form-mdctrl-control/form-mdctrl-control.controller';
+export * from './form-mdctrl-data-view/form-mdctrl-data-view.controller';
+export * from './form-mdctrl-form/form-mdctrl-form.controller';
+export * from './form-mdctrl-grid/form-mdctrl-grid.controller';
+export * from './form-mdctrl-list/form-mdctrl-list.controller';
+export * from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-item.controller';
+export * from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.controller';
+export * from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.controller';
+export * from './form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.controller';