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

package/src/controller/control/tab-exp-panel/tab-exp-panel.controller.ts

@@ -0,0 +1,195 @@
+import { IDER1N, IDETabViewPanel, ITabExpPanel } from '@ibiz/model-core';
+import {
+  ITabExpPanelState,
+  ITabExpPanelEvent,
+  ITabExpPanelController,
+  ITabExpPanelPagesState,
+  INavViewMsg,
+} from '../../../interface';
+import { calcDeCodeNameById } from '../../../model';
+import { calcNavParams } from '../../../utils';
+import { ControlController } from '../../common';
+
+/**
+ * 分页导航面板
+ *
+ * @export
+ * @class TabExpPanelController
+ * @extends {ControlController<IDETabExpPanel, ITabExpPanelState, ITabExpPanelEvent>}
+ * @implements {ITabExpPanelController}
+ */
+export class TabExpPanelController
+  extends ControlController<ITabExpPanel, ITabExpPanelState, ITabExpPanelEvent>
+  implements ITabExpPanelController
+{
+  /**
+   * 初始化state的属性
+   *
+   * @protected
+   * @memberof TabExpPanelController
+   */
+  protected initState(): void {
+    super.initState();
+    this.state.tabPages = [];
+    this.state.activeName = '';
+  }
+
+  /**
+   * 创建完成
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof TabExpPanelController
+   */
+  async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.layoutPanel = this.view.layoutPanel!;
+
+    this.initTabPages();
+  }
+
+  /**
+   * 初始化分页数据
+   *
+   * @memberof TabExpPanelController
+   */
+  initTabPages(): void {
+    const viewPanel = this.model.controls as IDETabViewPanel[];
+    const tabPages: ITabExpPanelPagesState[] = [];
+    viewPanel.forEach((panel: IDETabViewPanel) => {
+      tabPages.push({
+        caption: panel.caption!,
+        tabTag: panel.id!,
+        class: panel.sysCss ? [panel.sysCss.cssName!] : [],
+      });
+    });
+    this.state.tabPages = tabPages;
+    if (tabPages.length > 0) {
+      this.initDefaultPage();
+    }
+  }
+
+  /**
+   * 初始化默认分页
+   *
+   * @author zk
+   * @date 2023-06-19 09:06:33
+   * @memberof TabExpPanelController
+   */
+  initDefaultPage(): void {
+    const initFirstPage = (): void => {
+      this.state.activeName = this.state.tabPages[0].tabTag;
+      this.handleTabChange();
+    };
+    if (!this.state.defaultTabName) {
+      initFirstPage();
+    } else {
+      const activeTab = this.state.tabPages.find(
+        item => item.tabTag === this.state.defaultTabName,
+      );
+      if (!activeTab) {
+        initFirstPage();
+      } else {
+        this.state.activeName = activeTab.tabTag;
+        this.changeToTab();
+      }
+    }
+  }
+
+  /**
+   * 切换分页
+   * @author lxm
+   * @date 2023-08-10 05:37:26
+   * @protected
+   * @param {IDETabViewPanel} [tab=this.activeTabViewPanelModel!]
+   */
+  protected changeToTab(
+    tab: IDETabViewPanel = this.activeTabViewPanelModel!,
+  ): void {
+    const navViewMsg = this.getNavViewMsg(tab);
+    this.evt.emit('onNavViewChange', { navViewMsg });
+  }
+
+  /**
+   * 当前激活tab模型
+   *
+   * @author zk
+   * @date 2023-06-29 03:06:56
+   * @readonly
+   * @type {IDETabViewPanel}
+   * @memberof TabExpPanelController
+   */
+  get activeTabViewPanelModel(): IDETabViewPanel {
+    const { activeName } = this.state;
+    const viewPanel = this.model.controls!.find(tab => tab.id === activeName);
+    return viewPanel as IDETabViewPanel;
+  }
+
+  /**
+   * 处理分页改变
+   *
+   * @memberof TabExpPanelController
+   */
+  async handleTabChange(): Promise<void> {
+    if (this.activeTabViewPanelModel) {
+      this.changeToTab();
+    }
+  }
+
+  /**
+   * 准备参数
+   *
+   * @param {IDETabViewPanel} tabViewPanel
+   * @memberof TabExpPanelController
+   */
+  prepareParams(tabViewPanel: IDETabViewPanel): {
+    context: IContext;
+    params: IParams;
+  } {
+    const {
+      navDER,
+      navFilter,
+      navigateContexts,
+      navigateParams,
+      appDataEntityId,
+    } = tabViewPanel;
+    const model = {
+      deName: calcDeCodeNameById(appDataEntityId!),
+      navFilter,
+      pickupDEFName: (navDER as IDER1N)?.pickupDEFName,
+      navContexts: navigateContexts,
+      navParams: navigateParams,
+    };
+    const originParams = {
+      context: this.context,
+      params: this.params,
+      data: {},
+    };
+    const { resultContext, resultParams } = calcNavParams(model, originParams);
+    // 合并SrfNav
+    const context = Object.assign(this.context.clone(), resultContext, {
+      currentSrfNav: this.state.activeName,
+    });
+    const params = { ...this.params, ...resultParams };
+    return { context, params };
+  }
+
+  /**
+   *
+   *
+   * @author zk
+   * @date 2023-06-29 03:06:41
+   * @param {IDETabViewPanel} tabViewPanel
+   * @return {*}  {Promise<INavViewMsg>}
+   * @memberof TabExpPanelController
+   */
+  public getNavViewMsg(tabViewPanel: IDETabViewPanel): INavViewMsg {
+    const { context, params } = this.prepareParams(tabViewPanel);
+    return {
+      key: tabViewPanel.codeName!.toLowerCase(),
+      context,
+      params,
+      viewId: tabViewPanel.embeddedAppDEViewId,
+    };
+  }
+}

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

