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

package/es/control/chart/generator/chart-options-generator.mjs

@@ -1,344 +0,0 @@
-import { mergeDeepRight } from 'ramda';
-import { RuntimeError } from '@ibiz-template/core';
-import { LineSeriesGenerator } from './line-series-generator.mjs';
-import { BarSeriesGenerator } from './bar-series-generator.mjs';
-import { FunnelSeriesGenerator } from './funnel-series-generator.mjs';
-import { PieSeriesGenerator } from './pie-series-generator.mjs';
-import { ScatterSeriesGenerator } from './scatter-series-generator.mjs';
-import { RadarSeriesGenerator } from './radar-series-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;
-};
-function parseUserParams(userParams) {
-  const option = {};
-  if (userParams) {
-    Object.keys(userParams).forEach((key) => {
-      const index = key.indexOf(".");
-      if (index === -1) {
-        return;
-      }
-      const customKey = key.slice(index + 1);
-      if (customKey) {
-        try {
-          option[customKey] = JSON.parse(userParams[key]);
-        } catch (error) {
-          option[customKey] = userParams[key];
-        }
-      }
-    });
-  }
-  return option;
-}
-class ChartOptionsGenerator {
-  constructor(model) {
-    this.model = model;
-    /**
-     * 根据模型配置算出来的静态echarts配置
-     * @author lxm
-     * @date 2023-06-07 09:50:44
-     * @type {EChartsOption}
-     */
-    __publicField(this, "staticOptions", {
-      tooltip: {
-        show: true
-      }
-    });
-    /**
-     * 最终计算产物
-     * @author lxm
-     * @date 2023-06-08 09:23:40
-     * @type {EChartsOption}
-     */
-    __publicField(this, "options", {});
-    /**
-     * 图表整体的自定义Options
-     * @author lxm
-     * @date 2023-06-09 08:59:40
-     * @type {EChartsOption}
-     */
-    __publicField(this, "chartUserParam");
-    /**
-     * 序列生成器集合
-     * @author lxm
-     * @date 2023-06-09 05:47:41
-     * @type {BaseSeriesGenerator[]}
-     */
-    __publicField(this, "seriesGenerators", []);
-    /**
-     * 雷达坐标系映射
-     * key是分类属性，值是雷达坐标的序号
-     * @author lxm
-     * @date 2023-06-08 03:51:03
-     */
-    __publicField(this, "radarMap", /* @__PURE__ */ new Map());
-    /**
-     * 缓存已经加载的代码表数据
-     * @author lxm
-     * @date 2023-06-09 07:47:35
-     */
-    __publicField(this, "codeListMap", /* @__PURE__ */ new Map());
-    this.initSeriesGenerators();
-    const {
-      dechartTitle,
-      dechartLegend,
-      chartXAxises,
-      chartYAxises,
-      userParam
-    } = model;
-    if (dechartTitle) {
-      this.staticOptions.title = this.calcTitleOption(dechartTitle);
-    }
-    if (dechartLegend) {
-      this.staticOptions.legend = this.calcLegendOption(dechartLegend);
-    }
-    if (chartXAxises == null ? void 0 : chartXAxises.length) {
-      this.staticOptions.xAxis = this.calcXYAxisOption(
-        chartXAxises
-      );
-    }
-    if (chartYAxises == null ? void 0 : chartYAxises.length) {
-      this.staticOptions.yAxis = this.calcXYAxisOption(
-        chartYAxises
-      );
-    }
-    if (userParam) {
-      this.chartUserParam = parseUserParams(userParam);
-    }
-  }
-  initSeriesGenerators() {
-    var _a;
-    (_a = this.model.dechartSerieses) == null ? void 0 : _a.forEach((series) => {
-      let seriesGenerator;
-      switch (series.seriesType) {
-        case "line":
-          seriesGenerator = new LineSeriesGenerator(series, this);
-          break;
-        case "bar":
-          seriesGenerator = new BarSeriesGenerator(series, this);
-          break;
-        case "scatter":
-          seriesGenerator = new ScatterSeriesGenerator(series, this);
-          break;
-        case "pie":
-          seriesGenerator = new PieSeriesGenerator(series, this);
-          break;
-        case "funnel":
-          seriesGenerator = new FunnelSeriesGenerator(series, this);
-          break;
-        case "radar":
-          seriesGenerator = new RadarSeriesGenerator(series, this);
-          break;
-        default:
-          ibiz.log.error(`\u56FE\u8868\u6682\u672A\u652F\u6301\u5E8F\u5217\u7C7B\u578B${series.seriesType}`);
-          break;
-      }
-      if (seriesGenerator) {
-        this.seriesGenerators.push(seriesGenerator);
-      }
-    });
-  }
-  calcTitleOption(chartTitle) {
-    const { showTitle, title, subTitle, titlePos } = chartTitle;
-    const titleOption = {
-      show: showTitle,
-      text: title,
-      subtext: subTitle
-    };
-    titleOption.left = "center";
-    const position = titlePos == null ? void 0 : titlePos.toLowerCase();
-    if (position === "left" || position === "right") {
-      titleOption.left = position;
-    } else if (position === "bottom" || position === "top") {
-      titleOption.top = position;
-    }
-    return titleOption;
-  }
-  calcLegendOption(chartLegend) {
-    const { showLegend, legendPos } = chartLegend;
-    const legendOption = {};
-    legendOption.show = showLegend;
-    const position = legendPos == null ? void 0 : legendPos.toLowerCase();
-    if (position === "left" || position === "right") {
-      legendOption.left = position;
-      legendOption.top = "middle";
-      legendOption.orient = "vertical";
-    } else if (position === "bottom") {
-      legendOption.top = position;
-    }
-    return legendOption;
-  }
-  calcXYAxisOption(chartAxises) {
-    const AxisOption = [];
-    chartAxises.forEach((chartAxis) => {
-      const { position, dataShowMode, userParam } = chartAxis;
-      let option = {
-        type: chartAxis.echartsType,
-        name: chartAxis.caption,
-        max: chartAxis.maxValue,
-        min: chartAxis.minValue,
-        position,
-        axisLabel: {
-          formatter: (value) => {
-            if (dataShowMode === 1) {
-              if (value.length > 4) {
-                return `${value.slice(0, 4).split("").join("\n")}
-...`;
-              }
-              return value.split("").join("\n");
-            }
-            if (dataShowMode === 2) {
-              if (value.length > 4) {
-                return `${value.slice(0, 4)}...`;
-              }
-            }
-            return value;
-          },
-          rotate: dataShowMode === 3 ? 45 : 0
-        }
-      };
-      if (userParam) {
-        option = mergeDeepRight(option, parseUserParams(userParam));
-      }
-      AxisOption.push(option);
-    });
-    return AxisOption;
-  }
-  /**
-   * 加载代码表，
-   * - 如果已经加载过会清空缓存重新加载
-   * - 相同的代码表之后加载一次
-   * @author lxm
-   * @date 2023-06-09 08:05:28
-   * @param {IContext} context
-   * @param {IParams} params
-   * @return {*}  {Promise<void>}
-   */
-  async loadCodeList(context, params) {
-    var _a;
-    this.codeListMap.clear();
-    if (!((_a = this.model.dechartSerieses) == null ? void 0 : _a.length)) {
-      return;
-    }
-    const app = ibiz.hub.getApp(context.srfappid);
-    const loadCodeList = async (key) => {
-      if (!key || this.codeListMap.has(key)) {
-        return;
-      }
-      const codeListItems = await app.codeList.get(key, context, params);
-      this.codeListMap.set(key, codeListItems);
-    };
-    await Promise.all(
-      this.model.dechartSerieses.map(async (series) => {
-        const { seriesCodeListId, catalogCodeListId } = series;
-        await loadCodeList(seriesCodeListId);
-        await loadCodeList(catalogCodeListId);
-      })
-    );
-  }
-  /**
-   * 根据数据计算出最终的options
-   * @author lxm
-   * @date 2023-06-09 08:10:52
-   * @param {IData[]} data
-   * @return {*}  {EChartsOption}
-   */
-  calcOptionsByData(data) {
-    this.radarMap.clear();
-    this.options = {
-      series: [],
-      radar: []
-    };
-    this.seriesGenerators.forEach((generator) => {
-      if (generator.model.seriesType === "radar") {
-        generator.calcRadarCoordSystem(data);
-      }
-    });
-    if (this.radarMap.size) {
-      this.options.radar = [...this.radarMap.values()].map(
-        (radar) => radar.toOptions()
-      );
-    }
-    const seriesOption = [];
-    this.seriesGenerators.forEach((generator) => {
-      const series = generator.calcByData(data);
-      if (series instanceof Array) {
-        seriesOption.push(...series);
-      } else {
-        seriesOption.push(series);
-      }
-    });
-    this.options.series = seriesOption;
-    this.options = mergeDeepRight(
-      this.staticOptions,
-      this.options
-    );
-    if (this.chartUserParam) {
-      this.options = mergeDeepRight(
-        this.options,
-        this.chartUserParam
-      );
-    }
-    return this.options;
-  }
-  getSrfkeyByParams(params) {
-    const generator = this.seriesGenerators[params.seriesIndex];
-    if (!generator) {
-      throw new RuntimeError(`\u627E\u4E0D\u5230${params.seriesIndex}\u5E8F\u5217\u7684generator\uFF01`);
-    }
-    return generator.getSrfkeyByParams(params);
-  }
-  // protected calcRadarSeries(data: IData[], series: IChartSeriesFunnel) {
-  //   // 初始化radarMap
-  //   let radarIndex = this.radarMap.size; // 默认新坐标系的索引
-  //   let radarMapObj: Record<string, number>;
-  //   if (this.radarMap.has(catalogField)) {
-  //     radarMapObj = this.radarMap.get(catalogField)!;
-  //     radarIndex = radarMapObj.radarIndex;
-  //   } else {
-  //     radarMapObj = {
-  //       radarIndex,
-  //     };
-  //     this.radarMap.set(catalogField, radarMapObj);
-  //   }
-  //   // 雷达坐标系维度顺序
-  //   let indicatorKeys: string[] = [];
-  //   if (Object.values(radarMapObj).length > 1) {
-  //     indicatorKeys = Object.keys(radarMapObj).slice(1);
-  //   }
-  //   // 生成雷达数据，多个分组在一起
-  //   const radarData = Object.keys(groupChartData).map(group => {
-  //     // 处理每个序列的数据
-  //     const catalogData = groupChartData[group];
-  //     if (indicatorKeys.length === 0) {
-  //       indicatorKeys = Object.keys(catalogData);
-  //     }
-  //     const value = indicatorKeys.map(key => {
-  //       // 更新radar坐标系的最大值
-  //       if (
-  //         radarMapObj[key] === undefined ||
-  //         radarMapObj[key] < catalogData[key]
-  //       ) {
-  //         radarMapObj[key] = catalogData[key];
-  //       }
-  //       return catalogData[key];
-  //     });
-  //     return {
-  //       value,
-  //       name: group !== 'default' ? group : seriesName,
-  //     };
-  //   });
-  //   const seriesOption: SeriesOption = {
-  //     type: 'radar',
-  //     ...this.seriesDefaultOptions,
-  //     radarIndex,
-  //     data: radarData,
-  //   };
-  //   return seriesOption;
-  // }
-}
-
-export { ChartOptionsGenerator, parseUserParams };

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

