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

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

@@ -0,0 +1,112 @@
+import { IHttpResponse, RuntimeError } from '@ibiz-template/core';
+import { ISysCalendar } from '@ibiz/model-core';
+import { ICalendarItemData } from '../../../interface';
+import { MDControlService, CalendarItemData } from '../../../service';
+
+/**
+ * 日历部件服务
+ *
+ * @author zk
+ * @date 2023-08-08 10:08:54
+ * @export
+ * @class CalendarService
+ * @extends {MDControlService<ISysCalendar>}
+ */
+export class CalendarService extends MDControlService<ISysCalendar> {
+  /**
+   * 执行查询多条数据的方法
+   *
+   * @author zk
+   * @date 2023-08-08 10:08:47
+   * @param {IParams} context
+   * @param {IParams} [params={}]
+   * @return {*}  Promise<ICalendarItemData[]>
+   * @memberof CalendarService
+   */
+  async search(
+    context: IParams,
+    params: IParams = {},
+  ): Promise<ICalendarItemData[]> {
+    const { sysCalendarItems } = this.model;
+    if (!sysCalendarItems) {
+      return [];
+    }
+    const promises = sysCalendarItems.map(
+      async (item): Promise<IHttpResponse> => {
+        const fetchAction = item.appDEDataSetId || 'fetchdefault';
+        return this.exec2(
+          fetchAction,
+          context,
+          params,
+          undefined,
+          item.appDataEntityId!,
+        );
+      },
+    );
+    const resArray = await Promise.all(promises);
+    // 二维数组
+    const twoDimensionalArray = resArray.map(
+      (res: IHttpResponse, index: number) => {
+        return this.setCalendarConfigData(res.data as IData[], index);
+      },
+    );
+    return twoDimensionalArray.flat();
+  }
+
+  /**
+   * 设置日历项配置
+   *
+   * @author zk
+   * @date 2023-08-08 06:08:14
+   * @param {IData[]} items
+   * @param {number} index
+   * @return {*}  {ICalendarItemData[]}
+   * @memberof CalendarService
+   */
+  private setCalendarConfigData(
+    items: IData[],
+    index: number,
+  ): ICalendarItemData[] {
+    const { sysCalendarItems } = this.model;
+    if (!sysCalendarItems) {
+      throw new RuntimeError('未找到日历项模型');
+    }
+    const calendarItem = sysCalendarItems[index];
+    if (!calendarItem) {
+      throw new RuntimeError('未找到日历项模型');
+    }
+    return items.map(item => {
+      return new CalendarItemData(calendarItem, item);
+    });
+  }
+
+  /**
+   * 执行方法实体方法（通过实体id和方法名）
+   *
+   * @author zk
+   * @date 2023-08-08 06:08:49
+   * @param {string} methodName
+   * @param {IParams} context
+   * @param {IData} [data={}]
+   * @param {IParams} [params={}]
+   * @param {string} [appDataEntityId=this.model.appDataEntityId!]
+   * @return {*}  {Promise<IHttpResponse>}
+   * @memberof CalendarService
+   */
+  private async exec2(
+    methodName: string,
+    context: IParams,
+    data: IData = {},
+    params: IParams = {},
+    appDataEntityId: string = this.model.appDataEntityId!,
+  ): Promise<IHttpResponse> {
+    const res = await this.app.deService.exec(
+      appDataEntityId!,
+      methodName,
+      context,
+      data,
+      params,
+    );
+    return res;
+  }
+}

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

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

package/src/controller/control/caption-bar/caption-bar.controller.ts

@@ -0,0 +1,44 @@
+import { ICaptionBar } from '@ibiz/model-core';
+import {
+  ICaptionBarState,
+  ICaptionBarEvent,
+  ICaptionBarController,
+} from '../../../interface';
+import { ControlController } from '../../common';
+
+/**
+ * 标题栏控制器
+ *
+ * @author chitanda
+ * @date 2022-07-24 15:07:07
+ * @export
+ * @class CaptionBarController
+ * @extends {ControlController}
+ */
+export class CaptionBarController
+  extends ControlController<ICaptionBar, ICaptionBarState, ICaptionBarEvent>
+  implements ICaptionBarController
+{
+  protected initState(): void {
+    super.initState();
+    if (this.view.model.capLanguageRes) {
+      this.state.caption = ibiz.i18n.t(
+        this.view.model.capLanguageRes.lanResTag!,
+        this.view.model.capLanguageRes.defaultContent ||
+          this.view.model.caption,
+      );
+    } else {
+      this.state.caption = this.view.model.caption!;
+    }
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+
+    this.view.evt.on('onViewInfoChange', ({ caption: _caption, dataInfo }) => {
+      this.state.caption = `${this.state.caption}${
+        dataInfo ? `-${dataInfo}` : ''
+      }`;
+    });
+  }
+}

package/src/controller/control/caption-bar/index.ts