@@ -0,0 +1 @@
+export * from './toolbar.controllerr';

package/src/controller/control/toolbar/toolbar.controllerr.ts

@@ -0,0 +1,215 @@
+import { recursiveIterate } from '@ibiz-template/core';
+import {
+  IDEToolbar,
+  IDEToolbarItem,
+  IDETBUIActionItem,
+  IControlLogic,
+} from '@ibiz/model-core';
+import { ViewMode } from '../../../constant';
+import {
+  IToolbarState,
+  IToolbarEvent,
+  IToolbarController,
+  IExtraButton,
+  IButtonState,
+} from '../../../interface';
+import { ControlVO } from '../../../service';
+import { UIActionUtil } from '../../../ui-action';
+import { ControlController } from '../../common';
+import {
+  ControllerEvent,
+  ButtonContainerState,
+  UIActionButtonState,
+} from '../../utils';
+
+/**
+ * 工具栏控制器
+ * @author lxm
+ * @date 2023-03-28 06:44:26
+ * @export
+ * @class ToolbarController
+ * @extends {ControlController<ToolbarModel>}
+ */
+export class ToolbarController<
+    T extends IDEToolbar = IDEToolbar,
+    S extends IToolbarState = IToolbarState,
+    E extends IToolbarEvent = IToolbarEvent,
+  >
+  extends ControlController<T, S, E>
+  implements IToolbarController<T, S, E>
+{
+  protected get _evt(): ControllerEvent<IToolbarEvent> {
+    return this.evt;
+  }
+
+  protected initState(): void {
+    super.initState();
+    this.state.buttonsState = new ButtonContainerState();
+    this.state.viewMode = ViewMode.EMBED;
+    this.state.extraButtons = {};
+  }
+
+  /**
+   * 执行按钮的界面行为（如果按钮存在界面行为的话）
+   *
+   * @author zk
+   * @date 2023-07-20 10:07:22
+   * @protected
+   * @param {IDEToolbarItem} item 工具栏项
+   * @param {MouseEvent} event 鼠标事件
+   * @param {IData} [param] 界面行为参数（界面行为点击自定义按钮可能需要传参数到行为去，标准行为忽略此参数）
+   * @return {*}  {Promise<void>}
+   * @memberof ToolbarController
+   */
+  protected async doUIAction(
+    item: IDEToolbarItem,
+    event: MouseEvent,
+    param: IData = {},
+  ): Promise<void> {
+    // 执行界面行为
+    if (item.itemType === 'DEUIACTION') {
+      const actionId = (item as IDETBUIActionItem).uiactionId;
+      const res = await this.ctx.view.call('GetData');
+      const data = res || [];
+      const args = this.getEventArgs();
+      args.params = Object.assign(param, args.params);
+      await UIActionUtil.execAndResolved(actionId!, {
+        ...args,
+        data,
+        event,
+      });
+    }
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+
+    this.state.viewMode = this.ctx.view.modal.mode;
+
+    // 初始化工具栏状态控制对象
+    recursiveIterate(
+      this.model,
+      (item: IDEToolbarItem) => {
+        if (item.itemType === 'DEUIACTION') {
+          const uiItem = item as IDETBUIActionItem;
+          const buttonState = new UIActionButtonState(
+            uiItem.id!,
+            this.context.srfappid!,
+            uiItem.uiactionId!,
+          );
+
+          this.state.buttonsState.addState(uiItem.id!, buttonState);
+        }
+      },
+      { childrenFields: ['detoolbarItems'] },
+    );
+    await this.state.buttonsState.update();
+  }
+
+  /**
+   * 工具栏按钮点击事件
+   *
+   * @author zk
+   * @date 2023-07-20 03:07:29
+   * @param {(IDEToolbarItem | IExtraButton)} item
+   * @param {MouseEvent} event
+   * @param {IData} [params] 界面行为参数（界面行为点击自定义按钮可能需要传参数到行为去，标准行为忽略此参数）
+   * @return {*}  {Promise<void>}
+   * @memberof ToolbarController
+   */
+  async onItemClick(
+    item: IDEToolbarItem | IExtraButton,
+    event: MouseEvent,
+    params?: IData,
+  ): Promise<void> {
+    this.state.buttonsState.setLoading(item.id!);
+    const isExtra = (item as IExtraButton).buttonType === 'extra';
+    try {
+      await this._evt.emit('onClick', {
+        event,
+        eventArg: item.id!,
+        buttonType: isExtra ? 'extra' : 'deuiaction',
+      });
+
+      // 工具栏才走界面行为
+      if (!isExtra) {
+        await this.doUIAction(item, event, params);
+      }
+    } finally {
+      this.state.buttonsState.setLoading('');
+    }
+  }
+
+  async calcButtonState(data?: IData, appDeId?: string): Promise<void> {
+    let _data = data;
+    if (data && data instanceof ControlVO) {
+      _data = data.getOrigin();
+    }
+    await this.state.buttonsState.update(_data, appDeId);
+
+    // 计算菜单项逻辑的预置逻辑
+    if (this.scheduler && _data) {
+      // 遍历所有的项
+      recursiveIterate(
+        this.model,
+        (item: IDEToolbarItem) => {
+          const itemState = this.state.buttonsState[item.id!] as IButtonState;
+          // 计算项显示逻辑
+          if (itemState.visible) {
+            const dynaVisible = this.scheduler!.triggerItemVisible(item.id!, {
+              data: [_data!],
+            });
+            if (dynaVisible !== undefined) {
+              itemState.visible = dynaVisible;
+            }
+          }
+
+          // 计算项启用逻辑
+          if (!itemState.disabled) {
+            const dynaEnable = this.scheduler!.triggerItemEnable(item.id!, {
+              data: [_data!],
+            });
+            if (dynaEnable !== undefined) {
+              itemState.disabled = !dynaEnable;
+            }
+          }
+        },
+        { childrenFields: ['detoolbarItems'] },
+      );
+    }
+  }
+
+  setExtraButtons(
+    position: 'before' | 'after' | number,
+    buttons: IExtraButton[],
+  ): void {
+    if (!this.state.extraButtons[position]) {
+      this.state.extraButtons[position] = [];
+    }
+    this.state.extraButtons[position].push(...buttons);
+  }
+
+  clearExtraButtons(position?: 'before' | 'after' | number): void {
+    // 清空所有
+    if (position === undefined) {
+      this.state.extraButtons = {};
+    } else {
+      this.state.extraButtons[position] = [];
+    }
+  }
+
+  protected initControlScheduler(logics: IControlLogic[] = []): void {
+    const actualLogics = [...logics];
+    // 遍历所有的项，如果有逻辑的话加入
+    recursiveIterate(
+      this.model,
+      (item: IDEToolbarItem) => {
+        if (item.controlLogics) {
+          actualLogics.push(...item.controlLogics);
+        }
+      },
+      { childrenFields: ['detoolbarItems'] },
+    );
+    super.initControlScheduler(actualLogics);
+  }
+}

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

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