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

package/src/controller/control/grid/grid-column/grid-group-column/grid-group-column.controller.ts

@@ -0,0 +1,10 @@
+import { IDEGridGroupColumn } from '@ibiz/model-core';
+import { GridColumnController } from '../../grid/grid-column.controller';
+
+/**
+ * 表格分组列控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-09-01 18:25:20
+ */
+export class GridGroupColumnController extends GridColumnController<IDEGridGroupColumn> {}

package/src/controller/control/grid/grid-column/grid-group-column/index.ts

@@ -0,0 +1 @@
+export * from './grid-group-column.controller';

package/src/controller/control/grid/grid-column/grid-ua-column/grid-ua-column.controller.ts

@@ -0,0 +1,70 @@
+/* eslint-disable no-param-reassign */
+import { RuntimeModelError } from '@ibiz-template/core';
+import { IDEGridUAColumn, IUIActionGroupDetail } from '@ibiz/model-core';
+import { UIActionUtil } from '../../../../../ui-action';
+import { ButtonContainerState, UIActionButtonState } from '../../../../utils';
+import { GridColumnController } from '../../grid/grid-column.controller';
+import { GridRowState } from '../../grid/grid-row.state';
+
+/**
+ * 表格操作列控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-09-01 18:25:20
+ */
+export class GridUAColumnController extends GridColumnController<IDEGridUAColumn> {
+  /**
+   * 给rowController初始化操作列的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   * @param {GridRowState} row
+   */
+  initActionStates(row: GridRowState): void {
+    // 操作列按钮状态控制
+    const { deuiactionGroup } = this.model;
+    if (!deuiactionGroup) {
+      throw new RuntimeModelError(this.model, '操作列没有配置界面行为组');
+    }
+    if (!deuiactionGroup.uiactionGroupDetails?.length) {
+      ibiz.log.debug('操作列界面行为组没有配置界面行为');
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    deuiactionGroup.uiactionGroupDetails.forEach(detail => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id!,
+          this.grid.context.srfappid!,
+          actionid,
+        );
+        containerState.addState(detail.id!, buttonState);
+      }
+    });
+    row.uaColStates[this.model.codeName!] = containerState;
+  }
+
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(
+    detail: IUIActionGroupDetail,
+    row: GridRowState,
+    event: MouseEvent,
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+    await UIActionUtil.execAndResolved(actionId!, {
+      context: this.context,
+      params: this.params,
+      data: [row.data],
+      view: this.grid.view,
+      event,
+    });
+  }
+}

package/src/controller/control/grid/grid-column/grid-ua-column/index.ts

@@ -0,0 +1 @@
+export * from './grid-ua-column.controller';

package/src/controller/control/grid/grid-column/index.ts

@@ -0,0 +1,4 @@
+export * from './grid-field-column';
+export * from './grid-ua-column';
+export * from './grid-field-edit-column';
+export * from './grid-group-column';

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

@@ -0,0 +1,2 @@
+export * from './grid/index';
+export * from './grid-column';

package/src/controller/control/index.ts

@@ -0,0 +1,19 @@
+export * from './app-menu/index';
+export * from './app-menu-icon-view/index';
+export * from './calendar/index';
+export * from './chart/index';
+export * from './caption-bar/index';
+export * from './context-menu/index';
+export * from './dashboard/index';
+export * from './data-view/index';
+export * from './exp-bar/index';
+export * from './form/index';
+export * from './grid/index';
+export * from './list/index';
+export * from './panel/index';
+export * from './pickup-view-panel/index';
+export * from './search-bar/index';
+export * from './tab-exp-panel/index';
+export * from './toolbar/index';
+export * from './tree/index';
+export * from './wizard-panel/index';

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

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

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/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';

package/src/controller/control/panel/panel/panel-item.controller.ts

