@ibiz-template/runtime 0.4.16 → 0.4.17-dev.1

package/src/controller/control/search-bar/search-bar.service.ts

@@ -0,0 +1,161 @@
+import { IHttpResponse } from '@ibiz-template/core';
+import { ISearchBar } from '@ibiz/model-core';
+import { IAppService } from '../../../interface';
+
+/**
+ * 搜索栏服务
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-12-22 10:28:32
+ */
+export class SearchBarService {
+  /**
+   * 应用
+   *
+   */
+  app!: IAppService;
+
+  /**
+   * 视图标识
+   *
+   */
+  viewTag!: string;
+
+  /**
+   * 部件模型
+   *
+   */
+  readonly model: ISearchBar;
+
+  /**
+   * Creates an instance of ControlService.
+   *
+   */
+  constructor(model: ISearchBar, viewTag: string) {
+    this.model = model;
+    this.viewTag = viewTag;
+  }
+
+  async init(_context?: IContext): Promise<void> {
+    this.app = ibiz.hub.getApp(this.model.appId);
+  }
+
+  /**
+   * 主题管理URL
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-22 10:51:49
+   */
+  themeUrl = '/extension/app_view_themes';
+
+  /**
+   * 执行查询多条数据的方法
+   *
+   */
+  async fetch(): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}/fetch_default`, {
+      app_view_tag: this.viewTag,
+      sort: 'create_time,asc',
+    });
+    if (res.ok) {
+      res.data = this.convertBackDataToFront(res.data as IData[]);
+    }
+    return res;
+  }
+
+  /**
+   * 执行获取单条数据方法
+   *
+   */
+  async get(id: string): Promise<IHttpResponse> {
+    const res = await this.app.net.get(`${this.themeUrl}/${id}`, {
+      app_view_tag: this.viewTag,
+    });
+    if (res.ok) {
+      [res.data] = this.convertBackDataToFront([res.data] as IData[]);
+    }
+    return res;
+  }
+
+  /**
+   * 删除单条数据
+   *
+   */
+  async remove(id: string): Promise<IHttpResponse> {
+    const res = await this.app.net.delete(`${this.themeUrl}/${id}`, {
+      app_view_tag: this.viewTag,
+    });
+    return res;
+  }
+
+  /**
+   * 新建数据
+   *
+   */
+  async create(caption: string): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}`, {
+      name: caption,
+      app_view_tag: this.viewTag,
+    });
+    return res;
+  }
+
+  /**
+   * 新建数据（带参数,给平台配置建立的分组用）
+   *
+   */
+  async createWithParams(id: string, data: IData): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}`, {
+      id,
+      theme_model: JSON.stringify(data),
+      app_view_tag: this.viewTag,
+      show: data.show,
+    });
+    return res;
+  }
+
+  /**
+   * 更新数据
+   *
+   */
+  async update(id: string, data: IData): Promise<IHttpResponse> {
+    const updateParams = { app_view_tag: this.viewTag };
+    if (data.theme_model) {
+      Object.assign(updateParams, {
+        theme_model: JSON.stringify(data.theme_model),
+      });
+    }
+    if (data.caption) {
+      Object.assign(updateParams, {
+        name: data.caption,
+      });
+    }
+    if (typeof data.show === 'boolean') {
+      Object.assign(updateParams, {
+        show: data.show,
+      });
+    }
+    const res = await this.app.net.put(`${this.themeUrl}/${id}`, updateParams);
+    return res;
+  }
+
+  /**
+   * 转换后台数据成前端需要的格式
+   * @param {IData} data
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-22 11:19:50
+   */
+  convertBackDataToFront(data: IData[]): IData[] {
+    return data.map(item => {
+      const tempItem = { ...item };
+      if (item.name) {
+        tempItem.caption = item.name;
+      }
+      if (item.theme_model) {
+        tempItem.searchGroupData = JSON.parse(item.theme_model);
+      }
+      return tempItem;
+    });
+  }
+}

package/src/controller/control/tree/tree.controller.ts

@@ -26,6 +26,7 @@ import {
   getChildNodeRSs,
   getUIActionItemsByActionLevel,
 } from '../../../model';
+import { ControllerEvent } from '../../utils';
 
 export type DropNodeRS = {
   minorEntityId: string;
@@ -42,12 +43,20 @@ export type DropNodeRS = {
  * @extends {MDControlController<IDETree, ITreeState, ITreeEvent>}
  * @implements {ITreeController}
  */
-export class TreeController
-  extends MDControlController<IDETree, ITreeState, ITreeEvent>
-  implements ITreeController
+export class TreeController<
+    T extends IDETree = IDETree,
+    S extends ITreeState = ITreeState,
+    E extends ITreeEvent = ITreeEvent,
+  >
+  extends MDControlController<T, S, E>
+  implements ITreeController<T, S, E>
 {
   declare service: TreeService;
 
+  protected get _evt(): ControllerEvent<ITreeEvent> {
+    return this.evt;
+  }
+
   /**
    * 上下文菜单控制器
    * @author lxm
@@ -124,8 +133,7 @@ export class TreeController
     this.initDropNodeRss();
     this.initNodeClickTBUIActionItem();
 
-    this.service = new TreeService(this.model);
-    await this.service.init(this.context);
+    await this.initService();
 
     // 初始化上下文菜单控制器
     this.model.detreeNodes!.forEach(node => {
@@ -145,6 +153,18 @@ export class TreeController
     );
   }
 
+  /**
+   * 初始化对应类型的部件服务
+   * @author lxm
+   * @date 2023-12-21 11:25:33
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  protected async initService(): Promise<void> {
+    this.service = new TreeService(this.model);
+    await this.service.init(this.context);
+  }
+
   /**
    * 初始化节点拖入关系处理
    * @author lxm
@@ -218,7 +238,7 @@ export class TreeController
     }
     await this.afterLoad(args, nodes);
     this.state.isLoaded = true;
-    await this.evt.emit('onLoadSuccess', {
+    await this._evt.emit('onLoadSuccess', {
       isInitialLoad,
     });
 
@@ -267,6 +287,19 @@ export class TreeController
       this.state.rootNodes = nodes;
     }
 
+    await this.afterLoadNodes(nodes);
+
+    return nodes;
+  }
+
+  /**
+   * loadNodes加载完子数据之后的处理
+   * @author lxm
+   * @date 2023-12-22 02:37:50
+   * @param {ITreeNodeData[]} nodes 加载回来的子数据
+   * @return {*}  {Promise<void>}
+   */
+  async afterLoadNodes(nodes: ITreeNodeData[]): Promise<void> {
     // 更新items
     this.state.items = [];
     recursiveIterate(
@@ -276,9 +309,8 @@ export class TreeController
       },
     );
 
+    // 重新计算展开节点标识
     this.state.expandedKeys = this.calcExpandedKeys(nodes);
-
-    return nodes;
   }
 
   /**
@@ -363,7 +395,7 @@ export class TreeController
 
   setActive(item: ITreeNodeData): Promise<void> {
     const nodeParams = this.parseTreeNodeData(item);
-    return this.evt.emit('onActive', { ...nodeParams, nodeData: item });
+    return this._evt.emit('onActive', { ...nodeParams, nodeData: item });
   }
 
   setSelection(selection: IData[]): void {
@@ -388,6 +420,21 @@ export class TreeController
     return this.model.detreeNodes?.find(item => item.id === id);
   }
 
+  /**
+   * 通过标识获取节点数据
+   * @author lxm
+   * @date 2023-12-22 02:21:38
+   * @param {string} id 可以是节点id也可以是_uuid
+   * @return {*}  {(ITreeNodeData | undefined)}
+   */
+  getNodeData(key: string): ITreeNodeData | undefined {
+    const find = this.state.items.find(item => item.id === key);
+    if (find) {
+      return find;
+    }
+    return this.state.items.find(item => item._uuid === key);
+  }
+
   /**
    * 执行界面行为
    *
@@ -517,7 +564,7 @@ export class TreeController
     const targetNode = refreshParent ? currentNode.parent! : currentNode;
 
     const nodes = await this.loadNodes(targetNode);
-    this.evt.emit('onAfterRefreshParent', {
+    this._evt.emit('onAfterRefreshParent', {
       parentNode: targetNode,
       children: nodes,
     });
@@ -761,7 +808,7 @@ export class TreeController
     await this.updateDeNodeData(modifiedNodeDatas);
 
     // *通知界面修改移入的父节点的子节点数据
-    this.evt.emit('onAfterNodeDrop', { isChangedParent });
+    this._evt.emit('onAfterNodeDrop', { isChangedParent });
   }
 
   /**

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

@@ -35,7 +35,7 @@ export interface TreeFetchOpts {
    * @type {IParams}
    * @memberof TreeFetchOpts
    */
-  context: IParams;
+  context: IContext;
   /**
    * 视图参数
    *
@@ -69,7 +69,9 @@ export interface TreeFetchOpts {
  * @class GridService
  * @extends {MDControlService<IDETree>}
  */
-export class TreeService extends MDControlService<IDETree> {
+export class TreeService<
+  T extends IDETree = IDETree,
+> extends MDControlService<T> {
   /**
    * 获取子节点数据
    *
@@ -252,7 +254,7 @@ export class TreeService extends MDControlService<IDETree> {
     parentNodeData: ITreeNodeData | undefined,
     opts: TreeFetchOpts,
   ): {
-    context: IParams;
+    context: IContext;
     params: IParams;
     navContext: IParams;
     navParams: IParams;

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

@@ -1,2 +1,4 @@
 export * from './tree-grid-ex.controller';
 export * from './tree-grid-ex.service';
+export * from './tree-grid-ex-column/index';
+export * from './tree-grid-ex-row.state';

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

@@ -0,0 +1,3 @@
+export { TreeGridExColumnController } from './tree-grid-ex-column/tree-grid-ex-column.controller';
+export { TreeGridExFieldColumnController } from './tree-grid-ex-field-column/tree-grid-ex-field-column.controller';
+export { TreeGridExUAColumnController } from './tree-grid-ex-ua-column/tree-grid-ex-ua-column.controller';

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

@@ -0,0 +1,121 @@
+import { IDETreeColumn } from '@ibiz/model-core';
+import { TreeGridExController } from '../../tree-grid-ex.controller';
+
+/**
+ * 树表格（增强）列控制器
+ * @author lxm
+ * @date 2023-12-21 02:03:28
+ * @export
+ * @class TreeGridExColumnController
+ * @template T
+ */
+export class TreeGridExColumnController<
+  T extends IDETreeColumn = IDETreeColumn,
+> {
+  /**
+   * 树表格（增强）列模型对象
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:07
+   * @type {T}
+   */
+  readonly model: T;
+
+  /**
+   * 树表格（增强）控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 22:08:59
+   * @type {GridController}
+   */
+  readonly treeGrid: TreeGridExController;
+
+  /**
+   * 是否是自适应列
+   * @author lxm
+   * @date 2023-07-07 11:20:16
+   * @type {boolean}
+   */
+  isAdaptiveColumn: boolean = false;
+
+  /**
+   * 是否是脚本代码
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-15 10:51:25
+   */
+  isCustomCode: boolean = false;
+
+  /**
+   * 上下文
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:24
+   * @readonly
+   * @type {IContext}
+   */
+  get context(): IContext {
+    return this.treeGrid.context;
+  }
+
+  /**
+   * 视图参数
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:00
+   * @readonly
+   * @type {IParams}
+   */
+  get params(): IParams {
+    return this.treeGrid.params;
+  }
+
+  /**
+   * 是否是第一个显示的树表格列
+   * @author lxm
+   * @date 2023-12-22 03:28:10
+   * @readonly
+   * @type {boolean}
+   */
+  get isFirstShowColumn(): boolean {
+    const firstColumn = this.treeGrid.state.columnStates.find(
+      item => !item.hidden,
+    );
+    return firstColumn?.key === this.model.codeName;
+  }
+
+  /**
+   * Creates an instance of GridFieldColumnController.
+   * @author lxm
+   * @date 2022-08-24 20:08:22
+   * @param {T} model
+   */
+  constructor(model: T, treeGrid: TreeGridExController) {
+    this.model = model;
+    this.treeGrid = treeGrid;
+    this.isAdaptiveColumn = model.widthUnit === 'STAR';
+  }
+
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init(): Promise<void> {
+    await this.onInit();
+  }
+
+  /**
+   * 初始化方法
+   *
+   * @author lxm
+   * @date 2022-09-28 15:09:15
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  protected async onInit(): Promise<void> {
+    // 初始化操作
+  }
+}

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

@@ -0,0 +1,13 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { IDETreeDEFColumn } from '@ibiz/model-core';
+import { TreeGridExColumnController } from '../tree-grid-ex-column/tree-grid-ex-column.controller';
+
+/**
+ * 树表格（增强）属性列控制器
+ * @author lxm
+ * @date 2023-12-21 02:02:36
+ * @export
+ * @class TreeGridExFieldColumnController
+ * @extends {TreeGridExColumnController<IDETreeDEFColumn>}
+ */
+export class TreeGridExFieldColumnController extends TreeGridExColumnController<IDETreeDEFColumn> {}

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

@@ -0,0 +1,76 @@
+/* eslint-disable no-param-reassign */
+import { RuntimeModelError } from '@ibiz-template/core';
+import { IDETreeUAColumn, IUIActionGroupDetail } from '@ibiz/model-core';
+import { UIActionUtil } from '../../../../../ui-action';
+import { ButtonContainerState, UIActionButtonState } from '../../../../utils';
+import { TreeGridExColumnController } from '../tree-grid-ex-column/tree-grid-ex-column.controller';
+import { ITreeGridExRowState } from '../../../../../interface';
+
+/**
+ * 树表格（增强）操作列控制器
+ * @author lxm
+ * @date 2023-12-21 02:04:05
+ * @export
+ * @class TreeGridExUAColumnController
+ * @extends {TreeGridExColumnController<IDETreeUAColumn>}
+ */
+export class TreeGridExUAColumnController extends TreeGridExColumnController<IDETreeUAColumn> {
+  /**
+   * 给rowController初始化操作列的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   * @param {ITreeGridExRowState} row
+   */
+  initActionStates(row: ITreeGridExRowState): 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.treeGrid.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: ITreeGridExRowState,
+    event: MouseEvent,
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+    await UIActionUtil.execAndResolved(
+      actionId!,
+      {
+        context: this.context,
+        params: this.params,
+        data: [row.data],
+        view: this.treeGrid.view,
+        event,
+      },
+      detail.appId,
+    );
+  }
+}

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

@@ -0,0 +1,37 @@
+import {
+  IButtonContainerState,
+  ITreeGridExRowState,
+  ITreeNodeData,
+} from '../../../interface';
+import { TreeGridExController } from './tree-grid-ex.controller';
+
+/**
+ * 树表格（增强）行数据状态类
+ *
+ * @author lxm
+ * @date 2023-12-22 10:39:01
+ * @export
+ * @class TreeGridExRowState
+ * @implements {ITreeGridExRowState}
+ */
+export class TreeGridExRowState implements ITreeGridExRowState {
+  data: ITreeNodeData;
+
+  /**
+   * 操作列状态(p是操作列的标识)
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:38
+   * @type {({ [p: string]: IButtonContainerState })}
+   */
+  uaColStates: { [p: string]: IButtonContainerState } = {};
+
+  constructor(data: ITreeNodeData, treeGrid: TreeGridExController) {
+    this.data = data;
+
+    // 初始化操作列状态
+    Object.values(treeGrid.uaColumns).forEach(column => {
+      column.initActionStates(this);
+    });
+  }
+}