@@ -1,22 +0,0 @@
-import { BaseSeriesGenerator } from './base-series-generator.mjs';
-
-class FunnelSeriesGenerator extends BaseSeriesGenerator {
-  calcStaticOptions() {
-    const options = super.calcStaticOptions();
-    options.label.formatter = "{b}: {d}%({c})";
-    options.label.position = "outer";
-    return options;
-  }
-  calcSeriesData(catalogData) {
-    return Object.keys(catalogData).map((catalog) => {
-      var _a;
-      const data = catalogData.get(catalog);
-      return { name: catalog, value: [data.value, (_a = data.deData) == null ? void 0 : _a.srfkey] };
-    });
-  }
-  getSrfkeyByParams(params) {
-    return params.value[1];
-  }
-}
-
-export { FunnelSeriesGenerator };

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

@@ -1,25 +0,0 @@
-import { RuntimeModelError } from '@ibiz-template/core';
-import { BaseSeriesGenerator } from './base-series-generator.mjs';
-
-class LineSeriesGenerator extends BaseSeriesGenerator {
-  calcStaticOptions() {
-    if (this.xAxisIndex === void 0) {
-      throw new RuntimeModelError(this.model, "\u5E8F\u5217\u6CA1\u6709\u914D\u7F6EX\u5750\u6807\u8F74");
-    }
-    if (this.yAxisIndex === void 0) {
-      throw new RuntimeModelError(this.model, "\u5E8F\u5217\u6CA1\u6709\u914D\u7F6EY\u5750\u6807\u8F74");
-    }
-    const options = super.calcStaticOptions();
-    options.xAxisIndex = this.xAxisIndex;
-    options.yAxisIndex = this.yAxisIndex;
-    const { stack, step } = this.model;
-    if (stack) {
-    }
-    if (step) {
-      options.step = "middle";
-    }
-    return options;
-  }
-}
-
-export { LineSeriesGenerator };

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

