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

package/src/controller/control/chart/generator/scatter-series-generator.ts

@@ -0,0 +1,28 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { IChartSeriesScatter } from '@ibiz/model-core';
+import type { ScatterSeriesOption, SeriesOption } from 'echarts';
+import { BaseSeriesGenerator } from './base-series-generator';
+
+/**
+ * 散点图序列生成器
+ * @author lxm
+ * @date 2023-06-11 06:19:34
+ * @export
+ * @class ScatterSeriesGenerator
+ * @extends {BaseSeriesGenerator<IChartSeriesScatter>}
+ */
+export class ScatterSeriesGenerator extends BaseSeriesGenerator<IChartSeriesScatter> {
+  protected calcStaticOptions(): SeriesOption {
+    if (this.xAxisIndex === undefined) {
+      throw new RuntimeModelError(this.model, '序列没有配置X坐标轴');
+    }
+    if (this.yAxisIndex === undefined) {
+      throw new RuntimeModelError(this.model, '序列没有配置Y坐标轴');
+    }
+    const options = super.calcStaticOptions() as ScatterSeriesOption;
+    options.xAxisIndex = this.xAxisIndex;
+    options.yAxisIndex = this.yAxisIndex;
+
+    return options;
+  }
+}

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

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

package/src/controller/control/context-menu/context-menu.controllerr.ts

@@ -0,0 +1,23 @@
+import { IDEContextMenu } from '@ibiz/model-core';
+import {
+  IContextMenuState,
+  IContextMenuEvent,
+  IContextMenuController,
+} from '../../../interface';
+import { ToolbarController } from '../toolbar/toolbar.controllerr';
+
+/**
+ * 上下文菜单控制器
+ * @author lxm
+ * @date 2023-03-28 06:44:26
+ * @export
+ * @class ContextMenuController
+ * @extends {ControlController<ToolbarModel>}
+ */
+export class ContextMenuController
+  extends ToolbarController<
+    IDEContextMenu,
+    IContextMenuState,
+    IContextMenuEvent
+  >
+  implements IContextMenuController {}

package/src/controller/control/context-menu/index.ts

@@ -0,0 +1 @@
+export { ContextMenuController } from './context-menu.controllerr';

package/src/controller/control/dashboard/dashboard.controller.ts

