@ibiz-template/runtime 0.1.27 → 0.1.29-dev.0

package/src/controller/control/tree-grid-ex/tree-grid-ex.controller.ts

@@ -0,0 +1,283 @@
+import { recursiveIterate } from '@ibiz-template/core';
+import { IDETree, IDETreeColumn } from '@ibiz/model-core';
+import {
+  MDCtrlLoadParams,
+  ITreeNodeData,
+  ITreeGridExController,
+  IGridColumnProvider,
+  ITreeGridExState,
+  ITreeGridExEvent,
+} from '../../../interface';
+import { getGridColumnProvider } from '../../../register';
+import { MDControlController } from '../../common';
+import {
+  GridColumnController,
+  GridFieldColumnController,
+  GridUAColumnController,
+} from '../grid';
+import { TreeGridExService } from './tree-grid-ex.service';
+
+/**
+ * 树表格部件控制器
+ *
+ * @author zk
+ * @date 2023-09-21 06:09:46
+ * @export
+ * @class TreeGridExController
+ * @extends {MDControlController<IDETree, ITreeGridState, ITreeGridEvent>}
+ * @implements {ITreeGridExController}
+ */
+export class TreeGridExController
+  extends MDControlController<IDETree, ITreeGridExState, ITreeGridExEvent>
+  implements ITreeGridExController
+{
+  declare service: TreeGridExService;
+
+  /**
+   * 表格列的适配器
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:04
+   * @type {{ [key: string]: IGridColumnProvider }}
+   * @memberof TreeGridExController
+   */
+  providers: { [key: string]: IGridColumnProvider } = {};
+
+  /**
+   * 所有表格列控制器集合
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:10
+   * @type {{ [key: string]: GridColumnController }}
+   * @memberof TreeGridExController
+   */
+  columns: { [key: string]: GridColumnController } = {};
+
+  /**
+   * 所有表格属性列的控制器
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:16
+   * @type {{ [key: string]: GridFieldColumnController }}
+   * @memberof TreeGridExController
+   */
+  fieldColumns: { [key: string]: GridFieldColumnController } = {};
+
+  /**
+   * 所有表格操作列的控制器
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:21
+   * @type {{ [key: string]: GridUAColumnController }}
+   * @memberof TreeGridExController
+   */
+  uaColumns: { [key: string]: GridUAColumnController } = {};
+
+  protected initState(): void {
+    super.initState();
+    // 根节点初始化
+    this.state.size = 0;
+    this.state.columnStates = [];
+    this.state.defaultExpandedKeys = [];
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new TreeGridExService(this.model);
+    await this.service.init(this.context);
+    this.initColumnStates();
+    await this.initGridColumns();
+  }
+
+  /**
+   * 初始化表格属性列，操作列，编辑项控制器
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:28
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof TreeGridExController
+   */
+  protected async initGridColumns(): Promise<void> {
+    if (this.model.detreeColumns) {
+      await Promise.all(
+        this.model.detreeColumns.map(async column =>
+          this.initColumnsController(column),
+        ),
+      );
+    }
+  }
+
+  /**
+   * 初始化表格属性列，操作列，编辑项控制器
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:37
+   * @protected
+   * @param {IDETreeColumn} column
+   * @return {*}  {Promise<void>}
+   * @memberof TreeGridExController
+   */
+  protected async initColumnsController(column: IDETreeColumn): Promise<void> {
+    // 初始化适配器
+    const provider = await getGridColumnProvider(column);
+    if (!provider) {
+      return;
+    }
+    this.providers[column.codeName!] = provider;
+
+    // 初始化表格列控制器
+    const controller = await provider.createController(column, this);
+    this.columns[column.codeName!] = controller as GridColumnController;
+    // 分类存放控制器
+    if (column.columnType === 'DEFGRIDCOLUMN') {
+      this.fieldColumns[column.codeName!] =
+        controller as GridFieldColumnController;
+    } else if (column.columnType === 'UAGRIDCOLUMN') {
+      this.uaColumns[column.codeName!] = controller as GridUAColumnController;
+    }
+  }
+
+  /**
+   * 初始化表格列状态
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:43
+   * @protected
+   * @memberof TreeGridExController
+   */
+  protected initColumnStates(): void {
+    recursiveIterate(
+      this.model,
+      (column: IDETreeColumn) => {
+        if (column.columnType !== 'GROUPGRIDCOLUMN') {
+          this.state.columnStates.push({
+            key: column.codeName!,
+            caption: column.caption!,
+            hidden: !!column.hideDefault,
+            uaColumn: column.columnType === 'UAGRIDCOLUMN',
+          });
+        }
+      },
+      { childrenFields: ['detreeColumns'] },
+    );
+    this.calcColumnFixed();
+  }
+
+  /**
+   * 计算列的固定状态
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:50
+   * @protected
+   * @memberof TreeGridExController
+   */
+  protected calcColumnFixed(): void {
+    const showColumns = this.state.columnStates.filter(
+      column => !column.hidden,
+    );
+    const allNum = showColumns.length;
+    showColumns.forEach((column, index) => {
+      if (column.uaColumn) {
+        column.fixed = index + 1 <= Math.floor(allNum / 2) ? 'left' : 'right';
+      } else {
+        column.fixed = 'right';
+      }
+    });
+  }
+
+  /**
+   * 树部件加载，从根节点开始重新加载
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:56
+   * @param {MDCtrlLoadParams} [args={}]
+   * @return {*}  {Promise<ITreeNodeData[]>}
+   * @memberof TreeGridExController
+   */
+  async load(args: MDCtrlLoadParams = {}): Promise<ITreeNodeData[]> {
+    const isInitialLoad = args.isInitialLoad === true;
+    const nodes = await this.loadNodes();
+    this.state.expandedKeys = this.calcExpandedKeys(nodes);
+    await this.afterLoad(args, nodes);
+    this.state.isLoaded = true;
+    await this.evt.emit('onLoadSuccess', {
+      isInitialLoad,
+    });
+
+    return nodes;
+  }
+
+  /**
+   * 加载子节点数据
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:02
+   * @param {ITreeNodeData} [parentNode]
+   * @return {*}  {Promise<ITreeNodeData[]>}
+   * @memberof TreeGridExController
+   */
+  async loadNodes(parentNode?: ITreeNodeData): Promise<ITreeNodeData[]> {
+    const params = await this.getFetchParams();
+    const hasQuery = !!params.query;
+    const defaultExpandedKeys = !parentNode
+      ? this.state.defaultExpandedKeys
+      : undefined;
+
+    // 请求服务获取子节点数据
+    await this.startLoading();
+    let nodes;
+    try {
+      nodes =
+        (await this.service.fetchChildNodes(parentNode, {
+          context: this.context.clone(),
+          params,
+          hasQuery,
+          defaultExpandedKeys,
+        })) || [];
+    } finally {
+      await this.endLoading();
+    }
+
+    // 有父节点绑定到父节点数据上，无父节点替换rootNodes
+    if (parentNode) {
+      parentNode.children = nodes;
+    } else {
+      this.state.rootNodes = nodes;
+    }
+
+    // 更新items
+    this.state.items = [];
+    recursiveIterate(
+      { children: this.state.rootNodes },
+      (node: ITreeNodeData) => {
+        this.state.items.push(node);
+      },
+    );
+
+    return nodes;
+  }
+
+  /**
+   * 计算展开节点集合
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:07
+   * @param {ITreeNodeData[]} nodes
+   * @return {*}  {string[]}
+   * @memberof TreeGridExController
+   */
+  protected calcExpandedKeys(nodes: ITreeNodeData[]): string[] {
+    let expandedKeys: string[] = [];
+    recursiveIterate({ children: nodes }, (node: ITreeNodeData) => {
+      if (node.children?.length) {
+        expandedKeys.push(node.id);
+      }
+    });
+    if (this.state.defaultExpandedKeys.length) {
+      expandedKeys.push(...this.state.defaultExpandedKeys);
+      expandedKeys = Array.from(new Set(expandedKeys));
+    }
+    return expandedKeys;
+  }
+}

