@ibiz-template/runtime 0.1.36 → 0.1.37

package/src/controller/control/medit-view-panel/medit-view-panel.controller.ts

@@ -0,0 +1,375 @@
+/* eslint-disable no-shadow */
+import { RuntimeError } from '@ibiz-template/core';
+import { IAppDERS, IAppDEView, IDEMultiEditViewPanel } from '@ibiz/model-core';
+import { createUUID } from 'qx-util';
+import {
+  IMEditViewPanelState,
+  IMEditViewPanelEvent,
+  IMEditViewPanelController,
+  MDCtrlLoadParams,
+  IPanelUiItem,
+  DataChangeEvent,
+} from '../../../interface';
+import { calcDeCodeNameById } from '../../../model';
+import { ControlVO, Srfuf } from '../../../service';
+import { MDControlController } from '../../common';
+import { MEditViewPanelService } from './medit-view-panel.service';
+
+/**
+ * 多编辑视图面板部件控制器
+ * @export
+ * @class MEditViewPanelController
+ * @extends {MDControlController<IDEMultiEditViewPanel, IMEditViewPanelState, IMEditViewPanelEvent>}
+ * @implements {IMEditViewPanelController}
+ */
+export class MEditViewPanelController
+  extends MDControlController<
+    IDEMultiEditViewPanel,
+    IMEditViewPanelState,
+    IMEditViewPanelEvent
+  >
+  implements IMEditViewPanelController
+{
+  declare service: MEditViewPanelService;
+
+  /**
+   * 是否显示底部按钮
+   *
+   */
+  showButton: boolean = true;
+
+  /**
+   * 关系实体参数对象
+   *
+   */
+  deResParameters: IData[] = [];
+
+  /**
+   * 当前应用视图参数对象
+   *
+   */
+  parameters: IData[] = [];
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new MEditViewPanelService(this.model);
+    await this.service.init(this.context);
+    await this.initParameters();
+  }
+
+  protected initState(): void {
+    super.initState();
+    this.state.panelUiItems = [];
+    this.state.activeTab = '';
+    this.state.size = 1000;
+  }
+
+  /**
+   * 格式化视图关系参数
+   *
+   * @param {IContext} context 应用上下文数据
+   * @param {IAppDERS[][]} appDERSPaths 关系路径数据
+   */
+  async formatAppDERSPath(
+    context: IContext,
+    appDERSPaths: IAppDERS[][],
+  ): Promise<IData[]> {
+    if (!appDERSPaths || appDERSPaths.length === 0) {
+      return [];
+    }
+    let counter: number = 0;
+    for (const appDERSPath of appDERSPaths) {
+      const tempData: IData = { isInclude: true, data: [] };
+      for (const singleAppDERSPath of appDERSPath) {
+        // eslint-disable-next-line no-await-in-loop
+        const majorPSAppDataEntity = await ibiz.hub.getAppDataEntity(
+          singleAppDERSPath.majorAppDataEntityId!,
+        );
+        if (majorPSAppDataEntity && majorPSAppDataEntity.codeName) {
+          tempData.isInclude =
+            context[majorPSAppDataEntity.codeName.toLowerCase()] &&
+            tempData.isInclude;
+          tempData.data.push({
+            parameterName: majorPSAppDataEntity.keyAppDEFieldId?.toLowerCase(),
+            pathName: majorPSAppDataEntity.codeName?.toLowerCase(),
+          });
+        }
+      }
+      // eslint-disable-next-line no-plusplus
+      counter++;
+      if (tempData.isInclude) {
+        return tempData.data;
+      }
+      if (counter === appDERSPaths.length) {
+        return [];
+      }
+    }
+    return [];
+  }
+
+  /**
+   * 初始化嵌入应用视图及实体参数对象
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 13:56:56
+   */
+  async initParameters(): Promise<void> {
+    if (this.controlParams.SHOWBUTTON) {
+      this.showButton = !Object.is(this.controlParams.SHOWBUTTON, 'false');
+    }
+    if (this.model.embeddedAppViewId) {
+      const embedView = await ibiz.hub.getAppView(this.model.embeddedAppViewId);
+      if (embedView.appDataEntityId) {
+        const embedViewEntity = await ibiz.hub.getAppDataEntity(
+          embedView.appDataEntityId,
+        );
+        if (embedView && embedViewEntity) {
+          this.deResParameters = await this.formatAppDERSPath(
+            this.context,
+            (embedView as IAppDEView).appDERSPaths,
+          );
+          this.parameters = [
+            {
+              parameterName: embedViewEntity.keyAppDEFieldId?.toLowerCase(),
+              pathName: embedViewEntity.codeName?.toLowerCase(),
+            },
+          ];
+        } else {
+          this.deResParameters = [];
+          this.parameters = [];
+        }
+      }
+    }
+  }
+
+  /**
+   * 部件加载后处理
+   *
+   * @author chitanda
+   * @date 2023-06-21 15:06:44
+   * @param {MDCtrlLoadParams} args 本次请求参数
+   * @param {IData[]} items 上游处理的数据（默认是后台数据）
+   * @return {*}  {Promise<IData[]>} 返回给后续处理的数据
+   */
+  async afterLoad(
+    args: MDCtrlLoadParams,
+    items: ControlVO[],
+  ): Promise<ControlVO[]> {
+    await super.afterLoad(args, items);
+    this.state.panelUiItems = [];
+    this.doItems(items);
+    // 设置默认激活
+    if (
+      this.model.panelStyle === 'TAB_TOP' &&
+      this.state.panelUiItems.length > 0
+    ) {
+      this.state.activeTab = this.state.panelUiItems[0].id;
+    }
+    return items;
+  }
+
+  /**
+   * 处理UI所需数据
+   * @param {ControlVO} arg
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 17:55:31
+   */
+  handlePanelItemParams(arg: ControlVO): IPanelUiItem {
+    const [{ parameterName }] = this.parameters;
+    const id: string = arg[parameterName]
+      ? arg[parameterName]
+      : `mockId:${createUUID()}`;
+    const item = { id, context: {}, params: {}, data: arg, srfmajortext: '' };
+    Object.assign(item.context, this.context);
+    // 关系应用实体参数
+    this.deResParameters.forEach(deResParameter => {
+      const { parameterName, pathName } = deResParameter;
+      if (
+        this.context[parameterName] &&
+        !Object.is(this.context[parameterName], '')
+      ) {
+        Object.assign(item.context, {
+          [pathName]: this.context[parameterName],
+        });
+      } else if (arg[parameterName] && !Object.is(arg[parameterName], '')) {
+        Object.assign(item.context, {
+          [pathName]: arg[parameterName],
+        });
+      }
+    });
+
+    // 当前视图参数（应用实体视图）
+    this.parameters.forEach(parameter => {
+      const { parameterName, pathName } = parameter;
+      if (arg[parameterName] && !Object.is(arg[parameterName], '')) {
+        Object.assign(item.context, {
+          [pathName]: arg[parameterName],
+        });
+      }
+
+      // 当前页面实体主信息
+      if (arg.srfmajortext && !Object.is(arg.srfmajortext, '')) {
+        Object.assign(item, { srfmajortext: arg.srfmajortext });
+      } else if (arg.srfuf === 0) {
+        Object.assign(item, { srfmajortext: '草稿--新建' });
+      }
+    });
+
+    // 合并视图参数
+    Object.assign(item.params, this.params);
+    return item;
+  }
+
+  /**
+   * 处理数据
+   * @param {ControlVO} datas
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 15:00:02
+   */
+  doItems(datas: ControlVO[]): void {
+    datas.forEach((arg: ControlVO) => {
+      const item = this.handlePanelItemParams(arg);
+      this.state.panelUiItems.push(item);
+    });
+  }
+
+  /**
+   * 处理添加
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 15:18:01
+   */
+  async handleAdd(): Promise<void> {
+    this.doItems([{ srfuf: 0 } as ControlVO]);
+    if (this.model.panelStyle === 'TAB_TOP') {
+      // 上分页添加后激活最后一个
+      this.state.activeTab =
+        this.state.panelUiItems[this.state.panelUiItems.length - 1].id;
+    }
+  }
+
+  /**
+   * 处理删除
+   * @param {IPanelUiItem} item
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 15:23:59
+   */
+  async handleDelete(item: IPanelUiItem): Promise<void> {
+    // 新建的界面上删除即可
+    if (item.data.srfuf === 0) {
+      // 删除items中已删除的项
+      const index = this.state.panelUiItems.findIndex(value => {
+        return value === item;
+      });
+      this.state.panelUiItems.splice(index, 1);
+    } else {
+      await this.remove({ data: [item.data] });
+    }
+  }
+
+  /**
+   * 处理tab删除
+   * @param {IPanelUiItem} item
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-17 14:21:57
+   */
+  async handleTabDelete(item: IPanelUiItem, index: number): Promise<void> {
+    let isBackToEnd = false;
+    // 如果删除的是激活项，且为最后一项，设置激活项为前一项
+    if (
+      item.id === this.state.activeTab &&
+      index === this.state.panelUiItems.length - 1
+    ) {
+      if (index > 0) {
+        isBackToEnd = true;
+      }
+    }
+    await this.handleDelete(item);
+    if (isBackToEnd) {
+      this.state.activeTab =
+        this.state.panelUiItems[this.state.panelUiItems.length - 1].id;
+    }
+  }
+
+  /**
+   * 后台删除结束后界面删除逻辑
+   *
+   * @author lxm
+   * @date 2022-09-06 19:09:10
+   * @param {IData} data
+   */
+  afterRemove(data: IData): void {
+    super.afterRemove(data);
+    // 删除this.items里的数据
+    const index = this.state.panelUiItems.findIndex(
+      item => item.data.srfkey === data.srfkey,
+    );
+    if (index !== -1) {
+      this.state.panelUiItems.splice(index, 1);
+    }
+  }
+
+  /**
+   * 视图数据变化
+   * @param {DataChangeEvent} args
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-10-16 17:20:45
+   */
+  onViewDataChange(args: DataChangeEvent, id: string): void {
+    // 新建的保存成功后该部件需要保存来更新数据
+    if (args.eventName === 'onSaveSuccess') {
+      this.save(args.data[0] as ControlVO, id);
+    }
+  }
+
+  /**
+   * 保存
+   *
+   * @param {ControlVO} data
+   * @returns {*}  {Promise<void>}
+   */
+  async save(data: ControlVO, id: string): Promise<void> {
+    const panelUiItemIndex = this.state.panelUiItems.findIndex(
+      item => item.id === id,
+    );
+    if (!panelUiItemIndex) {
+      throw new RuntimeError('编辑视图面板部件UI数据不存在');
+    }
+    await this.startLoading();
+    let res;
+    const isCreate = data.srfuf === Srfuf.CREATE;
+    const deName = calcDeCodeNameById(this.model.appDataEntityId!);
+    const tempContext = this.context.clone();
+    tempContext[deName] = data.srfkey;
+    try {
+      res = isCreate
+        ? await this.service.create(tempContext, data)
+        : await this.service.update(tempContext, data);
+    } catch (error) {
+      await this.evt.emit('onSaveError', undefined);
+      this.actionNotification(`${isCreate ? 'CREATE' : 'UPDATE'}ERROR`, {
+        error: error as Error,
+        data: this.state.panelUiItems[panelUiItemIndex].data,
+      });
+      throw error;
+    } finally {
+      await this.endLoading();
+    }
+    // 后续处理
+    const index = this.state.items.findIndex(
+      item => item.srfkey === data.srfkey,
+    );
+    this.state.items.splice(index, 1, res.data);
+    this.state.panelUiItems.splice(
+      panelUiItemIndex,
+      1,
+      this.handlePanelItemParams(res.data),
+    );
+    await this.evt.emit('onSaveSuccess', undefined);
+  }
+}