@@ -0,0 +1,127 @@
+import { RuntimeError } from '@ibiz-template/core';
+import {
+  IDashboard,
+  IDBContainerPortletPart,
+  IDBPortletPart,
+} from '@ibiz/model-core';
+import {
+  IDashboardState,
+  IDashboardEvent,
+  IDashboardController,
+  IPortletProvider,
+  IPortletController,
+  IPortletContainerController,
+} from '../../../interface';
+import { getPortletProvider } from '../../../register';
+import { ControlController } from '../../common';
+import { getOriginData } from '../../utils';
+
+/**
+ * 数据看板部件控制器
+ * @author lxm
+ * @date 2023-07-07 03:27:29
+ * @export
+ * @class DashboardController
+ * @extends {ControlController<IDashboard, IDashboardState, IDashboardEvent>}
+ * @implements {IDashboardController}
+ */
+export class DashboardController
+  extends ControlController<IDashboard, IDashboardState, IDashboardEvent>
+  implements IDashboardController
+{
+  /**
+   * 所有数据看板成员的适配器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:07
+   * @type {{ [key: string]: IPortletProvider }}
+   */
+  providers: { [key: string]: IPortletProvider } = {};
+
+  /**
+   * 门户部件控制器
+   *
+   * @author lxm
+   * @date 2022-10-20 22:10:26
+   * @type {{ [key: string]: IPortletController }}
+   */
+  portlets: { [key: string]: IPortletController } = {};
+
+  protected initState(): void {
+    super.initState();
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    await this.initPortlets(this.model.controls!);
+
+    // 实体门户视图监听视图数据变更，刷新界面行为组的状态。
+    const { appDataEntityId } = this.view.model;
+    if (appDataEntityId) {
+      this.view.evt.on('onDataChange', event => {
+        const data = getOriginData(event.data);
+        if (data) {
+          this.dataChangeNotify(data);
+        }
+      });
+    }
+  }
+
+  /**
+   * 初始化子门户部件
+   *
+   * @author lxm
+   * @date 2022-10-21 03:10:49
+   * @param {PortletPartModel[]} portletModels
+   * @param {ContainerPortletController} [parent]
+   * @returns {*}  {Promise<void>}
+   */
+  async initPortlets(
+    portletModels: IDBPortletPart[],
+    parent?: IPortletContainerController,
+  ): Promise<void> {
+    if (!portletModels?.length) {
+      return;
+    }
+    await Promise.all(
+      portletModels.map(async portlet => {
+        const provider = await getPortletProvider(portlet);
+        if (provider) {
+          this.providers[portlet.id!] = provider;
+          const controller = await provider.createController(
+            portlet,
+            this,
+            parent,
+          );
+          this.portlets[portlet.id!] = controller;
+          if ((portlet as IDBContainerPortletPart).controls?.length) {
+            await this.initPortlets(
+              (portlet as IDBContainerPortletPart).controls!,
+              controller as IPortletContainerController,
+            );
+          }
+        }
+      }),
+    );
+  }
+
+  /**
+   * 通知所有表单成员表单操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  async dataChangeNotify(data: IData): Promise<void> {
+    // 通知所有成员项去处理成员项相关逻辑
+    const values = await Promise.allSettled(
+      Object.values(this.portlets).map(async portlet => {
+        return portlet.dataChangeNotify(data);
+      }),
+    );
+    if (values.find(item => item.status === 'rejected')) {
+      ibiz.log.error('dataChangeNotify报错', values);
+      throw new RuntimeError('数据变更后有错误');
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+export * from './dashboard.controller';
+export * from './portlet/index';

package/src/controller/control/dashboard/portlet/container-portlet/container-portlet.controller.ts

@@ -0,0 +1,4 @@
+import { IDBContainerPortletPart } from '@ibiz/model-core';
+import { PortletPartController } from '../portlet-part/portlet-part.controller';
+
+export class ContainerPortletController extends PortletPartController<IDBContainerPortletPart> {}

package/src/controller/control/dashboard/portlet/container-portlet/index.ts

@@ -0,0 +1 @@
+export * from './container-portlet.controller';

package/src/controller/control/dashboard/portlet/index.ts

@@ -0,0 +1,3 @@
+export * from './portlet-part';
+export * from './container-portlet';
+export * from './view-portlet';

package/src/controller/control/dashboard/portlet/portlet-part/index.ts

@@ -0,0 +1,2 @@
+export * from './portlet-part.controller';
+export * from './portlet-part.state';

package/src/controller/control/dashboard/portlet/portlet-part/portlet-part.controller.ts

@@ -0,0 +1,246 @@
+import { IDBPortletPart, IUIActionGroupDetail } from '@ibiz/model-core';
+import {
+  IPortletController,
+  IDashboardController,
+  IPortletContainerController,
+} from '../../../../../interface';
+import { calcLayoutHeightWidth, calcDynaClass } from '../../../../../model';
+import { ControlVO } from '../../../../../service';
+import { UIActionUtil } from '../../../../../ui-action';
+import { ButtonContainerState, UIActionButtonState } from '../../../../utils';
+import { PortletPartState } from './portlet-part.state';
+
+/**
+ * 门户部件控制器基类
+ *
+ * @author lxm
+ * @date 2022-10-20 20:10:25
+ * @export
+ * @class PortletPartController
+ * @template T
+ */
+export class PortletPartController<T extends IDBPortletPart = IDBPortletPart>
+  implements IPortletController
+{
+  readonly model: T;
+
+  /**
+   * 门户部件状态
+   *
+   * @type {PortletPartState}
+   * @memberof PortletPartController
+   */
+  state: PortletPartState;
+
+  /**
+   * 数据看板控制器
+   *
+   * @author lxm
+   * @date 2022-10-21 03:10:04
+   * @type {IDashboardController}
+   */
+  readonly dashboard: IDashboardController;
+
+  /**
+   * 父容器控制器，最上级的没有
+   *
+   * @author lxm
+   * @date 2022-10-21 03:10:05
+   * @type {ContainerPortletController}
+   */
+  readonly parent?: IPortletContainerController;
+
+  /**
+   * 门户部件的上下文参数
+   *
+   * @author lxm
+   * @date 2022-10-23 16:10:50
+   * @readonly
+   * @type {IContext}
+   */
+  get context(): IContext {
+    return this.dashboard.context;
+  }
+
+  /**
+   * 门户部件的视图参数
+   *
+   * @author lxm
+   * @date 2022-10-23 16:10:21
+   * @readonly
+   * @type {IParams}
+   */
+  get params(): IParams {
+    return this.dashboard.params;
+  }
+
+  /**
+   * 获取容器类名集合
+   * @author lxm
+   * @date 2023-08-02 06:06:12
+   * @readonly
+   * @type {string[]}
+   */
+  get containerClass(): string[] {
+    return [...this.state.class.container, ...this.state.class.containerDyna];
+  }
+
+  /**
+   * Creates an instance of PortletPartController.
+   * @author lxm
+   * @date 2022-10-21 10:10:44
+   * @param {T} model
+   * @param {DashboardController} dashboard 数据看板控制器
+   * @param {IPortletContainerController} [parent] 父容器控制器，最上级不存在
+   */
+  constructor(
+    model: T,
+    dashboard: IDashboardController,
+    parent?: IPortletContainerController,
+  ) {
+    this.model = model;
+    this.dashboard = dashboard;
+    this.parent = parent;
+    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 } = this.model;
+
+    // 初始化高宽
+    if (layoutPos) {
+      const { width, height } = calcLayoutHeightWidth(this.model);
+      this.state.layout.width = `${width}`;
+      this.state.layout.height = `${height}`;
+    }
+
+    if (sysCss?.cssName) {
+      this.state.class.container.push(sysCss.cssName);
+    }
+
+    await this.initActionStates();
+  }
+
+  /**
+   * 创建门户控件的状态对象
+   *
+   * @protected
+   * @returns {*}  {PortletPartState}
+   * @memberof PortletPartController
+   */
+  protected createState(): PortletPartState {
+    return new PortletPartState();
+  }
+
+  /**
+   * 初始化标题右侧界面行为按钮的状态
+   *
+   * @author chitanda
+   * @date 2023-08-02 17:08:04
+   * @return {*}  {Promise<void>}
+   */
+  async initActionStates(): Promise<void> {
+    // 操作列按钮状态控制
+    const { uiactionGroup } = this.model;
+    if (!uiactionGroup?.uiactionGroupDetails?.length) {
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    uiactionGroup.uiactionGroupDetails.forEach(detail => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id!,
+          this.dashboard.context.srfappid!,
+          actionid,
+        );
+        containerState.addState(detail.id!, buttonState);
+      }
+    });
+    await containerState.update();
+    this.state.actionGroupState = containerState;
+
+    // 实体门户视图监听视图数据变更，刷新界面行为组的状态。
+    const { appDataEntityId } = this.dashboard.view.model;
+    if (appDataEntityId) {
+      this.dashboard.view.evt.on('onDataChange', event => {
+        let data = event.data[0];
+        if (data && data instanceof ControlVO) {
+          data = data.getOrigin();
+        }
+        if (data) {
+          this.state.actionGroupState!.update(data, appDataEntityId);
+        }
+      });
+    }
+  }
+
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(
+    detail: IUIActionGroupDetail,
+    event: MouseEvent,
+    data: IData[] = [],
+  ): Promise<void> {
+    const actionId = detail.uiactionId;
+
+    await UIActionUtil.execAndResolved(actionId!, {
+      context: this.dashboard.context,
+      params: this.dashboard.params,
+      data,
+      view: this.dashboard.view,
+      event,
+    });
+  }
+
+  /**
+   * 表单数据变更通知(由表单控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:56
+   * @param {string[]} names
+   */
+  async dataChangeNotify(data: IData): Promise<void> {
+    // 计算界面行为组状态
+    if (this.state.actionGroupState) {
+      const { appDataEntityId } = this.dashboard.view.model;
+      this.state.actionGroupState.update(data, appDataEntityId);
+    }
+
+    // 计算动态样式表
+    this.calcDynaClass(data);
+  }
+
+  /**
+   * 计算动态样式表
+   * @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;
+      }
+    }
+  }
+}

package/src/controller/control/dashboard/portlet/portlet-part/portlet-part.state.ts

@@ -0,0 +1,39 @@
+import {
+  IPortletState,
+  ILayoutState,
+  IPortletClass,
+  IButtonContainerState,
+} from '../../../../../interface';
+
+/**
+ *  门户部件控件状态
+ *
+ * @export
+ * @class PortletPartState
+ */
+export class PortletPartState implements IPortletState {
+  visible: boolean = true;
+
+  keepAlive: boolean = false;
+
+  layout: ILayoutState = {
+    width: '',
+    height: '',
+    extraStyle: {},
+    extraClass: [],
+    contentStyle: {},
+  };
+
+  class: IPortletClass = {
+    container: [],
+    containerDyna: [],
+  };
+
+  /**
+   * 界面行为组状态
+   *
+   * @type {(IButtonContainerState | null)}
+   * @memberof PortletPartState
+   */
+  actionGroupState: IButtonContainerState | null = null;
+}

package/src/controller/control/dashboard/portlet/view-portlet/index.ts

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

package/src/controller/control/dashboard/portlet/view-portlet/view-portlet.controller.ts

@@ -0,0 +1,4 @@
+import { IDBContainerPortletPart } from '@ibiz/model-core';
+import { PortletPartController } from '../portlet-part/portlet-part.controller';
+
+export class ViewPortletController extends PortletPartController<IDBContainerPortletPart> {}