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

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

@@ -0,0 +1,106 @@
+/* eslint-disable no-setter-return */
+
+import {
+  IFormDetailState,
+  ILayoutState,
+  IFormDetailClass,
+  IFormDetailContainerState,
+} from '../../../../../interface';
+
+/**
+ * 表单项状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:02
+ * @export
+ * @class FormDetailState
+ */
+export class FormDetailState implements IFormDetailState {
+  declare visible: boolean;
+
+  disabled: boolean = false;
+
+  declare keepAlive: boolean;
+
+  layout: ILayoutState = {
+    width: '',
+    height: '',
+    extraStyle: {},
+    extraClass: [],
+    contentStyle: {},
+  };
+
+  class: IFormDetailClass = {
+    container: [],
+    containerDyna: [],
+    label: [],
+    labelDyna: [],
+  };
+
+  /**
+   * 是否必填
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:27
+   * @type {boolean}
+   */
+  required: boolean = false;
+
+  /**
+   * 显示更多模式 {0：无、 1：受控内容、 2：管理容器}
+   * @author lxm
+   * @date 2023-03-17 02:16:43
+   * @type {(0 | 1 | 2)}
+   */
+  showMoreMode: 0 | 1 | 2 | number = 0;
+
+  constructor(protected parent?: IFormDetailContainerState) {
+    // 定义是否显示，set方法需要返回true,否则vue proxy报错
+    let $visible: boolean = true;
+    Object.defineProperty(this, 'visible', {
+      enumerable: true,
+      configurable: true,
+      get() {
+        // 有父先看父
+        if (this.parent) {
+          // 父不显示子不显示
+          if (this.parent.visible === false) {
+            return false;
+          }
+          // 受控内容父更多显示不开启，不显示
+          if (this.showMoreMode === 1 && this.parent.isShowMore === false) {
+            return false;
+          }
+        }
+        return $visible;
+      },
+      set(val) {
+        $visible = val;
+        return true;
+      },
+    });
+
+    // 定义是否保活
+    let $keepAlive: boolean | undefined;
+    Object.defineProperty(this, 'keepAlive', {
+      enumerable: true,
+      configurable: true,
+      get() {
+        // 自身设置了值则只看自身
+        if ($keepAlive !== undefined) {
+          return $keepAlive;
+        }
+        // 自身没有设置值，看父
+        if (this.parent) {
+          return this.parent.keepAlive;
+        }
+        return false;
+      },
+      set(val) {
+        $keepAlive = val;
+        // eslint-disable-next-line no-setter-return
+        return true;
+      },
+    });
+  }
+}

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

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

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