package/src/controller/control/medit-view-panel/medit-view-panel.service.ts

@@ -0,0 +1,10 @@
+import { IDEMultiEditViewPanel } from '@ibiz/model-core';
+import { MDControlService } from '../../../service';
+
+/**
+ * 多编辑视图面板部件服务
+ *
+ * @export
+ * @extends {MDControlService<IDEMultiEditViewPanel>}
+ */
+export class MEditViewPanelService extends MDControlService<IDEMultiEditViewPanel> {}

package/src/controller/utils/value-rule/value-rule.ts

@@ -1,7 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { RuntimeError } from '@ibiz-template/core';
-import { IDEFormItemVR, IDEGridEditItemVR } from '@ibiz/model-core';
-import { isNilOrEmpty } from 'qx-util';
+import {
+  IDEFormItemVR,
+  IDEGridEditItemVR,
+  IEditor,
+  INumberEditor,
+  ITextEditor,
+} from '@ibiz/model-core';
+import { isNilOrEmpty, isNumber } from 'qx-util';
+import { isNil } from 'ramda';
 import { ScriptFactory, verifyDeRules } from '../../../utils';
 
 /**
@@ -93,3 +100,91 @@ export function generateRules(
   });
   return rules;
 }
+
+/**
+ * 生成编辑器相关的值规则
+ * @author lxm
+ * @date 2023-10-18 03:36:39
+ * @export
+ * @param {IEditor} editor
+ * @return {*}  {IData[]}
+ */
+export function generateEditorRules(editor: IEditor): IData[] {
+  const rules: IData[] = [];
+  const { maxLength, minLength } = editor as ITextEditor;
+  const { maxValue, minValue } = editor as INumberEditor;
+
+  if (maxLength) {
+    rules.push({
+      validator: (
+        rule: IData,
+        value: IData,
+        callback: (params: Error[] | Error) => boolean,
+      ) => {
+        if (!isNil(value) && value.length > maxLength) {
+          callback(
+            new Error(
+              `内容长度必须小于等于${maxLength},当前长度为${value.length}`,
+            ),
+          );
+        } else {
+          return true;
+        }
+      },
+    });
+  }
+
+  if (minLength) {
+    rules.push({
+      validator: (
+        rule: IData,
+        value: IData,
+        callback: (params: Error[] | Error) => boolean,
+      ) => {
+        if (!isNil(value) && value.length < minLength) {
+          callback(
+            new Error(
+              `内容长度必须大于等于${minLength},当前长度为${value.length}`,
+            ),
+          );
+        } else {
+          return true;
+        }
+      },
+    });
+  }
+
+  if (!isNil(maxValue)) {
+    rules.push({
+      validator: (
+        rule: IData,
+        value: number,
+        callback: (params: Error[] | Error) => boolean,
+      ) => {
+        if (!isNil(value) && isNumber(value) && value > maxValue) {
+          callback(new Error(`值必须小于等于${maxValue}`));
+        } else {
+          return true;
+        }
+      },
+    });
+  }
+
+  if (!isNil(minValue)) {
+    rules.push({
+      validator: (
+        rule: IData,
+        value: number,
+        callback: (params: Error[] | Error) => boolean,
+      ) => {
+        if (!isNil(value) && isNumber(value) && value < minValue) {
+          callback(new Error(`值必须大于等于${minValue}`));
+        } else {
+          return true;
+        }
+      },
+    });
+  }
+
+  return rules;
+}

