@ibiz-template/runtime 0.1.35 → 0.1.37

package/src/controller/control/md-ctrl/md-ctrl.controller.ts

@@ -3,12 +3,16 @@ import {
   IUIActionGroup,
   IUIActionGroupDetail,
 } from '@ibiz/model-core';
+import { RuntimeModelError } from '@ibiz-template/core';
+import { isNil } from 'ramda';
 import {
   IMobMDCtrlEvent,
   IMobMDCtrlController,
   IMobMdCtrlState,
   IMobMDCtrlRowState,
   MDCtrlLoadParams,
+  IMDControlGroupState,
+  CodeListItem,
 } from '../../../interface';
 import { MDCtrlService } from './md-ctrl.service';
 import { MobMDCtrlRowState } from './md-ctrl-row.state';
@@ -31,6 +35,16 @@ export class MDCtrlController
     this.state.mdctrlActiveMode = 1;
   }
 
+  /**
+   * 分组代码表项集合
+   *
+   * @author zk
+   * @date 2023-10-11 04:10:06
+   * @type {readonly}
+   * @memberof MDCtrlController
+   */
+  groupCodeListItems?: readonly CodeListItem[];
+
   protected async onCreated(): Promise<void> {
     await super.onCreated();
     this.service = new MDCtrlService(this.model);
@@ -86,7 +100,10 @@ export class MDCtrlController
     await this.load({ isInitialLoad: true });
   }
 
-  afterLoad(args: MDCtrlLoadParams, items: ControlVO[]): Promise<IData[]> {
+  async afterLoad(
+    args: MDCtrlLoadParams,
+    items: ControlVO[],
+  ): Promise<IData[]> {
     if (args.isInitialLoad) {
       this.state.rows = [];
     }
@@ -99,6 +116,8 @@ export class MDCtrlController
         }),
       );
     }
+    await this.initGroupCodeListItems();
+    await this.handleDataGroup();
     return super.afterLoad(args, items);
   }
 
@@ -108,7 +127,7 @@ export class MDCtrlController
    * @author zk
    * @date 2023-05-26 02:05:46
    * @param {IData[]} items
