@ibiz-template/vue3-components 0.1.11 → 0.1.12-dev.0

package/es/control/chart/generator/base-series-generator.mjs

@@ -1,486 +0,0 @@
-import { RuntimeModelError, toNumberOrNil } from '@ibiz-template/core';
-import dayjs from 'dayjs';
-import minMax from 'dayjs/plugin/minMax';
-import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import { isNil, mergeDeepRight, clone } from 'ramda';
-import { parseUserParams } from './chart-options-generator.mjs';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-dayjs.extend(minMax);
-dayjs.extend(isSameOrBefore);
-dayjs.extend(quarterOfYear);
-dayjs.extend(weekOfYear);
-dayjs.extend(isoWeek);
-const DEFAULT_GROUP = "$default_group";
-class BaseSeriesGenerator {
-  /**
-   * Creates an instance of BaseSeriesGenerator.
-   * @author lxm
-   * @date 2023-06-09 02:46:54
-   * @param {T} model 序列模型
-   * @param {ChartOptionsGenerator} chartGenerator 图表生成器
-   */
-  constructor(model, chartGenerator) {
-    this.model = model;
-    this.chartGenerator = chartGenerator;
-    /**
-     * 分类属性(小写)
-     * @author lxm
-     * @date 2023-06-09 02:44:57
-     * @type {string}
-     */
-    __publicField(this, "catalogField");
-    /**
-     * 值属性（小写）
-     * @author lxm
-     * @date 2023-06-09 02:45:15
-     * @type {string}
-     */
-    __publicField(this, "valueField");
-    /**
-     * 分组属性（小写）
-     * @author lxm
-     * @date 2023-06-09 02:46:05
-     * @type {string}
-     */
-    __publicField(this, "groupField");
-    /**
-     * X轴坐标索引
-     * @author lxm
-     * @date 2023-06-09 02:47:54
-     * @type {number}
-     */
-    __publicField(this, "xAxisIndex");
-    /**
-     * y轴坐标索引
-     * @author lxm
-     * @date 2023-06-09 02:48:13
-     * @type {number}
-     */
-    __publicField(this, "yAxisIndex");
-    /**
-     * 序列名称
-     * @author lxm
-     * @date 2023-06-09 02:49:35
-     * @type {string}
-     */
-    __publicField(this, "seriesName");
-    /**
-     * 根据后台数据处理出来的分组数据
-     * @author lxm
-     * @date 2023-06-09 02:58:28
-     * @type {GroupData}
-     */
-    __publicField(this, "groupData");
-    /**
-     * 静态的序列options
-     * @author lxm
-     * @date 2023-06-09 03:08:47
-     * @type {SeriesOption}
-     */
-    __publicField(this, "staticOptions", {});
-    /**
-     * 序列的自定义Options
-     * @author lxm
-     * @date 2023-06-09 08:59:40
-     * @type {SeriesOption}
-     */
-    __publicField(this, "seriesUserParam");
-    /**
-     * 是否根据代码表自动补全分类
-     * @author lxm
-     * @date 2023-06-09 09:28:04
-     * @type {boolean}
-     */
-    __publicField(this, "autoCompleteCategory", true);
-    var _a;
-    this.model = model;
-    this.chartGenerator = chartGenerator;
-    const { chartSeriesEncode, caption, id, userParam } = model;
-    if (!model.catalogField) {
-      throw new RuntimeModelError(model, "\u7F3A\u5C11\u5206\u7C7B\u5C5E\u6027\u914D\u7F6E");
-    }
-    if (!model.valueField) {
-      throw new RuntimeModelError(model, "\u7F3A\u5C11\u503C\u5C5E\u6027\u914D\u7F6E");
-    }
-    this.catalogField = model.catalogField.toLowerCase();
-    this.valueField = model.valueField.toLowerCase();
-    this.groupField = (_a = model.seriesField) == null ? void 0 : _a.toLowerCase();
-    const { chartXAxisId, chartYAxisId } = chartSeriesEncode || {};
-    this.xAxisIndex = toNumberOrNil(chartXAxisId);
-    this.yAxisIndex = toNumberOrNil(chartYAxisId);
-    this.seriesName = caption || id;
-    this.staticOptions = this.calcStaticOptions();
-    if (userParam) {
-      this.seriesUserParam = parseUserParams(userParam);
-    }
-  }
-  /**
-   * 计算静态序列的options
-   * @author lxm
-   * @date 2023-06-09 03:09:34
-   */
-  calcStaticOptions() {
-    const options = {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      type: this.model.seriesType,
-      name: this.seriesName,
-      emphasis: {
-        label: {
-          fontSize: 20,
-          show: true
-        }
-      },
-      label: {
-        position: "top",
-        show: true
-      }
-    };
-    return options;
-  }
-  /**
-   * 有代码就转换，值为空直接返回空
-   *
-   * @author lxm
-   * @date 2023-06-09 08:42:50
-   * @author lxm
-   * @date 2023-06-09 08:46:00
-   * @param {(string | undefined)} codeListKey 代码表值
-   * @param {(string | undefined)} val 数据值
-   * @param {boolean} isExclude 是否排除非代码表的值，true时，匹配不到代码表返回undefined，反之返回原值
-   * @return {*}  {(string | undefined)}
-   */
-  translateVal(codeListKey, val, isExclude = false) {
-    if (isNil(val)) {
-      return void 0;
-    }
-    if (isNil(codeListKey)) {
-      return val;
-    }
-    const codeListItems = this.chartGenerator.codeListMap.get(codeListKey);
-    if (codeListItems == null ? void 0 : codeListItems.length) {
-      const find = codeListItems.find((x) => x.value === val);
-      if (find) {
-        return find.text;
-      }
-    }
-    return isExclude ? void 0 : val;
-  }
-  /**
-   * 计算分组数据
-   * @author lxm
-   * @date 2023-06-09 03:42:53
-   * @param {IData[]} data
-   * @return {*}  {GroupData}
-   */
-  calcGroupData(data) {
-    this.groupData = {};
-    const groupData = this.groupData;
-    const { seriesCodeListId, catalogCodeListId } = this.model;
-    data.forEach((item) => {
-      let group = DEFAULT_GROUP;
-      if (this.groupField) {
-        const groupVal = this.translateVal(
-          seriesCodeListId,
-          item[this.groupField]
-        );
-        if (isNil(groupVal)) {
-          return;
-        }
-        group = groupVal;
-      }
-      if (!groupData[group]) {
-        groupData[group] = /* @__PURE__ */ new Map();
-        if (catalogCodeListId && this.autoCompleteCategory) {
-          const codeListItems = this.chartGenerator.codeListMap.get(catalogCodeListId);
-          codeListItems.forEach((x) => {
-            groupData[group].set(x.text, { value: 0 });
-          });
-        }
-      }
-      const catalog = this.translateVal(
-        catalogCodeListId,
-        item[this.catalogField],
-        true
-      );
-      if (!catalog) {
-        return;
-      }
-      if (!groupData[group].get(catalog)) {
-        groupData[group].set(catalog, { value: 0 });
-      }
-      groupData[group].get(catalog).value += item[this.valueField];
-      groupData[group].get(catalog).deData = item;
-    });
-    return groupData;
-  }
-  /**
-   * 根据分组数据算出多个序列的options
-   * 大多数图表分组都是一个分组数据生成一条series
-   * @author lxm
-   * @date 2023-06-09 03:34:24
-   * @param {GroupData} groupData
-   * @return {*}  {SeriesOption[]}
-   */
-  calcGroupSeries(groupData) {
-    return Object.keys(groupData).map((group) => {
-      const catalogData = groupData[group];
-      const data = this.calcSeriesData(catalogData);
-      let options = { ...this.staticOptions, data };
-      if (group !== DEFAULT_GROUP) {
-        options.name = group;
-      }
-      if (this.seriesUserParam) {
-        options = mergeDeepRight(options, this.seriesUserParam);
-      }
-      return options;
-    });
-  }
-  /**
-   * 生成每条序列的data,由于不同图表类型格式不同所以为any
-   * 默认提供的是二维数组，按[X轴，y轴]格式
-   * @author lxm
-   * @date 2023-06-09 03:38:07
-   * @param {CatalogData} catalogData
-   * @return {*}  {*}
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  calcSeriesData(catalogData) {
-    const temData = [];
-    catalogData.forEach((catalog, key) => {
-      var _a;
-      temData.push([key, catalog.value, (_a = catalog.deData) == null ? void 0 : _a.srfkey]);
-    });
-    return temData;
-  }
-  /**
-   * 根据数据计算出序列的options
-   * @author lxm
-   * @date 2023-06-09 03:44:31
-   * @param {IData[]} data
-   * @return {*}  {(SeriesOption[] | SeriesOption)}
-   */
-  calcByData(data) {
-    const tempData = this.dataPreprocess(data);
-    const groupData = this.calcGroupData(tempData);
-    this.addTimeData(groupData);
-    return this.calcGroupSeries(groupData);
-  }
-  /**
-   * 通过事件的params获取主键
-   * @author lxm
-   * @date 2023-06-09 10:56:25
-   * @param {ECElementEvent} params
-   * @return {*}  {string}
-   */
-  getSrfkeyByParams(params) {
-    return params.value[2];
-  }
-  /**
-   * 数据预处理
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-08-16 09:58:39
-   */
-  dataPreprocess(data) {
-    const tempData = [];
-    data.forEach((singleData) => {
-      tempData.push(clone(singleData));
-    });
-    const { groupMode } = this.model;
-    if (groupMode) {
-      tempData.forEach((singleData) => {
-        let format = "";
-        if (groupMode === "DAY" || groupMode === "YEAR" || groupMode === "MONTH") {
-          if (groupMode === "DAY") {
-            format = "YYYY-MM-DD";
-          } else if (groupMode === "YEAR") {
-            format = "YYYY";
-          } else if (groupMode === "MONTH") {
-            format = "YYYY-MM";
-          }
-          if (singleData[this.catalogField]) {
-            const formattedDate = dayjs(singleData[this.catalogField]).format(
-              format
-            );
-            singleData[this.catalogField] = formattedDate;
-          }
-        } else if (groupMode === "QUARTER") {
-          if (singleData[this.catalogField]) {
-            const formattedDate = `${dayjs(
-              singleData[this.catalogField]
-            ).format("YYYY")}-${dayjs(
-              singleData[this.catalogField]
-            ).quarter()}`;
-            singleData[this.catalogField] = formattedDate;
-          }
-        } else if (groupMode === "YEARWEEK") {
-          if (singleData[this.catalogField]) {
-            const formattedDate = `${dayjs(
-              singleData[this.catalogField]
-            ).format("YYYY")}-${dayjs(singleData[this.catalogField]).week()}`;
-            singleData[this.catalogField] = formattedDate;
-          }
-        }
-      });
-    }
-    return tempData;
-  }
-  /**
-   * 补全分组数据后排序
-   * @param {GroupData} data
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-08-17 16:25:44
-   */
-  sortTimeData(data) {
-    const { groupMode } = this.model;
-    Object.keys(data).forEach((key) => {
-      const dateMap = data[key];
-      let sortedKeys = [];
-      if (groupMode === "DAY" || groupMode === "YEAR" || groupMode === "MONTH") {
-        sortedKeys = Array.from(dateMap.keys()).sort(
-          (a, b) => dayjs(a).diff(dayjs(b))
-        );
-      } else if (groupMode === "QUARTER" || groupMode === "YEARWEEK") {
-        sortedKeys = Array.from(dateMap.keys()).sort((a, b) => {
-          const [yearA, quarterA] = a.split("-");
-          const [yearB, quarterB] = b.split("-");
-          if (yearA !== yearB) {
-            return parseInt(yearA, 10) - parseInt(yearB, 10);
-          }
-          return parseInt(quarterA, 10) - parseInt(quarterB, 10);
-        });
-      }
-      const sortedMap = /* @__PURE__ */ new Map();
-      sortedKeys.forEach((sortKey) => {
-        sortedMap.set(sortKey, dateMap.get(sortKey));
-      });
-      data[key] = sortedMap;
-    });
-  }
-  /**
-   * 根据分组模式补全分组数据并排序
-   * @param {IData} data
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-08-16 13:57:53
-   */
-  addTimeData(data) {
-    const { groupMode } = this.model;
-    if (!groupMode || groupMode === "CODELIST") {
-      return;
-    }
-    const dates = [];
-    Object.keys(data).forEach((key) => {
-      data[key].forEach((_val, date) => {
-        dates.push(dayjs(date));
-      });
-    });
-    const maxDate = dayjs.max(dates);
-    const minDate = dayjs.min(dates);
-    if (groupMode === "DAY") {
-      let currentDate = minDate;
-      const endDate = maxDate;
-      while (currentDate == null ? void 0 : currentDate.isSameOrBefore(endDate, "day")) {
-        const formattedDate = currentDate.format("YYYY-MM-DD");
-        Object.keys(data).forEach((key) => {
-          if (!data[key].get(formattedDate)) {
-            data[key].set(formattedDate, { value: 0 });
-          }
-        });
-        currentDate = currentDate.add(1, "day");
-      }
-    } else if (groupMode === "YEAR") {
-      let currentYear = minDate.year();
-      const endYear = maxDate.year();
-      while (currentYear <= endYear) {
-        const yearString = currentYear.toString();
-        Object.keys(data).forEach((key) => {
-          if (!data[key].get(yearString)) {
-            data[key].set(yearString, { value: 0 });
-          }
-        });
-        currentYear += 1;
-      }
-    } else if (groupMode === "MONTH") {
-      let currentYearMonth = minDate.clone().startOf("month");
-      const endYearMonth = maxDate.clone().startOf("month");
-      while (currentYearMonth.isSameOrBefore(endYearMonth)) {
-        const yearMonthString = currentYearMonth.format("YYYY-MM");
-        Object.keys(data).forEach((key) => {
-          if (!data[key].get(yearMonthString)) {
-            data[key].set(yearMonthString, { value: 0 });
-          }
-        });
-        currentYearMonth = currentYearMonth.add(1, "month");
-      }
-    } else if (groupMode === "QUARTER") {
-      const yearQuarters = [];
-      Object.keys(data).forEach((key) => {
-        data[key].forEach((_val, yearQuarter) => {
-          yearQuarters.push(yearQuarter);
-        });
-      });
-      const minYearQuarter = yearQuarters.reduce(
-        (min, current) => current < min ? current : min,
-        yearQuarters[0]
-      );
-      const maxYearQuarter = yearQuarters.reduce(
-        (max, current) => current > max ? current : max,
-        yearQuarters[0]
-      );
-      const [minYear] = minYearQuarter.split("-");
-      const [maxYear] = maxYearQuarter.split("-");
-      for (let year = parseInt(minYear, 10); year <= parseInt(maxYear, 10); year++) {
-        for (let quarter = 1; quarter <= 4; quarter++) {
-          const yearQuarter = `${year}-${quarter}`;
-          Object.keys(data).forEach((key) => {
-            if (!data[key].get(yearQuarter)) {
-              data[key].set(yearQuarter, { value: 0 });
-            }
-          });
-        }
-      }
-    } else if (groupMode === "YEARWEEK") {
-      const yearWeeks = [];
-      Object.keys(data).forEach((key) => {
-        data[key].forEach((_val, yearWeek) => {
-          yearWeeks.push(yearWeek);
-        });
-      });
-      const minYearWeek = yearWeeks.reduce(
-        (min, current) => current < min ? current : min,
-        yearWeeks[0]
-      );
-      const maxYearWeek = yearWeeks.reduce(
-        (max, current) => current > max ? current : max,
-        yearWeeks[0]
-      );
-      const [minYear] = minYearWeek.split("-");
-      const [maxYear] = maxYearWeek.split("-");
-      for (let year = parseInt(minYear, 10); year <= parseInt(maxYear, 10); year++) {
-        const numWeeks = dayjs(`${year}-12-31`).isoWeek();
-        for (let week = 1; week <= numWeeks; week++) {
-          const yearWeek = `${year}-${week}`;
-          Object.keys(data).forEach((key) => {
-            if (!data[key].get(yearWeek)) {
-              data[key].set(yearWeek, { value: 0 });
-            }
-          });
-        }
-      }
-    }
-    this.sortTimeData(data);
-  }
-}
-
-export { BaseSeriesGenerator, DEFAULT_GROUP };