package/src/interface/controller/controller/control/i-medit-view-panel.controller.ts

@@ -0,0 +1,17 @@
+import { IDEMultiEditViewPanel } from '@ibiz/model-core';
+import { IMEditViewPanelEvent } from '../../event';
+import { IMEditViewPanelState } from '../../state';
+import { IMDControlController } from './i-md-control.controller';
+
+/**
+ * 多编辑视图面板控制器
+ *
+ * @export
+ * @interface IMEditViewPanelController
+ * @extends {IMDControlController<IDEMultiEditViewPanel, IMEditViewPanelState, IMEditViewPanelEvent>}
+ */
+export interface IMEditViewPanelController<
+  T extends IDEMultiEditViewPanel = IDEMultiEditViewPanel,
+  S extends IMEditViewPanelState = IMEditViewPanelState,
+  E extends IMEditViewPanelEvent = IMEditViewPanelEvent,
+> extends IMDControlController<T, S, E> {}

package/src/interface/controller/controller/control/index.ts

@@ -33,3 +33,4 @@ export * from './i-context-menu.controller';
 export * from './i-kanban.controller';
 export * from './i-tree-grid.controller';
 export * from './i-tree-grid-ex.controller';
+export * from './i-medit-view-panel.controller';

package/src/interface/controller/event/control/i-medit-view-panel.event.ts