@@ -1,22 +0,0 @@
-import { BaseSeriesGenerator } from './base-series-generator.mjs';
-
-class PieSeriesGenerator extends BaseSeriesGenerator {
-  calcStaticOptions() {
-    const options = super.calcStaticOptions();
-    options.label.formatter = "{b}: {d}%({c})";
-    options.label.position = "outside";
-    return options;
-  }
-  calcSeriesData(catalogData) {
-    return Object.keys(catalogData).map((catalog) => {
-      var _a;
-      const data = catalogData.get(catalog);
-      return { name: catalog, value: [data.value, (_a = data.deData) == null ? void 0 : _a.srfkey] };
-    });
-  }
-  getSrfkeyByParams(params) {
-    return params.value[1];
-  }
-}
-
-export { PieSeriesGenerator };

package/es/control/chart/generator/radar-coord-system.mjs

@@ -1,74 +0,0 @@
-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;
-};
-class RadarCoordSystem {
-  constructor(index) {
-    /**
-     * 坐标系的序号
-     * @author lxm
-     * @date 2023-06-11 06:28:04
-     * @type {number}
-     */
-    __publicField(this, "index");
-    /**
-     * 指示器映射
-     * @author lxm
-     * @date 2023-06-11 06:34:26
-     * @type {{ [p: string]: { max: number } }}
-     */
-    __publicField(this, "indicator", {});
-    __publicField(this, "_indicatorKeys");
-    this.index = index;
-  }
-  /**
-   * 获取指示器的字段集合
-   * @author lxm
-   * @date 2023-06-11 06:41:13
-   * @readonly
-   */
-  get indicatorKeys() {
-    if (!this._indicatorKeys || this._indicatorKeys.length !== Object.keys(this.indicator).length) {
-      this._indicatorKeys = Object.keys(this.indicator).sort();
-    }
-    return this._indicatorKeys;
-  }
-  /**
-   * 更新或创建指示器
-   * @author lxm
-   * @date 2023-06-11 06:46:02
-   * @param {string} name
-   * @param {number} max
-   */
-  updateIndicator(name, max) {
-    const indicator = this.indicator[name];
-    if (!indicator || indicator.max < max) {
-      this.indicator[name] = {
-        max
-      };
-    }
-  }
-  /**
-   * 转换成雷达坐标系的options
-   * @author lxm
-   * @date 2023-06-11 06:42:04
-   * @return {*}  {RadarComponentOption}
-   */
-  toOptions() {
-    const maxValue = Math.max(
-      ...Object.values(this.indicator).map((item) => item.max)
-    );
-    return {
-      indicator: this.indicatorKeys.map((key) => {
-        return {
-          name: key,
-          max: maxValue
-        };
-      })
-    };
-  }
-}
-
-export { RadarCoordSystem };

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

