@ibiz-template/runtime 0.1.11 → 0.1.12

package/src/controller/control/list/list.controller.ts

@@ -0,0 +1,228 @@
+import { IDEList } from '@ibiz/model-core';
+import {
+  IListState,
+  IListEvent,
+  IListController,
+  IToolbarController,
+  MDCtrlLoadParams,
+  IMDControlGroupState,
+  CodeListItem,
+} from '../../../interface';
+import { MDControlController } from '../../common';
+import { ListService } from './list.service';
+
+export class ListController
+  extends MDControlController<IDEList, IListState, IListEvent>
+  implements IListController
+{
+  declare service: ListService;
+
+  protected initState(): void {
+    super.initState();
+    this.state.noSort = this.model.noSort === true;
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new ListService(this.model);
+    await this.service.init(this.context);
+  }
+
+  /**
+   * 设置排序
+   *
+   * @author lxm
+   * @date 2022-09-28 13:09:44
+   * @param {string} key 排序字段
+   * @param {string} order 排序顺序
+   */
+  setSort(key?: string, order?: 'asc' | 'desc'): void {
+    if (key && order) {
+      super.setSort(key, order);
+    } else {
+      // 设置默认排序或者置空
+      const { minorSortAppDEFieldId, minorSortDir } = this.model;
+      if (minorSortAppDEFieldId && minorSortDir) {
+        this.state.sortQuery = `${minorSortAppDEFieldId.toLowerCase()},${minorSortDir.toLowerCase()}`;
+      } else {
+        this.state.sortQuery = '';
+      }
+    }
+  }
+
+  /**
+   * 工具栏
+   *
+   * @author zk
+   * @date 2023-08-02 06:08:34
+   * @readonly
+   * @type {(IToolbarController | undefined)}
+   * @memberof ListController
+   */
+  protected get batchToolbarController(): IToolbarController | undefined {
+    const controller = this.view.getController(
+      `${this.model.name!}_batchtoolbar`,
+    );
+    return controller as IToolbarController;
+  }
+
+  /**
+   * 工具栏
+   *
+   * @author zk
+   * @date 2023-08-02 06:08:34
+   * @readonly
+   * @type {(IToolbarController | undefined)}
+   * @memberof ListController
+   */
+  protected get quickToolbarController(): IToolbarController | undefined {
+    const controller = this.view.getController(
+      `${this.model.name!}_quicktoolbar`,
+    );
+    return controller as IToolbarController;
+  }
+
+  /**
+   * 根据数据计算工具栏权限和状态
+   *
+   * @author zk
+   * @date 2023-08-02 06:08:11
+   * @param {IData[]} selection
+   * @memberof ListController
+   */
+  setSelection(selection: IData[]): void {
+    super.setSelection(selection);
+    const data = selection?.[0];
+    this.batchToolbarController?.calcButtonState(
+      data,
+      this.model.appDataEntityId,
+    );
+    this.quickToolbarController?.calcButtonState(
+      data,
+      this.model.appDataEntityId,
+    );
+  }
+
+  /**
+   * 加载更多
+   * @author lxm
+   * @date 2023-05-22 07:33:59
+   * @return {*}  {Promise<void>}
+   */
+  async loadMore(): Promise<void> {
+    if (this.state.total > this.state.items.length) {
+      await this.load({ isLoadMore: true });
+    }
+  }
+
+  async afterLoad(args: MDCtrlLoadParams, items: IData[]): Promise<IData[]> {
+    await this.handleDataGroup();
+    return items;
+  }
+
+  /**
+   * 设置列表数据
+   *
+   * @author zk
+   * @date 2023-05-26 02:05:46
+   * @param {IData[]} items
+   * @memberof ListController
+   */
+  setData(items: IData[]): void {
+    this.state.items = items;
+  }
+
+  /**
+   * 获取列表数据
+   *
+   * @author zk
+   * @date 2023-05-26 02:05:35
+   * @return {*}  {IData[]}
+   * @memberof ListController
+   */
+  getAllData(): IData[] {
+    return this.state.items;
+  }
+
+  /**
+   * 处理数据分组
+   *
+   * @memberof DataViewControlController
+   */
+  protected async handleDataGroup(): Promise<void> {
+    const { enableGroup, groupMode } = this.model;
+    if (enableGroup && groupMode) {
+      if (groupMode === 'AUTO') {
+        this.handleAutoGroup();
+      } else if (groupMode === 'CODELIST') {
+        await this.handleCodeListGroup();
+      }
+    }
+  }
+
+  /**
+   * 处理自动分组
+   *
+   * @memberof DataViewControlController
+   */
+  protected handleAutoGroup(): void {
+    const { groupAppDEFieldId } = this.model;
+    if (groupAppDEFieldId) {
+      const { items } = this.state;
+      const childrenMap: Map<string, IData[]> = new Map();
+      items.forEach((item: IData) => {
+        const children = childrenMap.get(item[groupAppDEFieldId]) || [];
+        children.push(item);
+        childrenMap.set(item[groupAppDEFieldId], children);
+      });
+      const groups: IMDControlGroupState[] = [];
+      childrenMap.forEach((value: IData[], key: string) => {
+        groups.push({
+          caption: key,
+          children: [...value],
+        });
+      });
+      this.state.groups = groups;
+    }
+  }
+
+  /**
+   * 处理代码表分组
+   *
+   * @memberof DataViewControlController
+   */
+  protected async handleCodeListGroup(): Promise<void> {
+    const { groupAppDEFieldId, groupCodeListId } = this.model;
+    if (groupAppDEFieldId && groupCodeListId) {
+      const { items } = this.state;
+      const groups: IMDControlGroupState[] = [];
+      const app = ibiz.hub.getApp(this.context.srfappid);
+      const codeList = await app.codeList.get(
+        groupCodeListId,
+        this.context,
+        this.params,
+      );
+      const keys: string[] = [];
+      codeList.forEach((codeListItem: CodeListItem) => {
+        const value = items.filter(
+          (item: IData) => item[groupAppDEFieldId] === codeListItem.value,
+        );
+        groups.push({
+          caption: codeListItem.text,
+          children: [...value],
+        });
+        keys.push(codeListItem.value as string);
+      });
+      const otherGroup = items.filter(
+        (item: IData) => keys.indexOf(item[groupAppDEFieldId]) === -1,
+      );
+      if (otherGroup.length > 0) {
+        groups.push({
+          caption: '其他',
+          children: [...otherGroup],
+        });
+      }
+      this.state.groups = groups;
+    }
+  }
+}