@@ -0,0 +1,244 @@
+import { isOverlap } from '@ibiz-template/core';
+import { IPanelItem } from '@ibiz/model-core';
+import {
+  IPanelItemController,
+  IPanelController,
+  IPanelDataContainerController,
+} from '../../../../interface';
+import { calcLayoutHeightWidth, calcDynaClass } from '../../../../model';
+import { verifyPanelGroupLogic } from '../../../../utils';
+import { PanelNotifyState } from '../../../constant';
+import { PanelItemState } from './panel-item.state';
+import { PanelController } from './panel.controller';
+
+export class PanelItemController<T extends IPanelItem = IPanelItem>
+  implements IPanelItemController
+{
+  /**
+   * 面板项状态
+   *
+   * @author chitanda
+   * @date 2023-01-04 09:01:04
+   * @type {PanelItemState}
+   */
+  state: PanelItemState;
+
+  /**
+   * 数据父容器
+   * @author lxm
+   * @date 2023-07-15 11:35:18
+   * @readonly
+   * @type {(IPanelController | IPanelDataContainerController)}
+   */
+  get dataParent(): IPanelController | IPanelDataContainerController {
+    return this.findDataParent(this);
+  }
+
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data(): IData {
+    return this.dataParent.data;
+  }
+
+  /**
+   * 获取容器类名集合
+   * @author lxm
+   * @date 2023-08-02 06:06:12
+   * @readonly
+   * @type {string[]}
+   */
+  get containerClass(): string[] {
+    return [...this.state.class.container, ...this.state.class.containerDyna];
+  }
+
+  /**
+   * 获取标题类名集合
+   * @author lxm
+   * @date 2023-08-02 06:16:48
+   * @readonly
+   * @type {string[]}
+   */
+  get labelClass(): string[] {
+    return [...this.state.class.label, ...this.state.class.labelDyna];
+  }
+
+  /**
+   * Creates an instance of PanelItemController.
+   * @author lxm
+   * @date 2023-04-27 06:37:12
+   * @param {T} model 面板成员模型
+   * @param {PanelController} panel 面板控制器
+   * @param {PanelItemController} [parent] 父容器控制器
+   */
+  constructor(
+    public readonly model: T,
+    public readonly panel: PanelController,
+    public readonly parent?: PanelItemController,
+  ) {
+    this.state = this.createState();
+  }
+
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init(): Promise<void> {
+    await this.onInit();
+  }
+
+  protected async onInit(): Promise<void> {
+    // 初始化布局参数
+    const { layoutPos, sysCss, labelSysCss } = this.model;
+
+    // 初始化高宽
+    if (layoutPos) {
+      const { width, height } = calcLayoutHeightWidth(layoutPos);
+      this.state.layout.width = `${width}`;
+      this.state.layout.height = `${height}`;
+    }
+
+    if (sysCss?.cssName) {
+      this.state.class.container.push(sysCss.cssName);
+    }
+
+    if (labelSysCss?.cssName) {
+      this.state.class.label.push(labelSysCss.cssName);
+    }
+  }
+
+  /**
+   * 创建面板状态对象
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:00
+   * @protected
+   * @return {*}  {PanelItemState}
+   */
+  protected createState(): PanelItemState {
+    return new PanelItemState(this.parent?.state);
+  }
+
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:56
+   * @param {string[]} names
+   */
+  dataChangeNotify(names: string[]): void {
+    // 计算动态控制逻辑
+    this.calcDynamicLogic(names);
+
+    // 计算动态样式表
+    this.calcDynaClass(this.data);
+  }
+
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  panelStateNotify(_state: PanelNotifyState): void {
+    // 计算动态控制逻辑
+    this.calcDynamicLogic([], true);
+
+    // 计算动态样式表
+    this.calcDynaClass(this.data);
+  }
+
+  /**
+   * 计算动态逻辑
+   *
+   * @author lxm
+   * @date 2023-02-13 09:42:07
+   * @protected
+   * @param {string[]} names 变更的属性集合
+   * @param {boolean} [mustCalc=false] 是否强制计算一遍动态逻辑
+   * @returns {*}  {void}
+   * @memberof PanelItemController
+   */
+  protected calcDynamicLogic(names: string[], mustCalc: boolean = false): void {
+    // 逻辑优化，当父容器存在且为不显示时，不去计算自己的动态逻辑
+    if (this.parent && !this.parent.state.visible) {
+      return;
+    }
+
+    // 根据自身的动态逻辑计算
+    this.model.panelItemGroupLogics?.forEach(logic => {
+      const relatedNames = logic.relatedItemNames || [];
+      // name是动态逻辑涉及到的时或state存在时
+      if (mustCalc || isOverlap(relatedNames, names)) {
+        try {
+          const ok = verifyPanelGroupLogic(this.panel.data, logic);
+          switch (logic.logicCat) {
+            // 动态空输入，不满足则必填
+            case 'ITEMBLANK':
+              this.state.required = !ok;
+              break;
+            // 动态启用，满足则启用
+            case 'ITEMENABLE':
+              this.state.disabled = !ok;
+              break;
+            // 动态显示，满足则显示
+            case 'PANELVISIBLE':
+              this.state.visible = ok;
+              break;
+            default:
+          }
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    });
+  }
+
+  /**
+   * 找到指定成员的数据父容器
+   * @author lxm
+   * @date 2023-07-15 11:26:49
+   * @param {IPanelItemController} panel
+   * @return {*}  {(IPanelController | IPanelDataContainerController)}
+   */
+  findDataParent(
+    panel: IPanelItemController,
+  ): IPanelController | IPanelDataContainerController {
+    const { parent } = panel;
+    if (!parent) {
+      return panel.panel;
+    }
+    if (parent.isDataContainer) {
+      return parent as IPanelDataContainerController;
+    }
+    return this.findDataParent(parent);
+  }
+
+  /**
+   * 计算动态样式表
+   * @author lxm
+   * @date 2023-08-02 06:15:08
+   * @param {IData} data
+   */
+  protected calcDynaClass(data: IData): void {
+    if (this.model.dynaClass) {
+      const dynaClass = calcDynaClass(this.model.dynaClass, data);
+      if (dynaClass.length) {
+        this.state.class.containerDyna = dynaClass;
+      }
+    }
+    if (this.model.labelDynaClass) {
+      const dynaClass = calcDynaClass(this.model.labelDynaClass, data);
+      if (dynaClass.length) {
+        this.state.class.labelDyna = dynaClass;
+      }
+    }
+  }
+}