@@ -1,58 +0,0 @@
-import { mergeDeepRight } from 'ramda';
-import { BaseSeriesGenerator, DEFAULT_GROUP } from './base-series-generator.mjs';
-import { RadarCoordSystem } from './radar-coord-system.mjs';
-
-class RadarSeriesGenerator extends BaseSeriesGenerator {
-  calcStaticOptions() {
-    const options = super.calcStaticOptions();
-    return options;
-  }
-  /**
-   * 计算雷达坐标系
-   * @author lxm
-   * @date 2023-06-11 07:08:30
-   * @param {IData[]} data
-   */
-  calcRadarCoordSystem(data) {
-    const groupData = this.calcGroupData(data);
-    if (!this.chartGenerator.radarMap.has(this.catalogField)) {
-      this.chartGenerator.radarMap.set(
-        this.catalogField,
-        new RadarCoordSystem(this.chartGenerator.radarMap.size)
-      );
-    }
-    const radar = this.chartGenerator.radarMap.get(this.catalogField);
-    Object.values(groupData).forEach((catalogData) => {
-      Object.keys(catalogData).forEach((catalog) => {
-        radar.updateIndicator(catalog, catalogData.get(catalog).value);
-      });
-    });
-  }
-  calcByData(_data) {
-    const groupData = this.groupData;
-    const radar = this.chartGenerator.radarMap.get(this.catalogField);
-    const radarData = Object.keys(groupData).map((group) => {
-      const catalogData = groupData[group];
-      const value = radar.indicatorKeys.map((key) => {
-        if (catalogData.has(key)) {
-          return catalogData.get(key);
-        }
-        return 0;
-      });
-      return {
-        name: group === DEFAULT_GROUP ? this.seriesName : group,
-        value
-      };
-    });
-    let options = { ...this.staticOptions, data: radarData };
-    if (this.seriesUserParam) {
-      options = mergeDeepRight(options, this.seriesUserParam);
-    }
-    return options;
-  }
-  getSrfkeyByParams(params) {
-    return params.value[1];
-  }
-}
-
-export { RadarSeriesGenerator };

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