@@ -0,0 +1,207 @@
+import { isOverlap } from '@ibiz-template/core';
+import { IDEFormDRUIPart } from '@ibiz/model-core';
+import { createUUID, notNilEmpty } from 'qx-util';
+import { SysUIActionTag } from '../../../../../constant';
+import { IViewController } from '../../../../../interface';
+import { convertNavData } from '../../../../../utils';
+import { FormNotifyState } from '../../../../constant';
+import { EditFormController } from '../../edit-form';
+import { FormDetailController } from '../form-detail';
+import { FormDruipartState } from './form-druipart.state';
+
+/**
+ * 表单关系界面控制器
+ *
+ * @author lxm
+ * @date 2022-09-04 15:09:52
+ * @export
+ * @class FormDRUIPartController
+ * @extends {FormDetailController}
+ */
+export class FormDRUIPartController extends FormDetailController<IDEFormDRUIPart> {
+  declare state: FormDruipartState;
+
+  protected createState(): FormDruipartState {
+    return new FormDruipartState(this.parent?.state);
+  }
+
+  /**
+   * 关系界面的上下文
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:32
+   * @type {IContext}
+   */
+  navContext?: IContext;
+
+  /**
+   * 关系界面的视图参数
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:42
+   * @type {IParams}
+   */
+  navParams?: IParams;
+
+  /**
+   * 关联刷新项
+   *
+   * @author lxm
+   * @date 2022-09-15 10:09:41
+   * @type {string[]}
+   */
+  refreshItems: string[] = ['srfkey'];
+
+  /**
+   * 参数项名称
+   *
+   * @author lxm
+   * @date 2022-09-15 19:09:36
+   * @type {string}
+   */
+  paramItem: string = 'srfkey';
+
+  /**
+   * 嵌入视图控制器
+   *
+   * @author lxm
+   * @date 2023-05-16 11:03:24
+   * @type {IViewController}
+   */
+  embedView!: IViewController;
+
+  /**
+   * 是否是新建数据（即无主键）
+   * @author lxm
+   * @date 2023-07-28 04:09:21
+   * @type {boolean}
+   */
+  isNewData: boolean = false;
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    Object.assign(this.state.layout.extraStyle, {
+      overflow: 'auto',
+    });
+
+    // 初始化关联刷新项
+    if (this.model.refreshItems) {
+      let strArr = this.model.refreshItems.split(';');
+      strArr = strArr.filter(item => !!item); // 去除空字符串
+      this.refreshItems.push(...strArr);
+    }
+
+    // 初始化参数项名称
+    if (this.model.paramItem) {
+      this.paramItem = this.model.paramItem;
+    }
+  }
+
+  /**
+   * 表单数据变更通知(由表单控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-01 20:09:54
+   * @param {String[]} names
+   */
+  async dataChangeNotify(names: string[]): Promise<void> {
+    await super.dataChangeNotify(names);
+
+    // 关联刷新项发生变更时触发刷新
+    if (isOverlap(this.refreshItems, names)) {
+      this.calcViewParams();
+    }
+  }
+
+  async formStateNotify(state: FormNotifyState): Promise<void> {
+    await super.formStateNotify(state);
+
+    this.isNewData = state === FormNotifyState.DRAFT;
+    this.state.showMask = this.isNewData;
+
+    // 表单数据加载变更后，计算关系界面参数
+    this.calcViewParams();
+  }
+
+  /**
+   * 计算视图上下文和视图参数,
+   * *调用该方法一定会刷新视图。
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:35
+   */
+  calcViewParams(): void {
+    // 计算导航上下文
+    let newContext = this.form.context.clone();
+    const navContexts = this.model.navigateContexts;
+    if (notNilEmpty(navContexts)) {
+      newContext = Object.assign(
+        newContext,
+        convertNavData(
+          navContexts!,
+          this.form.context,
+          this.form.params,
+          this.form.data,
+        ),
+      );
+    }
+
+    // 处理导航视图参数
+    const newParams = convertNavData(
+      this.model.navigateParams!,
+      this.form.params,
+      this.form.context,
+      this.form.data,
+    );
+
+    if (!this.state.viewComponentKey) {
+      // 第一次直接修改然后render
+      this.state.viewComponentKey = createUUID();
+      this.navContext = newContext;
+      this.navParams = newParams;
+    } else if (
+      JSON.stringify(this.navContext) !== JSON.stringify(newContext) ||
+      JSON.stringify(this.navParams) !== JSON.stringify(newParams)
+    ) {
+      // 后续算出来不一致的情况下，修改，force走render，下层视图自己刷新
+      this.navContext = newContext;
+      this.navParams = newParams;
+      this.force();
+    } else if (this.embedView) {
+      // 无主键时不刷新
+      if (this.isNewData) {
+        return;
+      }
+      // 其他情况下没变，调视图控制器触发刷新
+      this.embedView.callUIAction(SysUIActionTag.REFRESH);
+    }
+  }
+
+  /**
+   * 设置嵌入视图的神经元
+   *
+   * @author lxm
+   * @date 2022-09-15 10:09:22
+   * @param {ViewNeuron} neuron
+   */
+  setEmbedView(view: IViewController): void {
+    this.embedView = view;
+    this.embedView.evt.on('onMounted', () => {
+      if (!this.isNewData) {
+        this.embedView.callUIAction(SysUIActionTag.REFRESH);
+      }
+    });
+    this.embedView.evt.on('onDataChange', event => {
+      if (['LOAD', 'LOADDRAFT'].includes(event.actionType)) {
+        return;
+      }
+      ibiz.log.debug('接收到关系界面的数据变更事件', event);
+      // 有表单项更新，且是自身变更时，触发表单项更新
+      if (this.model.deformItemUpdateId) {
+        (this.form as EditFormController).updateFormItem(
+          this.model.deformItemUpdateId,
+        );
+      }
+    });
+  }
+}

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

