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

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

@@ -0,0 +1,120 @@
+import { IListController, EventBase } from '../../../../../../interface';
+import { FormMDCtrlControlController } from '../form-mdctrl-control/form-mdctrl-control.controller';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlDataViewController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlDataViewController extends FormMDCtrlControlController {
+  /**
+   * 表格控制器
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:18
+   * @type {IListController}
+   * @memberof FormMDCtrlDataViewController
+   */
+  dataViewController!: IListController;
+
+  /**
+   * 表格选中数据
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:45
+   * @type {IData[]}
+   * @memberof FormMDCtrlDataViewController
+   */
+  selectData: IData[] = [];
+
+  /**
+   * uiState
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:57
+   * @type {{ isSelect: boolean }}
+   * @memberof FormMDCtrlDataViewController
+   */
+  state: { isSelect: boolean } = { isSelect: false };
+
+  /**
+   * 表格挂载后把控制器抛出来
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:25
+   * @param {EventBase} event
+   * @memberof FormMDCtrlDataViewController
+   */
+  onDataViewMounted(event: EventBase): void {
+    this.dataViewController = event.ctrl as IListController;
+  }
+
+  /**
+   * 表格选中事件
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:06
+   * @param {EventBase} event
+   * @memberof FormMDCtrlDataViewController
+   */
+  onSelectionChange(event: EventBase): void {
+    this.state.isSelect = event.data.length > 0;
+  }
+
+  /**
+   * 数据删除
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:32
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataRemove(): void {
+    this.dataViewController.remove();
+    this.parent.state.contentCtrlData = this.dataViewController.state.items;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 内部表单数据发生改变，同步contentCtrlData并设置外部表单值
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:18
+   * @param {IData[]} data
+   * @memberof FormMDCtrlController
+   */
+  onDataChange(data: IData[]): void {
+    this.parent.state.contentCtrlData = data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 初始化数据
+   *
+   * @author zk
+   * @date 2023-07-30 08:07:32
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async initData(): Promise<void> {
+    this.dataViewController.load();
+  }
+
+  /**
+   * 数据插入
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:27
+   * @param {IData} [data]
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async onDataInsert(): Promise<void> {
+    // await this.dataViewController.newRow();
+    // this.parent.state.contentCtrlData = this.dataViewController.state.items;
+    // this.parent.setFormDataValue();
+  }
+}

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

@@ -0,0 +1,224 @@
+import { IHttpResponse, mergeInLeft } from '@ibiz-template/core';
+import { isArray } from 'lodash-es';
+import { IEditFormController, EventBase } from '../../../../../../interface';
+import { ControlVO } from '../../../../../../service';
+import { EditFormService } from '../../../edit-form';
+import { FormMDCtrlControlController } from '../form-mdctrl-control/form-mdctrl-control.controller';
+
+/**
+ * 表单多数据部件表单类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlFormController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlFormController extends FormMDCtrlControlController {
+  /**
+   * 表格控制器
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:18
+   * @type {IGridController}
+   * @memberof FormMDCtrlGridController
+   */
+  controlControllerArray: IEditFormController[] = [];
+
+  /**
+   * uiState
+   *
+   * @author zk
+   * @date 2023-08-01 03:08:16
+   * @type {{ data: IData[] }}
+   * @memberof FormMDCtrlFormController
+   */
+  state: { data: IData[] } = { data: [] };
+
+  /**
+   * 编辑表单服务
+   * @author lxm
+   * @date 2023-05-15 11:03:34
+   * @type {EditFormService}
+   */
+  service!: EditFormService;
+
+  /**
+   * 表格挂载后把控制器抛出来
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:25
+   * @param {EventBase} event
+   * @memberof FormMDCtrlGridController
+   */
+  onControlMounted(event: EventBase, index: number): void {
+    const formController = event.ctrl as IEditFormController;
+    this.controlControllerArray[index] = formController;
+    formController.load();
+  }
+
+  /**
+   * 初始化
+   *
+   * @author zk
+   * @date 2023-07-25 10:07:11
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  async onInit(): Promise<void> {
+    super.onInit();
+    // 实例部件服务
+    this.service = new EditFormService(this.model.contentControl!);
+    await this.service.init(this.parent.form.context);
+  }
+
+  /**
+   * 执行查询多条数据的方法
+   *
+   * @author lxm
+   * @date 2022-08-31 17:08:41
+   * @param {IParams} context 上下文
+   * @param {IParams} [params={}] 视图参数
+   * @returns {*}  {Promise<IHttpResponse>}
+   */
+  async fetch(
+    context: IParams,
+    params: IParams = {},
+  ): Promise<IHttpResponse<ControlVO[]>> {
+    const fetchAction = 'fetchdefault';
+    let res = await this.service.exec(fetchAction, context, params);
+    res = this.handleResponse(res);
+    return res as IHttpResponse<ControlVO[]>;
+  }
+
+  /**
+   * 处理响应(数组类型)
+   *
+   * @author lxm
+   * @date 2022-08-31 17:08:13
+   * @param {IHttpResponse} res
+   * @returns {*}  {IHttpResponse}
+   */
+  handleResponse(response: IHttpResponse): IHttpResponse {
+    const res = response as IHttpResponse<IData[] | IData>;
+    if (res.ok) {
+      if (isArray(res.data)) {
+        res.data = (res.data as IData[]).map(item =>
+          this.service.toUIData(item),
+        );
+      } else {
+        res.data = this.service.toUIData(res.data);
+      }
+    }
+    return res;
+  }
+
+  /**
+   * 初始化数据
+   *
+   * @author zk
+   * @date 2023-07-30 08:07:32
+   * @memberof FormMDCtrlFormController
+   */
+  async initData(): Promise<void> {
+    const res = await this.fetch(
+      this.parent.form.context,
+      this.parent.form.params,
+    );
+    this.state.data = res.data;
+  }
+
+  /**
+   * 数据删除
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:32
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataRemove(index: number): void {
+    const c = this.controlControllerArray[index];
+    if (!c) {
+      return;
+    }
+    c.remove();
+  }
+
+  /**
+   * 处理表单数据变化
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:03
+   * @param {IData[]} data
+   * @param {number} index
+   * @memberof FormMDCtrlFormController
+   */
+  onFormChange(data: IData[], index: number): void {
+    const c = this.controlControllerArray[index];
+    if (!c) {
+      return;
+    }
+    c.save();
+    if (this.state.data[index]) {
+      mergeInLeft(this.state.data[index], data[0]);
+    }
+    this.parent.state.contentCtrlData = this.state.data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 表单删除成功
+   *
+   * @author zk
+   * @date 2023-08-01 03:08:47
+   * @param {number} index
+   * @memberof FormMDCtrlFormController
+   */
+  onFormRemoveSuccess(index: number): void {
+    this.state.data.splice(index, 1);
+    this.controlControllerArray.splice(index, 1);
+    this.parent.state.contentCtrlData = this.state.data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 数据插入
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:27
+   * @memberof FormMDCtrlFormController
+   */
+  async onDataInsert(): Promise<void> {
+    const res = await this.service.getDraft(
+      this.parent.form.context,
+      this.parent.form.params,
+    );
+    if (res.data) {
+      const result = await this.service.create(
+        this.parent.form.context,
+        res.data,
+      );
+      this.state.data.push(result.data);
+      this.parent.state.contentCtrlData = this.state.data;
+      this.parent.setFormDataValue();
+    }
+  }
+
+  /**
+   * 表单项值规则校验
+   *
+   * @author zzq
+   * @date 2023-08-23 16:33:32
+   * @memberof FormMDCtrlFormController
+   */
+  async validate(): Promise<boolean> {
+    const values = await Promise.all(
+      this.controlControllerArray.map(form => form.validate()),
+    );
+
+    // 找不到value为false即全部是true
+    return values.findIndex(value => !value) === -1;
+  }
+}

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

@@ -0,0 +1,161 @@
+import { RuntimeError, mergeInLeft } from '@ibiz-template/core';
+import { IGridController, EventBase } from '../../../../../../interface';
+import { getControlProvider } from '../../../../../../register';
+import { FormMDCtrlControlController } from '../form-mdctrl-control/form-mdctrl-control.controller';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlGridController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlGridController extends FormMDCtrlControlController {
+  /**
+   * 表格控制器
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:18
+   * @type {IGridController}
+   * @memberof FormMDCtrlGridController
+   */
+  gridController!: IGridController;
+
+  /**
+   * 表格选中数据
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:45
+   * @type {IData[]}
+   * @memberof FormMDCtrlGridController
+   */
+  selectData: IData[] = [];
+
+  /**
+   * uiState
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:57
+   * @type {{ isSelect: boolean }}
+   * @memberof FormMDCtrlGridController
+   */
+  state: { isSelect: boolean } = { isSelect: false };
+
+  /**
+   * 表格挂载后把控制器抛出来
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:25
+   * @param {EventBase} event
+   * @memberof FormMDCtrlGridController
+   */
+  onGridMounted(event: EventBase): void {
+    this.gridController = event.ctrl as IGridController;
+  }
+
+  /**
+   * 表格选中事件
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:06
+   * @param {EventBase} event
+   * @memberof FormMDCtrlGridController
+   */
+  onSelectionChange(event: EventBase): void {
+    this.state.isSelect = event.data.length > 0;
+  }
+
+  /**
+   * 数据删除
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:32
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataRemove(): void {
+    this.gridController.remove();
+    this.parent.state.contentCtrlData = this.gridController.state.items;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 内部表单数据发生改变，同步contentCtrlData并设置外部表单值
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:18
+   * @param {IData[]} data
+   * @memberof FormMDCtrlController
+   */
+  onDataChange(data: IData[]): void {
+    this.parent.state.contentCtrlData = data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 初始化数据
+   *
+   * @author zk
+   * @date 2023-07-30 08:07:32
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async initData(): Promise<void> {
+    this.gridController.load();
+  }
+
+  /**
+   * 数据插入
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:27
+   * @param {IData} [data]
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async onDataInsert(): Promise<void> {
+    await this.gridController.newRow();
+    this.parent.state.contentCtrlData = this.gridController.state.items;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 初始化, 表格默认支持行编辑、行编辑
+   *
+   * @author zzq
+   * @date 2023-08-23 15:41:27
+   * @param {IData} [data]
+   * @memberof FormMDCtrlContentTypeController
+   */
+  public async onInit(): Promise<void> {
+    const { model } = this.parent;
+    const { contentControl } = model;
+    if (!contentControl) {
+      throw new RuntimeError('表单多数据部件未配置嵌入部件');
+    }
+    mergeInLeft(contentControl, { enableRowEdit: true, enableRowNew: true });
+    this.controlModel = contentControl;
+    const controlProvider = await getControlProvider(this.controlModel);
+    if (controlProvider) {
+      this.provider = controlProvider;
+    }
+  }
+
+  /**
+   * 表单项值规则校验
+   *
+   * @author zzq
+   * @date 2023-08-23 16:33:32
+   * @memberof FormMDCtrlFormController
+   */
+  async validate(): Promise<boolean> {
+    const { rows } = this.gridController.state;
+    const values = await Promise.all(
+      rows.map(row => this.gridController.validate(row)),
+    );
+
+    // 找不到value为false即全部是true
+    return values.findIndex(value => !value) === -1;
+  }
+}

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

@@ -0,0 +1,120 @@
+import { IListController, EventBase } from '../../../../../../interface';
+import { FormMDCtrlControlController } from '../form-mdctrl-control/form-mdctrl-control.controller';
+
+/**
+ * 表单多数据部件表格类型控制器
+ *
+ * @author zk
+ * @date 2023-07-28 08:07:57
+ * @export
+ * @class FormMDCtrlListController
+ * @extends {EditFormController}
+ * @implements {IFormController}
+ */
+export class FormMDCtrlListController extends FormMDCtrlControlController {
+  /**
+   * 表格控制器
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:18
+   * @type {IListController}
+   * @memberof FormMDCtrlListController
+   */
+  listController!: IListController;
+
+  /**
+   * 表格选中数据
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:45
+   * @type {IData[]}
+   * @memberof FormMDCtrlListController
+   */
+  selectData: IData[] = [];
+
+  /**
+   * uiState
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:57
+   * @type {{ isSelect: boolean }}
+   * @memberof FormMDCtrlListController
+   */
+  state: { isSelect: boolean } = { isSelect: false };
+
+  /**
+   * 表格挂载后把控制器抛出来
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:25
+   * @param {EventBase} event
+   * @memberof FormMDCtrlListController
+   */
+  onListMounted(event: EventBase): void {
+    this.listController = event.ctrl as IListController;
+  }
+
+  /**
+   * 表格选中事件
+   *
+   * @author zk
+   * @date 2023-07-30 07:07:06
+   * @param {EventBase} event
+   * @memberof FormMDCtrlListController
+   */
+  onSelectionChange(event: EventBase): void {
+    this.state.isSelect = event.data.length > 0;
+  }
+
+  /**
+   * 数据删除
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:32
+   * @param {number} index
+   * @memberof FormMDCtrlController
+   */
+  onDataRemove(): void {
+    this.listController.remove();
+    this.parent.state.contentCtrlData = this.listController.state.items;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 内部表单数据发生改变，同步contentCtrlData并设置外部表单值
+   *
+   * @author zk
+   * @date 2023-07-30 05:07:18
+   * @param {IData[]} data
+   * @memberof FormMDCtrlController
+   */
+  onDataChange(data: IData[]): void {
+    this.parent.state.contentCtrlData = data;
+    this.parent.setFormDataValue();
+  }
+
+  /**
+   * 初始化数据
+   *
+   * @author zk
+   * @date 2023-07-30 08:07:32
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async initData(): Promise<void> {
+    this.listController.load();
+  }
+
+  /**
+   * 数据插入
+   *
+   * @author zk
+   * @date 2023-07-31 12:07:27
+   * @param {IData} [data]
+   * @memberof FormMDCtrlContentTypeController
+   */
+  async onDataInsert(): Promise<void> {
+    // await this.listController.newRow();
+    // this.parent.state.contentCtrlData = this.listController.state.items;
+    // this.parent.setFormDataValue();
+  }
+}

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

@@ -0,0 +1,36 @@
+import { IControl, IDEFormMDCtrl } from '@ibiz/model-core';
+import { IFormController } from '../../../../../../../interface';
+import { CTX } from '../../../../../../ctx';
+import { EditFormController } from '../../../../edit-form';
+
+/**
+ * 表单多数据部件项控制器
+ *
+ * @author chitanda
+ * @date 2022-08-03 11:08:20
+ * @export
+ * @class MDCtrlFormController
+ * @extends {FormController<MDCtrlFormModel>}
+ */
+export class FormMDCtrlItemController
+  extends EditFormController
+  implements IFormController
+{
+  constructor(
+    model: IControl,
+    context: IContext,
+    params: IParams,
+    ctx: CTX,
+    data: IData,
+  ) {
+    super(model, context, params, ctx);
+    this.state.data = data;
+    this.state.isSimple = true;
+  }
+
+  public async onInit(): Promise<void> {
+    await this.initDetailControllers(
+      (this.model as IDEFormMDCtrl).deformDetails,
+    );
+  }
+}