package/es/control/chart/generator/chart-options-generator.d.ts

@@ -1,83 +0,0 @@
-import { EChartsOption, XAXisComponentOption, YAXisComponentOption, ECElementEvent } from 'echarts';
-import { IChartXAxis, IChartYAxis, IDEChart, IDEChartLegend, IDEChartTitle } from '@ibiz/model-core';
-import { CodeListItem } from '@ibiz-template/runtime';
-import { BaseSeriesGenerator } from './base-series-generator';
-import { RadarCoordSystem } from './radar-coord-system';
-/**
- * 解析userParams
- * @author lxm
- * @date 2023-06-09 09:03:07
- * @export
- * @param {Record<string, string>} userParams
- * @return {*}
- */
-export declare function parseUserParams(userParams: Record<string, string>): IData;
-export declare class ChartOptionsGenerator {
-    private model;
-    /**
-     * 根据模型配置算出来的静态echarts配置
-     * @author lxm
-     * @date 2023-06-07 09:50:44
-     * @type {EChartsOption}
-     */
-    staticOptions: EChartsOption;
-    /**
-     * 最终计算产物
-     * @author lxm
-     * @date 2023-06-08 09:23:40
-     * @type {EChartsOption}
-     */
-    options: EChartsOption;
-    /**
-     * 图表整体的自定义Options
-     * @author lxm
-     * @date 2023-06-09 08:59:40
-     * @type {EChartsOption}
-     */
-    chartUserParam?: EChartsOption;
-    /**
-     * 序列生成器集合
-     * @author lxm
-     * @date 2023-06-09 05:47:41
-     * @type {BaseSeriesGenerator[]}
-     */
-    seriesGenerators: BaseSeriesGenerator[];
-    /**
-     * 雷达坐标系映射
-     * key是分类属性，值是雷达坐标的序号
-     * @author lxm
-     * @date 2023-06-08 03:51:03
-     */
-    radarMap: Map<string, RadarCoordSystem>;
-    /**
-     * 缓存已经加载的代码表数据
-     * @author lxm
-     * @date 2023-06-09 07:47:35
-     */
-    codeListMap: Map<string, Readonly<CodeListItem[]>>;
-    constructor(model: IDEChart);
-    protected initSeriesGenerators(): void;
-    protected calcTitleOption(chartTitle: IDEChartTitle): EChartsOption['title'];
-    protected calcLegendOption(chartLegend: IDEChartLegend): EChartsOption['legend'];
-    protected calcXYAxisOption(chartAxises: IChartYAxis[] | IChartXAxis[]): XAXisComponentOption[] | YAXisComponentOption[];
-    /**
-     * 加载代码表，
-     * - 如果已经加载过会清空缓存重新加载
-     * - 相同的代码表之后加载一次
-     * @author lxm
-     * @date 2023-06-09 08:05:28
-     * @param {IContext} context
-     * @param {IParams} params
-     * @return {*}  {Promise<void>}
-     */
-    loadCodeList(context: IContext, params: IParams): Promise<void>;
-    /**
-     * 根据数据计算出最终的options
-     * @author lxm
-     * @date 2023-06-09 08:10:52
-     * @param {IData[]} data
-     * @return {*}  {EChartsOption}
-     */
-    calcOptionsByData(data: IData[]): EChartsOption;
-    getSrfkeyByParams(params: ECElementEvent): string;
-}