-   * @memberof ListController
+   * @memberof MDCtrlController
    */
   setData(items: IData[]): void {
     const rows = items.map(item => {
@@ -124,7 +143,7 @@ export class MDCtrlController
    * @author zk
    * @date 2023-05-26 02:05:35
    * @return {*}  {IData[]}
-   * @memberof ListController
+   * @memberof MDCtrlController
    */
   getAllData(): IData[] {
     return this.state.rows.map(row => row.data);
@@ -196,4 +215,118 @@ export class MDCtrlController
     containerState.update(row.data.getOrigin());
     row.uaColStates[group.id!] = containerState;
   }
+
+  /**
+   * 处理数据分组
+   *
+   * @memberof MDCtrlController
+   */
+  protected async handleDataGroup(): Promise<void> {
+    const { enableGroup, groupMode, groupAppDEFieldId } = this.model;
+    if (enableGroup && groupMode) {
+      if (!groupAppDEFieldId) {
+        throw new RuntimeModelError(this.model, '分组属性没有配置');
+      }
+      if (groupMode === 'AUTO') {
+        this.handleAutoGroup();
+      } else if (groupMode === 'CODELIST') {
+        await this.handleCodeListGroup();
+      }
+    }
+  }
+
+  /**
+   * 处理自动分组
+   *
+   * @memberof MDCtrlController
+   */
+  protected handleAutoGroup(): void {
+    const { groupAppDEFieldId } = this.model;
+    if (groupAppDEFieldId) {
+      const { items } = this.state;
+      const groupMap: Map<string, MobMDCtrlRowState[]> = new Map();
+      items.forEach((item: IData) => {
+        const groupVal = item[groupAppDEFieldId];
+        if (isNil(groupVal)) {
+          // 分组无值的不显示
+          return;
+        }
+
+        if (!groupMap.has(groupVal)) {
+          groupMap.set(groupVal, []);
+        }
+        groupMap
+          .get(groupVal)!
+          .push(new MobMDCtrlRowState(item as ControlVO, this));
+      });
+      const groups: IMDControlGroupState[] = [];
+      groupMap.forEach((value: IData[], key: string) => {
+        groups.push({
+          caption: key,
+          key,
+          children: [...value],
+        });
+      });
+      this.state.groups = groups;
+    }
+  }
+
+  /**
+   * 加载并初始化分组代码表项集合
+   * @author lxm
+   * @date 2023-08-29 05:11:39
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  protected async initGroupCodeListItems(): Promise<void> {
+    const { groupCodeListId } = this.model;
+    if (!groupCodeListId) {
+      return;
+    }
+    const app = ibiz.hub.getApp(this.context.srfappid);
+    this.groupCodeListItems = await app.codeList.get(
+      groupCodeListId,
+      this.context,
+      this.params,
+    );
+  }
+
+  /**
+   * 处理代码表分组
+   *
+   * @memberof MDCtrlController
+   */
+  protected async handleCodeListGroup(): Promise<void> {
+    const { groupAppDEFieldId, groupCodeListId } = this.model;
+    if (!groupCodeListId) {
+      throw new RuntimeModelError(this.model, '分组代码表没有配置');
+    }
+    const { items } = this.state;
+    const groupMap: Map<string | number, MobMDCtrlRowState[]> = new Map();
+    this.groupCodeListItems!.forEach(item => {
+      groupMap.set(item.value, []);
+    });
+    items.forEach((item: IData) => {
+      const groupVal = item[groupAppDEFieldId!];
+      const groupArr = groupMap.get(groupVal);
+      if (groupArr) {
+        groupArr.push(new MobMDCtrlRowState(item as ControlVO, this));
+      }
+      // 不在代码表里数据忽略
+    });
+
+    const groups: IMDControlGroupState[] = [];
+    groupMap.forEach((arr, key) => {
+      // 标题
+      const codeListItem = this.groupCodeListItems!.find(
+        item => item.value === key,
+      )!;
+      groups.push({
+        caption: codeListItem.text,
+        key: codeListItem.value,
+        children: arr,
+      });
+    });
+    this.state.groups = groups;
+  }
 }

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

@@ -0,0 +1,2 @@
+export * from './medit-view-panel.controller';
+export * from './medit-view-panel.service';

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/control/search-bar/search-bar-filter.controller.ts

@@ -0,0 +1,112 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { IAppDEField, ISearchBarFilter } from '@ibiz/model-core';
+import {
+  IEditorContainerController,
+  IEditorController,
+  IEditorProvider,
+} from '../../../interface';
+import { findFieldById } from '../../../model';
+import { getEditorProvider } from '../../../register';
+import { SearchBarController } from './search-bar.controller';
+
+/**
+ * 搜索栏过滤项控制器
+ * @author lxm
+ * @date 2023-10-12 05:49:19
+ * @export
+ * @class SearchBarFilterController
+ * @implements {IEditorContainerController}
+ */
+export class SearchBarFilterController implements IEditorContainerController {
+  unitName: string | undefined;
+
+  valueFormat: string | undefined;
+
+  get context(): IContext {
+    return this.searchBar.context;
+  }
+
+  get params(): IParams {
+    return this.searchBar.params;
+  }
+
+  dataType: number | undefined;
+
+  /**
+   * 编辑器控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:42
+   * @type {IEditorController}
+   */
+  editor?: IEditorController;
+
+  /**
+   * 编辑器适配器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:42
+   */
+  editorProvider?: IEditorProvider;
+
+  /**
+   * 过滤的属性名称(有实体属性的是属性codeName小写，没有就是项名称)
+   * @author lxm
+   * @date 2023-10-13 02:51:39
+   * @type {string}
+   */
+  fieldName: string;
+
+  /**
+   * 属性显示的标题
+   * @author lxm
+   * @date 2023-10-13 03:02:42
+   * @type {string}
+   */
+  label: string;
+
+  /**
+   * 配置的属性搜索模式对应的值操作
+   * @author lxm
+   * @date 2023-10-13 03:22:10
+   * @type {string}
+   */
+  valueOP?: string;
+
+  constructor(
+    public model: ISearchBarFilter,
+    public searchBar: SearchBarController,
+  ) {
+    // 实体属性
+    let field: IAppDEField | undefined;
+    if (model.appDEFieldId) {
+      field = findFieldById(searchBar.appDataEntity, model.appDEFieldId)!;
+    }
+    this.fieldName = field ? field.codeName!.toLowerCase() : model.id!;
+
+    // 属性标题
+    this.label = model.caption || field?.logicName || model.id!;
+
+    this.valueOP = model.defsearchMode?.valueOP;
+  }
+
+  /**
+   * 初始化
+   * @author lxm
+   * @date 2023-10-12 05:47:19
+   * @return {*}  {Promise<void>}
+   */
+  async init(): Promise<void> {
+    if (!this.model.editor) {
+      throw new RuntimeModelError(this.model, '缺少编辑器模型');
+    }
+
+    this.editorProvider = await getEditorProvider(this.model.editor);
+    if (this.editorProvider) {
+      this.editor = await this.editorProvider.createController(
+        this.model.editor,
+        this,
+      );
+    }
+  }
+}