@@ -0,0 +1,26 @@
+import { FormDetailState } from '../form-detail';
+
+/**
+ * 表单关系界面状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormDruipartState extends FormDetailState {
+  /**
+   * 关系界面组件绑的key，用来触发强制刷新
+   *
+   * @author lxm
+   * @date 2022-09-15 20:09:21
+   * @type {string}
+   */
+  viewComponentKey?: string;
+
+  /**
+   * 是否显示遮罩
+   * @author lxm
+   * @date 2023-07-28 04:11:57
+   * @type {boolean}
+   */
+  showMask: boolean = false;
+}

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

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

package/src/controller/control/form/form-detail/form-group-panel/form-group-panel.controller.ts

@@ -0,0 +1,118 @@
+import { IDEFormGroupPanel, IUIActionGroupDetail } from '@ibiz/model-core';
+import { IFormDetailContainerController } from '../../../../../interface';
+import { UIActionUtil } from '../../../../../ui-action';
+import { FormNotifyState } from '../../../../constant';
+import { ButtonContainerState, UIActionButtonState } from '../../../../utils';
+import { FormDetailController } from '../form-detail/form-detail.controller';
+import { FormGroupPanelState } from './form-group-panel.state';
+
+/**
+ * 表单分组面板控制器
+ *
+ * @author lxm
+ * @date 2022-09-04 15:09:52
+ * @export
+ * @class FormGroupPanelController
+ * @extends {FormContainerController}
+ */
+export class FormGroupPanelController<
+    T extends IDEFormGroupPanel = IDEFormGroupPanel,
+  >
+  extends FormDetailController<T>
+  implements IFormDetailContainerController
+{
+  declare state: FormGroupPanelState;
+
+  /**
+   * 禁用关闭
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:51
+   * @readonly
+   * @type {boolean}
+   */
+  get disableClose(): boolean {
+    const { titleBarCloseMode: mode } = this.model;
+    return mode === 0 || mode === undefined;
+  }
+
+  /**
+   * 是否默认展开分组
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:09
+   * @readonly
+   */
+  get defaultExpansion(): boolean {
+    const { titleBarCloseMode: mode } = this.model;
+    return this.disableClose || mode === 1;
+  }
+
+  protected createState(): FormGroupPanelState {
+    return new FormGroupPanelState(this.parent?.state);
+  }
+
+  protected async onInit(): Promise<void> {
+    super.onInit();
+    await this.initActionStates();
+  }
+
+  async formStateNotify(state: FormNotifyState): Promise<void> {
+    super.calcDynamicLogic([], state);
+    // 只在加载后台数据之后，更新界面行为组状态
+    if (this.state.actionGroupState) {
+      this.state.actionGroupState.update(this.form.data.getOrigin());
+    }
+  }
+
+  /**
+   * 初始化标题右侧界面行为按钮的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   */
+  async initActionStates(): Promise<void> {
+    // 操作列按钮状态控制
+    const { uiactionGroup } = this.model;
+    if (!uiactionGroup?.uiactionGroupDetails?.length) {
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    uiactionGroup.uiactionGroupDetails.forEach(detail => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id!,
+          this.form.context.srfappid!,
+          actionid,
+        );
+        containerState.addState(detail.id!, buttonState);
+      }
+    });
+    await containerState.update();
+    this.state.actionGroupState = containerState;
+  }
+
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(
+    detail: IUIActionGroupDetail,
+    event: MouseEvent,
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+
+    await UIActionUtil.execAndResolved(actionId!, {
+      context: this.form.context,
+      params: this.form.params,
+      data: [this.data],
+      view: this.form.view,
+      event,
+    });
+  }
+}

package/src/controller/control/form/form-detail/form-group-panel/form-group-panel.state.ts

@@ -0,0 +1,29 @@
+import { IButtonContainerState } from '../../../../../interface';
+import { FormDetailState } from '../form-detail/form-detail.state';
+
+/**
+ * 表单分组状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 10:01:28
+ * @export
+ * @class FormGroupPanelState
+ * @extends {FormContainerState}
+ */
+export class FormGroupPanelState extends FormDetailState {
+  /**
+   *  是否显示更多内容
+   * @author lxm
+   * @date 2023-03-17 02:14:30
+   * @type {boolean}
+   */
+  isShowMore: boolean = false;
+
+  /**
+   * 界面行为组状态
+   *
+   * @type {(IButtonContainerState | null)}
+   * @memberof PortletPartState
+   */
+  actionGroupState: IButtonContainerState | null = null;
+}

package/src/controller/control/form/form-detail/form-group-panel/index.ts

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