@@ -1,19 +0,0 @@
-import { RuntimeModelError } from '@ibiz-template/core';
-import { BaseSeriesGenerator } from './base-series-generator.mjs';
-
-class ScatterSeriesGenerator extends BaseSeriesGenerator {
-  calcStaticOptions() {
-    if (this.xAxisIndex === void 0) {
-      throw new RuntimeModelError(this.model, "\u5E8F\u5217\u6CA1\u6709\u914D\u7F6EX\u5750\u6807\u8F74");
-    }
-    if (this.yAxisIndex === void 0) {
-      throw new RuntimeModelError(this.model, "\u5E8F\u5217\u6CA1\u6709\u914D\u7F6EY\u5750\u6807\u8F74");
-    }
-    const options = super.calcStaticOptions();
-    options.xAxisIndex = this.xAxisIndex;
-    options.yAxisIndex = this.yAxisIndex;
-    return options;
-  }
-}
-
-export { ScatterSeriesGenerator };

package/es/control/context-menu/context-menu.controllerr.mjs

@@ -1,6 +0,0 @@
-import { ToolbarController } from '../toolbar/toolbar.controllerr.mjs';
-
-class ContextMenuController extends ToolbarController {
-}
-
-export { ContextMenuController };

package/es/control/context-menu/index.mjs

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

package/es/control/dashboard/dashboard.controller.mjs

@@ -1,101 +0,0 @@
-import { RuntimeError } from '@ibiz-template/core';
-import { ControlController, getOriginData, getPortletProvider } from '@ibiz-template/runtime';
-
-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;
-};
-class DashboardController extends ControlController {
-  constructor() {
-    super(...arguments);
-    /**
-     * 所有数据看板成员的适配器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IPortletProvider }}
-     */
-    __publicField(this, "providers", {});
-    /**
-     * 门户部件控制器
-     *
-     * @author lxm
-     * @date 2022-10-20 22:10:26
-     * @type {{ [key: string]: IPortletController }}
-     */
-    __publicField(this, "portlets", {});
-  }
-  initState() {
-    super.initState();
-  }
-  async onCreated() {
-    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, parent) {
-    if (!(portletModels == null ? void 0 : portletModels.length)) {
-      return;
-    }
-    await Promise.all(
-      portletModels.map(async (portlet) => {
-        var _a;
-        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 ((_a = portlet.controls) == null ? void 0 : _a.length) {
-            await this.initPortlets(
-              portlet.controls,
-              controller
-            );
-          }
-        }
-      })
-    );
-  }
-  /**
-   * 通知所有表单成员表单操作过程中的数据变更
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:40
-   * @param {string[]} names
-   */
-  async dataChangeNotify(data) {
-    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\u62A5\u9519", values);
-      throw new RuntimeError("\u6570\u636E\u53D8\u66F4\u540E\u6709\u9519\u8BEF");
-    }
-  }
-}
-
-export { DashboardController };

package/es/control/dashboard/portlet/container-portlet/container-portlet.controller.mjs

@@ -1,6 +0,0 @@
-import { PortletPartController } from '../portlet-part/portlet-part.controller.mjs';
-
-class ContainerPortletController extends PortletPartController {
-}
-
-export { ContainerPortletController };

package/es/control/dashboard/portlet/portlet-part/index.mjs

@@ -1,2 +0,0 @@
-export { PortletPartController } from './portlet-part.controller.mjs';
-export { PortletPartState } from './portlet-part.state.mjs';