package/src/controller/control/tree-grid-ex/tree-grid-ex.service.ts

@@ -0,0 +1,171 @@
+import { IHttpResponse } from '@ibiz-template/core';
+import {
+  IDETreeDataSetNode,
+  IDETreeNode,
+  IDETreeNodeRS,
+} from '@ibiz/model-core';
+import { isArray } from 'qx-util';
+import { ITreeNodeData } from '../../../interface';
+
+import { ControlVO, TreeDataSetNodeData, UIMapField } from '../../../service';
+import { TreeFetchOpts, TreeService } from '../tree/tree.service';
+
+/**
+ * 树表格增强部件服务
+ *
+ * @author zk
+ * @date 2023-09-25 05:09:52
+ * @export
+ * @class TreeGridService
+ * @extends {TreeService}
+ */
+export class TreeGridExService extends TreeService {
+  /**
+   * 表格列映射关系
+   *
+   * @author zk
+   * @date 2023-09-25 05:09:11
+   * @type {Map<string, Map<string, UIMapField>>}
+   * @memberof TreeGridService
+   */
+  multipleUiMap: Map<string, Map<string, UIMapField>> = new Map();
+
+  /**
+   * 初始化节点属性映射
+   *
+   * @author lxm
+   * @date 2022-08-31 18:08:37
+   */
+  initUIDataMap(): void {
+    super.initUIDataMap();
+    this.model.detreeNodes?.forEach((item: IDETreeNode) => {
+      const dataMap: Map<string, UIMapField> = new Map();
+      item.detreeNodeDataItems?.forEach(dataItem => {
+        const uiKey = dataItem.id!.toLowerCase();
+        const deField = dataItem.appDEFieldId!;
+        // 后台实体属性
+        const deFieldKey = deField.toLowerCase();
+        const mapField = new UIMapField(uiKey, deFieldKey, {
+          isOriginField: true,
+          dataType: dataItem.dataType,
+        });
+        dataMap.set(uiKey, mapField);
+      });
+      this.multipleUiMap.set(item.id!, dataMap);
+    });
+  }
+
+  /**
+   * 获取实体数据集数据
+   *
+   * @protected
+   * @param {TreeNodeRSModel} nodeRS
+   * @param {TreeFetchOpts} opts
+   * @returns {*}
+   * @memberof TreeService
+   */
+  protected async getDENodeDatas(
+    nodeModel: IDETreeDataSetNode,
+    nodeRS: IDETreeNodeRS | undefined,
+    parentNodeData: ITreeNodeData | undefined,
+    opts: TreeFetchOpts,
+  ): Promise<TreeDataSetNodeData[]> {
+    const { appDEDataSetId, appDataEntityId } = nodeModel;
+
+    // 处理查询参数,没有关系的时候不处理参数了
+    const { context, params, navContext, navParams } = nodeRS
+      ? this.getNodeRSFilterParams(nodeRS, parentNodeData, opts)
+      : {
+          context: opts.context,
+          params: opts.params,
+          navContext: {},
+          navParams: {},
+        };
+
+    // 设置查询长度
+    params.size = nodeModel.maxSize || 1000;
+    // 排序属性
+    if (nodeModel.sortAppDEFieldId && nodeModel.sortDir) {
+      Object.assign(params, {
+        sort: `${nodeModel.sortAppDEFieldId.toLowerCase()},${nodeModel.sortDir.toLowerCase()}`,
+      });
+    }
+
+    // 请求实体数据
+    const response = await this.app.deService.exec(
+      appDataEntityId!,
+      appDEDataSetId!,
+      context,
+      params,
+    );
+
+    if (response.data.length) {
+      const { data } = this.handleResponseForMultiple(response, nodeModel.id!);
+      const nodeDatas = data.map((item: ControlVO) => {
+        return new TreeDataSetNodeData(nodeModel, parentNodeData, {
+          data: item,
+          leaf: !!opts.leaf,
+          navContext,
+          navParams,
+        });
+      });
+      return nodeDatas;
+    }
+    return [];
+  }
+
+  /**
+   * 处理多数据源响应
+   *
+   * @author zk
+   * @date 2023-09-21 04:09:06
+   * @param {IHttpResponse} response
+   * @param {string} tag 多数据源dataUIMap标识
+   * @return {*}  {IHttpResponse}
+   * @memberof TreeGridService
+   */
+  handleResponseForMultiple(
+    response: IHttpResponse,
+    tag: string,
+  ): IHttpResponse {
+    const res = super.handleResponse(response) as IHttpResponse<
+      IData[] | IData
+    >;
+    if (res.headers) {
+      if (res.headers['x-page']) {
+        res.page = Number(res.headers['x-page']);
+      }
+      if (res.headers['x-per-page']) {
+        res.size = Number(res.headers['x-per-page']);
+      }
+      if (res.headers['x-total']) {
+        res.total = Number(res.headers['x-total']);
+      }
+    }
+    if (res.ok) {
+      if (isArray(res.data)) {
+        res.data = (res.data as IData[]).map(item =>
+          this.toUIDataForMultiple(item, tag),
+        );
+      } else {
+        res.data = this.toUIDataForMultiple(res.data, tag);
+      }
+    }
+    return res;
+  }
+
+  /**
+   * 实体数据转ui数据
+   *
+   * @author zk
+   * @date 2023-09-21 06:09:06
+   * @param {IData} entityData 实体数据
+   * @param {string} tag 多数据源dataUIMap标识
+   * @return {*}  {ControlVO}
+   * @memberof TreeGridService
+   */
+  toUIDataForMultiple(entityData: IData, tag: string): ControlVO {
+    const dataUIMap = this.multipleUiMap.get(tag);
+    return new ControlVO(entityData, dataUIMap);
+  }
+}

package/src/controller/utils/event/controller-event.ts

@@ -97,6 +97,22 @@ export class ControllerEvent<E extends IComponentEvent = IComponentEvent> {
     this.evt.on(name as string, fn);
   }
 
+  /**
+   * 取消订阅指定事件
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-09-22 17:45:07
+   */
+  off<K extends EventTypeKeyOf<E>>(
+    name: K,
+    fn: (event: EventTypeObjec<E>[K]['event']) => void | Promise<void>,
+  ): void {
+    if (this.isDestroyed) {
+      return;
+    }
+    this.evt.off(name as string, fn);
+  }
+
   /**
    * 订阅任意事件
    * @author lxm

package/src/controller/utils/view-msg/index.ts

@@ -0,0 +1 @@
+export * from './view-msg-controller';