@@ -0,0 +1 @@
+export * from './caption-bar.controller';

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

@@ -0,0 +1,123 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { IDEChart } from '@ibiz/model-core';
+import type { EChartsOption, EChartsType } from 'echarts';
+import { ChartOptionsGenerator } from './generator/chart-options-generator';
+import { ChartService } from './chart.service';
+import {
+  IChartController,
+  IChartEvent,
+  IChartState,
+  MDCtrlLoadParams,
+} from '../../../interface';
+import { MDControlController } from '../../common';
+
+export class ChartController
+  extends MDControlController<IDEChart, IChartState, IChartEvent>
+  implements IChartController
+{
+  declare service: ChartService;
+
+  /**
+   * echarts对象
+   * @author lxm
+   * @date 2023-06-07 09:36:58
+   * @type {EChartsType}
+   */
+  chart?: EChartsType;
+
+  generator!: ChartOptionsGenerator;
+
+  /**
+   * 最终使用的echarts配置
+   * @author lxm
+   * @date 2023-06-07 09:51:09
+   * @type {EChartsOption}
+   */
+  options?: EChartsOption;
+
+  protected initState(): void {
+    super.initState();
+    this.state.size = 1000;
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new ChartService(this.model);
+    await this.service.init(this.context);
+    this.generator = new ChartOptionsGenerator(this.model);
+    await this.generator.loadCodeList(this.context, this.params);
+
+    // 监听resize调整图表大小
+    window.addEventListener('resize', this.resizeChart);
+  }
+
+  async afterLoad(args: MDCtrlLoadParams, items: IData[]): Promise<IData[]> {
+    const result = await super.afterLoad(args, items);
+    // 数据里预置srfcount这个字段
+    items.forEach((item: IData) => {
+      Object.assign(item, { srfcount: 1 });
+    });
+    this.calcOptions();
+    return result;
+  }
+
+  /**
+   * 初始化echarts对象
+   * @author lxm
+   * @date 2023-06-07 09:37:05
+   * @param {HTMLElement} dom
+   */
+  initChart(chart: EChartsType): void {
+    this.chart = chart;
+    this.chart.on('click', params => {
+      const srfkey = this.generator.getSrfkeyByParams(params);
+      const activeData = this.state.items.find(item => item.srfkey === srfkey);
+      console.log('实体数据', activeData);
+    });
+  }
+
+  /**
+   * 根据数据计算最终的options
+   * 并刷新echarts
+   * @author lxm
+   * @date 2023-06-07 09:58:00
+   * @param {IData[]} [data=this.state.items]
+   */
+  calcOptions(data: IData[] = this.state.items): void {
+    this.options = this.generator.calcOptionsByData(data);
+    this.updateChart();
+  }
+
+  /**
+   * 更新echart图表
+   * @author lxm
+   * @date 2023-06-07 10:03:48
+   */
+  updateChart(): void {
+    if (!this.chart) {
+      throw new RuntimeError('chart对象没有正确初始化');
+    }
+    if (!this.options) {
+      throw new RuntimeError('options还没计算');
+    }
+    this.chart.setOption(this.options);
+    this.resizeChart();
+  }
+
+  /**
+   * 刷新图表的大小
+   * @author lxm
+   * @date 2023-06-09 09:37:25
+   */
+  resizeChart(): void {
+    if (this.chart) {
+      this.chart.resize();
+    }
+  }
+
+  protected async onDestroyed(): Promise<void> {
+    window.removeEventListener('resize', this.resizeChart);
+    await super.onDestroyed();
+    this.chart?.dispose();
+  }
+}

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

@@ -0,0 +1,12 @@
+import { IDEChart } from '@ibiz/model-core';
+import { MDControlService } from '../../../service';
+
+/**
+ * 图表部件服务
+ * @author lxm
+ * @date 2023-05-15 09:53:35
+ * @export
+ * @class GridService
+ * @extends {MDControlService<IDEChart>}
+ */
+export class ChartService extends MDControlService<IDEChart> {}

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

@@ -0,0 +1,32 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { IChartSeriesBar } from '@ibiz/model-core';
+import type { BarSeriesOption, SeriesOption } from 'echarts';
+import { BaseSeriesGenerator } from './base-series-generator';
+
+/**
+ * 柱状图序列生成器
+ * @author lxm
+ * @date 2023-06-11 06:19:25
+ * @export
+ * @class BarSeriesGenerator
+ * @extends {BaseSeriesGenerator<IChartSeriesBar>}
+ */
+export class BarSeriesGenerator extends BaseSeriesGenerator<IChartSeriesBar> {
+  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 BarSeriesOption;
+    options.xAxisIndex = this.xAxisIndex;
+    options.yAxisIndex = this.yAxisIndex;
+
+    const { stack } = this.model;
+    if (stack) {
+      // todo 堆叠
+    }
+    return options;
+  }
+}