package/src/controller/control/list/list.service.ts

@@ -0,0 +1,39 @@
+import { IDEList } from '@ibiz/model-core';
+import { MDControlService, UIMapField } from '../../../service';
+
+/**
+ * 列表部件服务
+ * @author lxm
+ * @date 2023-05-15 09:53:35
+ * @export
+ * @class GridService
+ * @extends {MDControlService<IDEList>}
+ */
+export class ListService extends MDControlService<IDEList> {
+  /**
+   * 初始化属性映射
+   *
+   * @author lxm
+   * @date 2022-08-31 18:08:37
+   */
+  initUIDataMap(): void {
+    super.initUIDataMap();
+    // *初始化表格数据项的属性映射
+    this.model.delistDataItems?.forEach(item => {
+      const uiKey = item.id!.toLowerCase();
+      const deField = item.appDEFieldId;
+      let mapField: UIMapField;
+      // 后台实体属性
+      if (deField) {
+        const deFieldKey = deField.toLowerCase();
+        mapField = new UIMapField(uiKey, deFieldKey, {
+          isOriginField: true,
+        });
+      } else {
+        // 前台属性
+        mapField = new UIMapField(uiKey, uiKey);
+      }
+      this.dataUIMap.set(uiKey, mapField);
+    });
+  }
+}

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

@@ -0,0 +1,3 @@
+export * from './md-ctrl.controller';
+export * from './md-ctrl-row.state';
+export * from './md-ctrl.service';

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