@@ -0,0 +1,9 @@
+import { IMDControlEvent } from './i-md-control.event';
+
+/**
+ * 多编辑视图面板部件事件
+ *
+ * @export
+ * @interface IMDControlEvent
+ */
+export type IMEditViewPanelEvent = IMDControlEvent;

package/src/interface/controller/event/control/index.ts

@@ -29,3 +29,4 @@ export * from './i-calendar-exp-bar.event';
 export * from './i-context-menu.event';
 export * from './i-tree-grid.event';
 export * from './i-tree-grid-ex.event';
+export * from './i-medit-view-panel.event';

package/src/interface/controller/event/view/i-medit-view9.event.ts

@@ -0,0 +1,10 @@
+import { IMDViewEvent } from './i-md-view.event';
+
+/**
+ * 多表单编辑视图事件
+ *
+ * @export
+ * @interface IMEditView9Event
+ * @extends {IMDViewEvent}
+ */
+export type IMEditView9Event = IMDViewEvent;

package/src/interface/controller/event/view/index.ts

@@ -39,3 +39,4 @@ export * from './i-pickup-md-view.event';
 export * from './i-form-pickup-data-view.event';
 export * from './i-tree-grid-view.event';
 export * from './i-tree-grid-ex-view.event';
+export * from './i-medit-view9.event';

