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

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

@@ -0,0 +1,212 @@
+import { ISysCalendar } from '@ibiz/model-core';
+import dayjs from 'dayjs';
+import {
+  ICalendarState,
+  ICalendarEvent,
+  ICalendarController,
+  MDCtrlLoadParams,
+  ICalendarItemData,
+} from '../../../interface';
+import { MDControlController } from '../../common';
+import { CalendarService } from './calendar.service';
+
+/**
+ * 日历部件控制器
+ *
+ * @author zk
+ * @date 2023-08-09 11:08:46
+ * @export
+ * @class CalendarController
+ * @extends {MDControlController<ISysCalendar, ICalendarState, ICalendarEvent>}
+ * @implements {ICalendarController}
+ */
+export class CalendarController
+  extends MDControlController<ISysCalendar, ICalendarState, ICalendarEvent>
+  implements ICalendarController
+{
+  /**
+   * 多数据部件服务
+   *
+   * @author zk
+   * @date 2023-08-08 01:08:56
+   * @type {CalendarService}
+   * @memberof CalendarController
+   */
+  declare service: CalendarService;
+
+  /**
+   * 初始化状态
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:05
+   * @protected
+   * @memberof CalendarController
+   */
+  protected initState(): void {
+    super.initState();
+    this.state.selectedDate = new Date();
+    this.state.size = 1000;
+  }
+
+  /**
+   * 生命周期-创建完成
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:13
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof CalendarController
+   */
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    this.service = new CalendarService(this.model);
+    await this.service.init(this.context);
+  }
+
+  /**
+   * 日历加载
+   *
+   * @author zk
+   * @date 2023-08-08 01:08:24
+   * @param {MDCtrlLoadParams} [args={}]
+   * @return {*}  {Promise<IData[][]>}
+   * @memberof CalendarController
+   */
+  async load(args: MDCtrlLoadParams = {}): Promise<ICalendarItemData[]> {
+    const isInitialLoad = args.isInitialLoad === true;
+    // *查询参数处理
+    const { context } = this.handlerAbilityParams(args);
+    const params = await this.getFetchParams(args?.params);
+    // *发起请求
+    await this.startLoading();
+    let items;
+    try {
+      items = await this.service.search(context, params);
+    } finally {
+      await this.endLoading();
+    }
+    await this.afterLoad(args, items);
+    this.state.isLoaded = true;
+    this.state.items = items;
+    await this.evt.emit('onLoadSuccess', {
+      isInitialLoad,
+    });
+    return items;
+  }
+
+  /**
+   * 获取当前选中的日期
+   *
+   * @author zk
+   * @date 2023-08-08 11:08:44
+   * @protected
+   * @param {IParams} param
+   * @return {*}  {IData}
+   * @memberof CalendarController
+   */
+  protected getCurSelectDate(param: IParams): IData {
+    const { selectedDate } = this.state;
+    const { start, end } = param;
+    if (!start || !end) {
+      // 获取当前月份的第一天
+      const firstDayOfMonth = new Date(
+        selectedDate.getFullYear(),
+        selectedDate.getMonth(),
+        1,
+      );
+      // 获取下个月的第一天，然后减去一天
+      const lastDayOfMonth = new Date(
+        selectedDate.getFullYear(),
+        selectedDate.getMonth() + 1,
+        1,
+      );
+      return {
+        start: dayjs(firstDayOfMonth).format('YYYY-MM-DD HH:mm:ss'),
+        end: dayjs(lastDayOfMonth).format('YYYY-MM-DD HH:mm:ss'),
+      };
+    }
+    return { start, end };
+  }
+
+  /**
+   * 获取请求参数
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:35
+   * @param {IParams} [extraParams={}]
+   * @return {*}  {Promise<IParams>}
+   * @memberof CalendarController
+   */
+  async getFetchParams(extraParams: IParams = {}): Promise<IParams> {
+    const { curPage, size, sortQuery, noSort } = this.state;
+    const resultParams: IParams = {
+      ...this.params,
+    };
+
+    // 排序条件
+    if (!noSort && sortQuery) {
+      resultParams.sort = sortQuery;
+    }
+    // *请求参数处理
+    await this._evt.emit('onBeforeLoad', undefined);
+    // 合并搜索条件参数，这些参数在onBeforeLoad监听里由外部填入
+    Object.assign(resultParams, {
+      ...this.state.searchParams,
+    });
+    // 有size才给page和size。size默认值给0就不传分页和大小
+    if (size) {
+      resultParams.page = curPage - 1;
+      resultParams.size = size;
+    }
+
+    // 额外附加参数
+    if (extraParams) {
+      Object.assign(resultParams, extraParams);
+    }
+    const timeParam = this.getCurSelectDate(resultParams);
+    Object.assign(resultParams, timeParam);
+    return resultParams;
+  }
+
+  /**
+   * 行单击事件
+   *
+   * @author zk
+   * @date 2023-08-08 05:08:15
+   * @param {ICalendarItemData} data
+   * @return {*}  {Promise<void>}
+   * @memberof CalendarController
+   */
+  async onRowClick(data: ICalendarItemData): Promise<void> {
+    // 选中相关处理
+    const { selectedData } = this.state;
+    // 选中里没有则添加，有则删除
+    const filterArr = selectedData.filter(
+      item => item.deData.srfkey !== data.deData.srfkey,
+    );
+    if (filterArr.length === selectedData.length) {
+      this.setSelection(
+        this.state.singleSelect ? [data] : selectedData.concat([data]),
+      );
+    } else {
+      this.setSelection(filterArr);
+    }
+
+    // 激活事件
+    if (this.state.mdctrlActiveMode === 1) {
+      await this.setActive(data);
+    }
+  }
+
+  /**
+   * 设置选中日期
+   *
+   * @author zk
+   * @date 2023-08-08 11:08:08
+   * @param {Date} date
+   * @memberof CalendarController
+   */
+  setSelectDate(date: Date): void {
+    this.state.selectedDate = date;
+  }
+}

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;
+  }
+}