@@ -0,0 +1,40 @@
+import {
+  IButtonContainerState,
+  IMobMDCtrlController,
+  IMobMDCtrlRowState,
+} from '../../../interface';
+import { ControlVO } from '../../../service';
+
+/**
+ * 多数据部件行状态
+ *
+ * @author chitanda
+ * @date 2023-06-19 18:06:44
+ * @export
+ * @class MobMDCtrlRowState
+ */
+export class MobMDCtrlRowState implements IMobMDCtrlRowState {
+  /**
+   * 行为状态
+   *
+   * @author chitanda
+   * @date 2023-06-19 18:06:27
+   * @type {{ [p: string]: IButtonContainerState }}
+   */
+  readonly uaColStates: { [p: string]: IButtonContainerState } = {};
+
+  /**
+   * Creates an instance of MDCtrlRowState.
+   *
+   * @author chitanda
+   * @date 2023-06-19 18:06:12
+   * @param {ControlVO} data 行数据
+   * @param {IMobMDCtrlController} controller 多数据部件控制器
+   */
+  constructor(
+    public data: ControlVO,
+    public controller: IMobMDCtrlController,
+  ) {
+    this.data = data;
+  }
+}

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

@@ -0,0 +1,199 @@
+import {
+  IDEMobMDCtrl,
+  IUIActionGroup,
+  IUIActionGroupDetail,
+} from '@ibiz/model-core';
+import {
+  IMobMDCtrlEvent,
+  IMobMDCtrlController,
+  IMobMdCtrlState,
+  IMobMDCtrlRowState,
+  MDCtrlLoadParams,
+} from '../../../interface';
+import { MDCtrlService } from './md-ctrl.service';
+import { MobMDCtrlRowState } from './md-ctrl-row.state';
+import { MDControlController } from '../../common';
+import { ControlVO } from '../../../service';
+import { UIActionUtil } from '../../../ui-action';
+import { ButtonContainerState, UIActionButtonState } from '../../utils';
+
+export class MDCtrlController
+  extends MDControlController<IDEMobMDCtrl, IMobMdCtrlState, IMobMDCtrlEvent>
+  implements IMobMDCtrlController
+{
+  declare service: MDCtrlService;
+
+  protected initState(): void {
+    super.initState();
+    this.state.rows = [];
+    this.state.noSort = this.model.noSort === true;
+    // 多数据默认激活值为1
+    this.state.mdctrlActiveMode = 1;
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new MDCtrlService(this.model);
+    await this.service.init(this.context);
+    // 设置默认排序
+    this.setSort();
+  }
+
+  /**
+   * 设置排序
+   *
+   * @author lxm
+   * @date 2022-09-28 13:09:44
+   * @param {string} key 排序字段
+   * @param {string} order 排序顺序
+   */
+  setSort(key?: string, order?: 'asc' | 'desc'): void {
+    if (key && order) {
+      super.setSort(key, order);
+    } else {
+      // 设置默认排序或者置空
+      const { minorSortAppDEFieldId, minorSortDir } = this.model;
+      if (minorSortAppDEFieldId && minorSortDir) {
+        this.state.sortQuery = `${minorSortAppDEFieldId.toLowerCase()},${minorSortDir.toLowerCase()}`;
+      } else {
+        this.state.sortQuery = '';
+      }
+    }
+  }
+
+  /**
+   * 加载更多
+   * @author lxm
+   * @date 2023-05-22 07:33:59
+   * @return {*}  {Promise<void>}
+   */
+  async loadMore(): Promise<void> {
+    // 修复加载更多时，数据未加载成功 但是还是会继续加载的问题
+    if (this.state.total > this.state.items.length && !this.state.isLoading) {
+      await this.load({ isLoadMore: true });
+    }
+  }
+
+  /**
+   * 列表多数据刷新 需重置分页
+   *
+   * @author zk
+   * @date 2023-08-11 05:08:20
+   * @return {*}  {Promise<void>}
+   * @memberof MDCtrlController
+   */
+  async refresh(): Promise<void> {
+    await this.load({ isInitialLoad: true });
+  }
+
+  afterLoad(args: MDCtrlLoadParams, items: ControlVO[]): Promise<IData[]> {
+    if (args.isInitialLoad) {
+      this.state.rows = [];
+    }
+    if (items && items.length > 0) {
+      this.state.rows.push(
+        ...items.map(item => {
+          const row = new MobMDCtrlRowState(item, this);
+          this.initActionStates(row);
+          return row;
+        }),
+      );
+    }
+    return super.afterLoad(args, items);
+  }
+
+  /**
+   * 设置列表数据
+   *
+   * @author zk
+   * @date 2023-05-26 02:05:46
+   * @param {IData[]} items
+   * @memberof ListController
+   */
+  setData(items: IData[]): void {
+    const rows = items.map(item => {
+      const row = new MobMDCtrlRowState(item as ControlVO, this);
+      return row;
+    });
+    this.state.rows = rows;
+  }
+
+  /**
+   * 获取列表数据
+   *
+   * @author zk
+   * @date 2023-05-26 02:05:35
+   * @return {*}  {IData[]}
+   * @memberof ListController
+   */
+  getAllData(): IData[] {
+    return this.state.rows.map(row => row.data);
+  }
+
+  /**
+   * 界面行为组项点击
+   *
+   * @author chitanda
+   * @date 2023-06-19 18:06:18
+   * @param {IUIActionGroupDetail} detail
+   * @param {MDCtrlRowState} row
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   */
+  async onActionClick(
+    detail: IUIActionGroupDetail,
+    row: IMobMDCtrlRowState,
+    event: MouseEvent,
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+    await UIActionUtil.execAndResolved(actionId!, {
+      context: this.context,
+      params: this.params,
+      data: [row.data],
+      view: this.view,
+      event,
+    });
+  }
+
+  /**
+   * 初始化按钮状态
+   *
+   * @author chitanda
+   * @date 2023-06-21 16:06:55
+   * @protected
+   * @param {MobMDCtrlRowState} row
+   */
+  protected initActionStates(row: MobMDCtrlRowState): void {
+    const { deuiactionGroup, deuiactionGroup2 } = this.model;
+    if (deuiactionGroup) {
+      this.initUIActionGroup(row, deuiactionGroup);
+    }
+    if (deuiactionGroup2) {
+      this.initUIActionGroup(row, deuiactionGroup2);
+    }
+  }
+
+  protected initUIActionGroup(
+    row: MobMDCtrlRowState,
+    group: IUIActionGroup,
+  ): void {
+    if (!group!.uiactionGroupDetails?.length) {
+      ibiz.log.debug('操作列界面行为组没有配置界面行为');
+    }
+    const containerState = new ButtonContainerState();
+    const details = group!.uiactionGroupDetails || [];
+    details.forEach(detail => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id!,
+          this.context.srfappid!,
+          actionid,
+        );
+        containerState.addState(detail.id!, buttonState);
+      }
+    });
+    containerState.update(row.data.getOrigin());
+    row.uaColStates[group.id!] = containerState;
+  }
+}

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

