@ibiz-template/runtime 0.7.41-alpha.11 → 0.7.41-alpha.111

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

@@ -0,0 +1,397 @@
+/* eslint-disable no-unused-expressions */
+import { ModelError, recursiveIterate } from '@ibiz-template/core';
+import { IDEEditFormItem, IDEForm, IDEFormDetail } from '@ibiz/model-core';
+import { clone, isNil } from 'ramda';
+import {
+  FormDetailEventName,
+  IEditFormController,
+  IFormMDCtrlRepeaterController,
+} from '../../../../../interface';
+import { FormMDCtrlController } from './form-mdctrl.controller';
+import { EditFormController } from '../../edit-form';
+import { getDefaultValue } from '../../../../utils';
+import { FormNotifyState } from '../../../../constant';
+
+/**
+ * @description 表单多数据部件(重复器)控制器
+ * @export
+ * @class FormMDCtrlRepeaterController
+ * @extends {FormMDCtrlController}
+ * @implements {IFormMDCtrlRepeaterController}
+ */
+export class FormMDCtrlRepeaterController
+  extends FormMDCtrlController
+  implements IFormMDCtrlRepeaterController
+{
+  /**
+   * @description 多数据重复器对应的表单里的值
+   * @readonly
+   * @type {(IData[] | IData | null)}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  get value(): IData[] | IData | null {
+    return this.data[this.model.id!];
+  }
+
+  /**
+   * @description 是否允许排序
+   * @readonly
+   * @type {boolean}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  get enableSort(): boolean {
+    return !!(
+      this.model.ctrlParams &&
+      (this.model.ctrlParams.ENABLESORT === 'true' ||
+        this.model.ctrlParams.enablesort === 'true')
+    );
+  }
+
+  /**
+   * @description 重复器样式
+   * @type {('Grid' | 'MultiForm' | 'SingleForm')}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  repeaterStyle: 'Grid' | 'MultiForm' | 'SingleForm' = 'MultiForm';
+
+  /**
+   * @description 重复器的值是否是单项数据类型，true为对象格式，false为数组格式
+   * @type {boolean}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  isSingleData: boolean = false;
+
+  /**
+   * @description 重复表单
+   * @type {IDEForm}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  repeatedForm!: IDEForm;
+
+  /**
+   * @description 重复器map
+   * @memberof FormMDCtrlRepeaterController
+   */
+  repeaterMap = new Map<string, IEditFormController>();
+
+  /**
+   * @description 初始化
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+
+    // 初始化样式类型和数据类型
+    switch (this.model.detailStyle) {
+      // 表单
+      case 'DEFAULT':
+        this.repeaterStyle = 'MultiForm';
+        this.isSingleData = false;
+        break;
+      // 表格
+      case 'STYLE2':
+        this.repeaterStyle = 'Grid';
+        this.isSingleData = false;
+        break;
+      // 1：1表单
+      case 'STYLE3':
+        this.repeaterStyle = 'SingleForm';
+        this.isSingleData = true;
+        break;
+      default:
+        if (this.context?.srfrunmode === 'DESIGN') {
+          return;
+        }
+        throw new ModelError(
+          this.model,
+          ibiz.i18n.t('runtime.controller.control.form.repeaterNoSupported', {
+            detailStyle: this.model.detailStyle,
+          }),
+        );
+    }
+
+    this.prepareRepeatedForm();
+  }
+
+  /**
+   * @description 准备重复器表单模型
+   * @memberof FormMDCtrlRepeaterController
+   */
+  prepareRepeatedForm(): void {
+    const id = `${this.model.id}repeatedform`;
+    const tempForm: IDEForm = {
+      appId: this.model.appId,
+      id,
+      codeName: id,
+      name: id,
+      controlParam: {
+        ctrlParams: {
+          // 重复器忽略消息中心通知变更
+          ignoremcmsg: 'true',
+          // 启用重复表单
+          enablerepeatedform: 'true',
+          appId: this.model.appId,
+        },
+        id,
+        appId: this.model.appId,
+      },
+      deformPages: [
+        {
+          appId: this.model.appId,
+          id: 'formpage1',
+          deformDetails: this.model.deformDetails,
+          detailType: 'FORMPAGE',
+          detailStyle: 'DEFAULT',
+          layout: this.model.layout,
+        },
+      ],
+    };
+
+    const copyFields: Array<keyof IDEForm> = [
+      'appId',
+      'controlType',
+      'deformItemVRs',
+    ];
+    copyFields.forEach(key => {
+      (tempForm as IData)[key] = (this.form.model as IData)[key];
+    });
+
+    this.repeatedForm = clone(tempForm);
+    this.convertMultipleLanguages();
+  }
+
+  /**
+   * @description 转化多语言
+   * @protected
+   * @memberof FormMDCtrlRepeaterController
+   */
+  protected convertMultipleLanguages(): void {
+    recursiveIterate(
+      this.repeatedForm,
+      (item: IDEFormDetail) => {
+        if (item.capLanguageRes?.lanResTag)
+          item.caption = ibiz.i18n.t(
+            item.capLanguageRes.lanResTag,
+            item.caption,
+          );
+      },
+      {
+        childrenFields: ['deformPages', 'deformTabPages', 'deformDetails'],
+      },
+    );
+  }
+
+  /**
+   * @description 设置重复器控制器
+   * @param {string} id
+   * @param {IEditFormController} controller
+   * @memberof FormMDCtrlRepeaterController
+   */
+  setRepeaterController(id: string, controller: IEditFormController): void {
+    this.repeaterMap.set(id, controller);
+    if (this.value && this.repeaterMap.size === this.value.length) {
+      (this.form as EditFormController).evt.emit('onMDCtrlChange', {
+        name: this.name,
+        args: this,
+      });
+    }
+  }
+
+  /**
+   * @description 校验
+   * @returns {*}  {Promise<boolean>}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  async validate(): Promise<boolean> {
+    const values = await Promise.all(
+      Array.from(this.repeaterMap.values()).map(form => form.validate()),
+    );
+
+    // 找不到value为false即全部是true
+    return values.findIndex(value => !value) === -1;
+  }
+
+  /**
+   * @description 静默校验
+   * @returns {*}  {Promise<boolean>}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  async silentValidate(): Promise<boolean> {
+    const values = await Promise.all(
+      Array.from(this.repeaterMap.values()).map(form => form.silentValidate()),
+    );
+
+    // 找不到value为false即全部是true
+    return values.findIndex(value => !value) === -1;
+  }
+
+  /**
+   * @description 设置重复器数据（修改主表单里重复器对应属性）
+   * @param {(IData[] | IData | null)} value
+   * @memberof FormMDCtrlRepeaterController
+   */
+  setValue(value: IData[] | IData | null): void {
+    const oldValue = this.data[this.name];
+    this.form.setDataValue(this.name, value);
+    this.executeScriptCode('SCRIPTCODE_CHANGE', { oldValue });
+    this.form.evt.emit('onFormDetailEvent', {
+      formDetailName: this.name || this.model.id!,
+      formDetailEventName: FormDetailEventName.CHANGE,
+      args: { oldValue },
+    });
+  }
+
+  /**
+   * @description 添加或创建一条数据
+   * @param {number} [index]
+   * @memberof FormMDCtrlRepeaterController
+   */
+  create(index?: number): void {
+    const item = {};
+    // 设置新建默认值
+    this.setDefaultValue(item, 'create');
+    if (this.isSingleData) {
+      this.setValue(item);
+    } else {
+      // 多数据，拷贝数组再添加新对象
+      let tempValue = this.value as IData[] | null;
+      tempValue = tempValue ? [...tempValue] : [];
+      if (index !== undefined) {
+        tempValue.splice(index, 0, item);
+      } else {
+        tempValue.push(item);
+      }
+      this.setValue(tempValue);
+    }
+    (this.form as EditFormController).evt.emit('onMDCtrlNew', {
+      args: item,
+    });
+  }
+
+  /**
+   * @description 删除数据
+   * @param {number} [index]
+   * @returns {*}  {void}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  remove(index?: number): void {
+    if (this.isSingleData) {
+      // 单项数据的时候删除就是清空
+      this.setValue(null);
+      return;
+    }
+    const newArr = (this.value! as IData[]).filter((_, i) => {
+      return index !== i;
+    });
+
+    this.setValue(newArr);
+    (this.form as EditFormController).evt.emit('onMDCtrlRemove', {
+      args: newArr,
+    });
+  }
+
+  /**
+   * @description 拖拽变更
+   * @param {number} _draggedIndex 当前拖拽元素的下标
+   * @param {number} _targetIndex 拖拽元素放入位置的下标
+   * @memberof FormMDCtrlRepeaterController
+   */
+  dragChange(_draggedIndex: number, _targetIndex: number): void {
+    if (this.isSingleData) return;
+    const arrData = [...(this.value as IData[])];
+    const movedItem = arrData.splice(_draggedIndex, 1)[0];
+    arrData.splice(_targetIndex, 0, movedItem);
+    this.setValue(arrData);
+  }
+
+  /**
+   * @description 表单数据变更通知
+   * @param {string[]} names
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  async dataChangeNotify(names: string[]): Promise<void> {
+    await super.dataChangeNotify(names);
+    const { resetItemNames } = this.model;
+
+    // 重置项，变更时自己的值置空
+    let isReset = false;
+    if (resetItemNames && resetItemNames.length > 0) {
+      resetItemNames.forEach((resetItemName: string) => {
+        if (names.includes(resetItemName)) {
+          isReset = true;
+        }
+      });
+    }
+    if (isReset) {
+      this.setValue(null);
+    }
+
+    // 自身对应属性变更时，触发表单项更新
+    if (names.includes(this.name)) {
+      await this.updateFormItem();
+    }
+  }
+
+  /**
+   * @description 表单状态变更通知
+   * @param {FormNotifyState} state
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlRepeaterController
+   */
+  async formStateNotify(state: FormNotifyState): Promise<void> {
+    super.formStateNotify(state);
+    // 初始化完成之后设置默认值
+    const type = !this.value ? 'create' : 'update';
+    const data: IData[] | IData = this.isSingleData
+      ? this.value || {}
+      : this.value || [];
+    Array.isArray(data)
+      ? data.forEach((item: IData) => this.setDefaultValue(item, type))
+      : this.setDefaultValue(data, type);
+    this.form.state.data[this.name] = data;
+  }
+
+  /**
+   * @description 设置默认值
+   * @param {IData} data
+   * @param {('create' | 'update')} type
+   * @memberof FormMDCtrlRepeaterController
+   */
+  setDefaultValue(data: IData, type: 'create' | 'update'): void {
+    // 递归所有的表单项，设置默认值
+    recursiveIterate(
+      this.model,
+      (item: IDEEditFormItem, parent: IDEFormDetail) => {
+        // 嵌套重复器中的子表单属性项不应挂在父重复器表单中
+        if (parent.detailType === 'MDCTRL' && parent.id !== this.model.id)
+          return true;
+        if (item.detailType === 'FORMITEM') {
+          const { createDVT, createDV, updateDVT, updateDV, valueFormat } =
+            item;
+          const valueType = type === 'create' ? createDVT : updateDVT;
+          const defaultValue = type === 'create' ? createDV : updateDV;
+          const name = item.id!.toLowerCase();
+          const defaultVal = getDefaultValue(
+            {
+              name,
+              valueType,
+              defaultValue,
+              valueFormat,
+            },
+            { data, context: this.context, params: this.params },
+          );
+          // 没有值的才赋值默认值
+          if (isNil(data[name]) && defaultVal !== undefined)
+            data[name] = defaultVal;
+        }
+      },
+      {
+        childrenFields: ['deformPages', 'deformTabPages', 'deformDetails'],
+        isBreak: true,
+      },
+    );
+  }
+}

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