package/src/interface/controller/state/control/i-medit-view-panel.state.ts

@@ -0,0 +1,36 @@
+import { ControlVO } from '../../../../service';
+import { IMDControlState } from './i-md-control.state';
+
+export interface IPanelUiItem {
+  // 唯一主键
+  id: string;
+  // 视图上下文
+  context: IData;
+  // 视图参数
+  params: IData;
+  // 该项数据
+  data: ControlVO;
+  // 主信息
+  srfmajortext: string;
+}
+
+/**
+ * 多编辑视图面板部件状态
+ *
+ * @export
+ * @interface IMEditViewPanelState
+ * @extends {IMDControlState}
+ */
+export interface IMEditViewPanelState extends IMDControlState {
+  /**
+   * 编辑视图面板部件UI数据集合
+   * @type {IPanelUiItem[]}
+   */
+  panelUiItems: IPanelUiItem[];
+
+  /**
+   * 当前激活分页（上分页时启用）
+   *
+   */
+  activeTab: string;
+}

package/src/interface/controller/state/control/index.ts

@@ -35,3 +35,4 @@ export * from './i-context-menu.state';
 export * from './i-kanban.state';
 export * from './i-tree-grid.state';
 export * from './i-tree-grid-ex.state';
+export * from './i-medit-view-panel.state';

package/src/interface/controller/state/view/i-medit-view9.state.ts

@@ -0,0 +1,10 @@
+import { IMDViewState } from './i-md-view.state';
+
+/**
+ * 多表单编辑视图UI状态
+ *
+ * @export
+ * @class IMEditView9State
+ * @extends {IMDViewState}
+ */
+export interface IMEditView9State extends IMDViewState {}

package/src/interface/controller/state/view/index.ts

@@ -40,3 +40,4 @@ export * from './i-kanban-view.state';
 export * from './i-form-pickup-data-view.state';
 export * from './i-tree-grid-view.state';
 export * from './i-tree-grid-ex-view.state';
+export * from './i-medit-view9.state';