@@ -0,0 +1,40 @@
+import { IDEMobMDCtrl } from '@ibiz/model-core';
+import { MDControlService, UIMapField } from '../../../service';
+
+/**
+ * 多数据部件服务
+ *
+ * @author lxm
+ * @date 2023-05-15 09:53:35
+ * @export
+ * @class MDCtrlService
+ * @extends {MDControlService<IDEMobMDCtrl>}
+ */
+export class MDCtrlService extends MDControlService<IDEMobMDCtrl> {
+  /**
+   * 初始化属性映射
+   *
+   * @author lxm
+   * @date 2022-08-31 18:08:37
+   */
+  initUIDataMap(): void {
+    super.initUIDataMap();
+    // *初始化表格数据项的属性映射
+    this.model.delistDataItems?.forEach(item => {
+      const uiKey = item.id!.toLowerCase();
+      const deField = item.appDEFieldId;
+      let mapField: UIMapField;
+      // 后台实体属性
+      if (deField) {
+        const deFieldKey = deField.toLowerCase();
+        mapField = new UIMapField(uiKey, deFieldKey, {
+          isOriginField: true,
+        });
+      } else {
+        // 前台属性
+        mapField = new UIMapField(uiKey, uiKey);
+      }
+      this.dataUIMap.set(uiKey, mapField);
+    });
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+export * from './panel-item.controller';
+export * from './panel-item.state';
+export * from './panel.controller';