@@ -0,0 +1,240 @@
+import { BitMask } from '@ibiz-template/core';
+import { IDEFormMDCtrl, IUIActionGroupDetail } from '@ibiz/model-core';
+import { FormDetailController } from '../form-detail';
+import { FormMDCtrlState } from './form-mdctrl.state';
+import { ButtonContainerState, UIActionButtonState } from '../../../../utils';
+import { FormNotifyState } from '../../../../constant';
+import { UIActionUtil } from '../../../../../ui-action';
+import { EditFormController } from '../../edit-form';
+import { IFormMDCtrlController } from '../../../../../interface';
+import { calcUIActionGroup, getAllUIActionItems } from '../../../../../model';
+
+/**
+ * @description 表单多数据部件控制器
+ * @export
+ * @class FormMDCtrlController
+ * @extends {FormDetailController<IDEFormMDCtrl>}
+ * @implements {IFormMDCtrlController}
+ */
+export class FormMDCtrlController
+  extends FormDetailController<IDEFormMDCtrl>
+  implements IFormMDCtrlController
+{
+  /**
+   * @description 表单多数据部件控制器状态
+   * @type {FormMDCtrlState}
+   * @memberof FormMDCtrlController
+   */
+  declare state: FormMDCtrlState;
+
+  protected createState(): FormMDCtrlState {
+    return new FormMDCtrlState(this.parent?.state);
+  }
+
+  /**
+   * @description 名称
+   * @readonly
+   * @type {string}
+   * @memberof FormMDCtrlController
+   */
+  get name(): string {
+    return this.model.id!;
+  }
+
+  /**
+   * @description 上下文
+   * @readonly
+   * @type {IContext}
+   * @memberof FormMDCtrlController
+   */
+  get context(): IContext {
+    return this.form.context;
+  }
+
+  /**
+   * @description 视图参数
+   * @readonly
+   * @type {IParams}
+   * @memberof FormMDCtrlController
+   */
+  get params(): IParams {
+    return this.form.params;
+  }
+
+  /**
+   * @description 是否允许新建
+   * @readonly
+   * @type {boolean}
+   * @memberof FormMDCtrlController
+   */
+  get enableCreate(): boolean {
+    return (
+      !this.state.readonly &&
+      BitMask.checkPermission(this.model.buildInActions, 1)
+    );
+  }
+
+  /**
+   * @description 是否允许更新
+   * @readonly
+   * @type {boolean}
+   * @memberof FormMDCtrlController
+   */
+  get enableUpdate(): boolean {
+    return (
+      !this.state.readonly &&
+      BitMask.checkPermission(this.model.buildInActions, 2)
+    );
+  }
+
+  /**
+   * @description 是否允许删除
+   * @readonly
+   * @type {boolean}
+   * @memberof FormMDCtrlController
+   */
+  get enableDelete(): boolean {
+    return (
+      !this.state.readonly &&
+      BitMask.checkPermission(this.model.buildInActions, 4)
+    );
+  }
+
+  /**
+   * @description 执行表单项更新(配置了表单项更新)
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  async updateFormItem(): Promise<void> {
+    if (this.model.deformItemUpdateId) {
+      await this.form.updateFormItem(this.model.deformItemUpdateId);
+    }
+  }
+
+  async formStateNotify(state: FormNotifyState): Promise<void> {
+    super.formStateNotify(state);
+    // 只在加载后台数据之后，更新界面行为组状态
+    if (this.state.actionGroupState) {
+      const deData = this.data.getOrigin ? this.data.getOrigin() : this.data;
+      this.state.actionGroupState.update(this.form.context, deData);
+    }
+  }
+
+  /**
+   * @description 初始化
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    await this.initActionStates();
+    (this.form as EditFormController).evt.on('onBeforeSave', async () => {
+      await this.save();
+    });
+  }
+
+  /**
+   * @description 初始化界面行为组
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  protected async initUIActions(): Promise<void> {
+    if (this.model.uiactionGroup) {
+      await calcUIActionGroup(
+        this.model.uiactionGroup,
+        this.form.context,
+        this.form.params,
+      );
+    }
+  }
+
+  /**
+   * @description  操作列按钮状态控制
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  async initActionStates(): Promise<void> {
+    const { uiactionGroup } = this.model;
+    if (!uiactionGroup?.uiactionGroupDetails?.length) return;
+    const containerState = new ButtonContainerState();
+    const actions = getAllUIActionItems(uiactionGroup.uiactionGroupDetails);
+    actions.forEach(detail => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id!,
+          this.form.context.srfappid!,
+          actionid,
+          detail,
+        );
+        containerState.addState(detail.id!, buttonState);
+      }
+    });
+    await containerState.update(this.form.context);
+    this.state.actionGroupState = containerState;
+  }
+
+  /**
+   * @description 执行界面行为
+   * @param {IUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  async onActionClick(
+    detail: IUIActionGroupDetail,
+    event: MouseEvent,
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+
+    await UIActionUtil.execAndResolved(
+      actionId!,
+      {
+        context: this.context,
+        params: this.params,
+        data: [this.data],
+        view: this.form.view,
+        ctrl: this.form,
+        event,
+      },
+      detail.appId,
+    );
+  }
+
+  /**
+   * @description 刷新
+   * @memberof FormMDCtrlController
+   */
+  refresh(): void {
+    // 子类实现
+  }
+
+  /**
+   * @description 校验
+   * @returns {*}  {Promise<boolean>}
+   * @memberof FormMDCtrlController
+   */
+  async validate(): Promise<boolean> {
+    // todo 子类校验实现
+    return true;
+  }
+
+  /**
+   * @description 静默校验
+   * @returns {*}  {Promise<boolean>}
+   * @memberof FormMDCtrlController
+   */
+  async silentValidate(): Promise<boolean> {
+    // todo 子类校验实现
+    return true;
+  }
+
+  /**
+   * @description 保存
+   * @returns {*}  {Promise<void>}
+   * @memberof FormMDCtrlController
+   */
+  async save(): Promise<void> {}
+}

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

@@ -0,0 +1,25 @@
+import {
+  IApiFormMDCtrlState,
+  IButtonContainerState,
+} from '../../../../../interface';
+import { FormDetailState } from '../form-detail';
+
+/**
+ * @description 表单多数据部件状态（除多数据部件表单样式）
+ * @export
+ * @class FormMDCtrlState
+ * @extends {FormDetailState}
+ * @implements {IApiFormMDCtrlState}
+ */
+export class FormMDCtrlState
+  extends FormDetailState
+  implements IApiFormMDCtrlState
+{
+  /**
+   * 界面行为组状态
+   *
+   * @type {(IButtonContainerState | null)}
+   * @memberof PortletPartState
+   */
+  actionGroupState: IButtonContainerState | null = null;
+}

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

@@ -0,0 +1,4 @@
+export * from './form-mdctrl.controller';
+export * from './form-mdctrl-md.controller';
+export * from './form-mdctrl-form.controller';
+export * from './form-mdctrl-repeater.controller';

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

@@ -0,0 +1,22 @@
+import { IDEFormPage } from '@ibiz/model-core';
+import { FormGroupPanelController } from '../form-group-panel';
+import { FormPageState } from './form-page.state';
+import { IApiFormPageController } from '../../../../../interface';
+
+/**
+ * @description 表单分页控制器
+ * @export
+ * @class FormPageController
+ * @extends {FormGroupPanelController<IDEFormPage>}
+ * @implements {IApiFormPageController}
+ */
+export class FormPageController
+  extends FormGroupPanelController<IDEFormPage>
+  implements IApiFormPageController
+{
+  declare state: FormPageState;
+
+  protected createState(): FormPageState {
+    return new FormPageState(this.parent?.state);
+  }
+}

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

@@ -0,0 +1,13 @@
+import { IApiFormPageState } from '../../../../../interface';
+import { FormGroupPanelState } from '../form-group-panel';
+
+/**
+ * @description 表单分页状态
+ * @export
+ * @class FormPageState
+ * @extends {FormGroupPanelState}
+ * @implements {IApiFormPageState}
+ */
+export class FormPageState
+  extends FormGroupPanelState
+  implements IApiFormPageState {}

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

@@ -0,0 +1,2 @@
+export * from './form-page.controller';
+export * from './form-page.state';