super-page-runtime 2.0.38 → 2.0.40-beta1

package/dist/lib/components/runtime/utils/charts/chart-pie-util.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pageHelperUtil = require("../page-helper-util.js");
+const commonUtil = require("../common-util.js");
+const chartUtil = require("./chart-util.js");
+function updateChartOption(pageContext, configure, chartOption, resultData) {
+  if (!resultData || !resultData.result) {
+    return;
+  }
+  const result = resultData && resultData.result ? resultData.result : {};
+  const groupValue = resultData && resultData.groupValue ? resultData.groupValue : [];
+  const dataSetField = configure.serviceDataField;
+  let datas = null;
+  if (dataSetField) {
+    datas = result[dataSetField];
+  } else {
+    if (result) {
+      if (Array.isArray(result)) {
+        datas = result;
+      } else {
+        datas = [result];
+      }
+    }
+  }
+  if (!datas) {
+    datas = [];
+  }
+  let confGroups = configure.props ? configure.props.groups : null;
+  if (!confGroups) {
+    confGroups = [];
+  }
+  const groupMap = {};
+  const groupFields = [];
+  const realGroupFilds = [];
+  for (let g of confGroups) {
+    groupMap[g.group] = g.target;
+    if (g.target && !groupFields.includes(g.target)) {
+      groupFields.push(g.target);
+      if (groupValue.includes(g.group)) {
+        realGroupFilds.push(g.target);
+      }
+    }
+  }
+  let mulGroupShow = configure.props ? configure.props.mulGroupShow : "";
+  mulGroupShow = mulGroupShow == "break" ? "\r\n" : " ";
+  for (let d of datas) {
+    if (!d) {
+      continue;
+    }
+    const xValues2 = [];
+    for (let g of groupValue) {
+      const fieldName = groupMap[g];
+      const value = pageHelperUtil.getValueFromSource(d, fieldName, void 0);
+      if (value) {
+        xValues2.push(value);
+      }
+    }
+    const xValue = xValues2.join(mulGroupShow);
+    d[chartUtil.CommonName.X_FIELD_NAME] = xValue;
+  }
+  const itemConfs = configure.items ? configure.items : [];
+  if (itemConfs.length == 0) {
+    console.log("饼图的系列为空,操作失败!", configure);
+    return;
+  }
+  const valueField = configure.props ? configure.props.yaxisField : null;
+  console.log("valueField", valueField);
+  itemConfs[0].props.yaxisField = valueField;
+  chartUtil.sortDatas(pageContext, configure, datas);
+  datas = chartUtil.limitDatas(pageContext, configure, datas, groupFields, [valueField]);
+  const xValues = [];
+  const yValues = [];
+  for (let data of datas) {
+    if (!data) {
+      continue;
+    }
+    xValues.push(data[chartUtil.CommonName.X_FIELD_NAME]);
+    let value = pageHelperUtil.getValueFromSource(data, valueField, void 0);
+    yValues.push(value);
+  }
+  const defaultSeries = configure.defaultSeries;
+  let pieColors = defaultSeries[0].pieColors;
+  pieColors = pieColors ? pieColors : [];
+  let pieColorMap = defaultSeries[0].pieColorMap;
+  pieColorMap = pieColorMap ? pieColorMap : {};
+  const pieDatas = [];
+  for (let index = 0; index < xValues.length && index < yValues.length; index++) {
+    const data = {
+      value: yValues[index],
+      name: xValues[index]
+    };
+    if (index < pieColors.length || pieColorMap[data.name]) {
+      let color = pieColorMap[data.name];
+      if (!color) {
+        color = pieColors[index];
+      }
+      if (color) {
+        data.itemStyle = {
+          color
+        };
+      }
+    }
+    pieDatas.push(data);
+  }
+  const tempSeries = commonUtil.deepCopy(defaultSeries);
+  tempSeries[0].data = pieDatas;
+  chartOption.series = [tempSeries[0]];
+  const selGroupVariable = configure.props ? configure.props.selGroupVariable : null;
+  const enableDrill = configure.props ? configure.props.enableDrill : null;
+  if (!enableDrill && selGroupVariable) {
+    configure.highlightInfos = [];
+    pageHelperUtil.setValueForVariableName(pageContext.entity, selGroupVariable, null);
+  }
+  configure.groupFields = realGroupFilds;
+  configure.cacheDatas = datas;
+  configure.rawResult = resultData;
+}
+exports.updateChartOption = updateChartOption;

package/dist/lib/components/runtime/utils/charts/chart-radar-util.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pageHelperUtil = require("../page-helper-util.js");
+const commonUtil = require("../common-util.js");
+function updateChartOption(pageContext, configure, chartOption, resultData) {
+  if (!resultData || !resultData.result) {
+    return;
+  }
+  const result = resultData && resultData.result ? resultData.result : {};
+  const dataSetField = configure.serviceDataField;
+  let datas = null;
+  if (dataSetField) {
+    datas = result[dataSetField];
+  } else {
+    if (result) {
+      if (Array.isArray(result)) {
+        datas = result;
+      } else {
+        datas = [result];
+      }
+    }
+  }
+  if (!datas) {
+    datas = [];
+  }
+  const itemConfs = configure.items ? configure.items : [];
+  const dataConfs = [];
+  const dataValueMap = {};
+  for (let item of itemConfs) {
+    const itemProps = item.props ? item.props : {};
+    const sourceType = itemProps.yaxisSource;
+    const yaxisField = itemProps.yaxisField;
+    let dataConf = null;
+    if (yaxisField && (!sourceType || sourceType == "variable")) {
+      dataConf = {
+        uuid: item.uuid,
+        type: "variable",
+        field: yaxisField,
+        data: []
+      };
+    } else {
+      dataConf = {
+        uuid: item.uuid,
+        type: "fixed",
+        field: itemProps.yaxisFix,
+        data: []
+      };
+    }
+    if (dataConf) {
+      dataConfs.push(dataConf);
+      dataValueMap[dataConf.uuid] = dataConf;
+    }
+  }
+  const confProps = configure.props ? configure.props : {};
+  const nameField = confProps.nameField;
+  const maxSource = confProps.maxSource;
+  const maxField = confProps.maxField;
+  const maxFixed = confProps.maxFixed;
+  const indicators = [];
+  for (let d of datas) {
+    if (!d) {
+      continue;
+    }
+    const name = pageHelperUtil.getValueFromSource(d, nameField, void 0);
+    let maxValue = null;
+    if (!maxSource || maxSource == "variable") {
+      maxValue = pageHelperUtil.getValueFromSource(d, maxField, void 0);
+    } else {
+      maxValue = maxFixed;
+    }
+    indicators.push({
+      text: name,
+      max: maxValue
+    });
+    for (let item of dataConfs) {
+      let data = item.data;
+      if (item.type == "fixed") {
+        data.push(item.field);
+      } else if (item.type == "variable") {
+        let value = pageHelperUtil.getValueFromSource(d, item.field, void 0);
+        data.push(value);
+      } else {
+        data.push(void 0);
+      }
+    }
+  }
+  chartOption.radar[0].indicator = indicators;
+  const defaultSeries = configure.defaultSeries;
+  console.log("defaultSeries", defaultSeries);
+  const tempSeries = commonUtil.deepCopy(defaultSeries);
+  const serieDatas = tempSeries[0].data;
+  for (let serieData of serieDatas) {
+    const dataValue = dataValueMap[serieData.uuid];
+    serieData.value = dataValue.data;
+  }
+  chartOption.series = tempSeries;
+  configure.cacheDatas = datas;
+  configure.rawResult = resultData;
+}
+exports.updateChartOption = updateChartOption;

package/dist/lib/components/runtime/utils/charts/chart-scatter-util.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pageHelperUtil = require("../page-helper-util.js");
+const commonUtil = require("../common-util.js");
+function updateChartOption(pageContext, configure, chartOption, resultData) {
+  if (!resultData || !resultData.result) {
+    return;
+  }
+  const result = resultData && resultData.result ? resultData.result : {};
+  const dataSetField = configure.serviceDataField;
+  let datas = null;
+  if (dataSetField) {
+    datas = result[dataSetField];
+  } else {
+    if (result) {
+      if (Array.isArray(result)) {
+        datas = result;
+      } else {
+        datas = [result];
+      }
+    }
+  }
+  if (!datas) {
+    datas = [];
+  }
+  const itemConfs = configure.items ? configure.items : [];
+  const dataConfs = [];
+  const dataValueMap = {};
+  for (let item of itemConfs) {
+    const itemProps = item.props ? item.props : {};
+    const itemStyle = item.props ? item.style : {};
+    const xaxisField = itemProps.yaxisField;
+    const yaxisField = itemProps.yaxisField;
+    const sizeField = itemProps.sizeField;
+    let dataConf = {
+      uuid: item.uuid,
+      xaxisField,
+      yaxisField,
+      sizeField,
+      symbolSize: itemStyle.symbolSize,
+      data: []
+    };
+    dataConfs.push(dataConf);
+    dataValueMap[dataConf.uuid] = dataConf;
+  }
+  for (let d of datas) {
+    if (!d) {
+      continue;
+    }
+    for (let item of dataConfs) {
+      let data = item.data;
+      const values = [];
+      values.push(pageHelperUtil.getValueFromSource(d, item.xaxisField, void 0));
+      values.push(pageHelperUtil.getValueFromSource(d, item.yaxisField, void 0));
+      if (item.sizeField) {
+        values.push(pageHelperUtil.getValueFromSource(d, item.xaxisField, void 0));
+      } else {
+        values.push(item.symbolSize);
+      }
+      data.push(values);
+    }
+  }
+  const defaultSeries = configure.defaultSeries;
+  console.log("defaultSeries", defaultSeries);
+  const tempSeries = commonUtil.deepCopy(defaultSeries);
+  for (let serie of tempSeries) {
+    const dataValue = dataValueMap[serie.uuid];
+    serie.data = dataValue.data;
+  }
+  chartOption.series = tempSeries;
+  configure.cacheDatas = datas;
+  configure.rawResult = resultData;
+}
+exports.updateChartOption = updateChartOption;

package/dist/lib/components/runtime/utils/charts/chart-util.d.ts

@@ -0,0 +1,51 @@
+import { PageContext, Component } from '../interfaces/page-design-types';
+
+/**
+ * 统计图通用字段名
+ */
+export declare enum CommonName {
+    X_FIELD_NAME = "__x"
+}
+/**
+ * 获取主题对象
+ * @param themeName 获取自定义的主题名称
+ * @returns
+ */
+export declare function getCustomTheme(themeName: string): any;
+/**
+ * 获取所有主题对象
+ * @returns
+ */
+export declare function getCustomThemeOptions(): Array<any>;
+/**
+ * 获取数据的格式化方法
+ * @param labelNumFormat
+ * @param labelNumPrecision
+ * @param isValueFormatter 是否值格式化，value: number | string, dataIndex: number
+ * @returns
+ */
+export declare function getNumFormatter(labelNumFormat: any, numPrecision: any, numPrefix: any, numAppend: any, isValueFormatter: any): (params: any) => any;
+/**
+ * 初始化格式化方法
+ * @param pageContext
+ * @param configure
+ * @param chartOption
+ * @returns
+ */
+export declare function initChartOption(configure: Component, chartOption: any): void;
+/**
+ * 统计图选中时把维度值设置到变量中
+ * @param pageContext
+ * @param configure
+ * @param chart
+ * @param variable
+ */
+export declare function monitorChartClickToVariable(pageContext: PageContext, configure: Component, chart: any, variable: string): void;
+export declare function sortDatas(pageContext: PageContext, configure: Component, datas: Array<any>): void;
+/**
+ * 限制显示数量
+ * @param datas
+ * @param groupFields
+ * @param limitNum
+ */
+export declare function limitDatas(pageContext: PageContext, configure: Component, datas: Array<any>, groupFields: Array<string>, numFields: Array<string>): Array<any>;

package/dist/lib/components/runtime/utils/charts/chart-util.js

@@ -0,0 +1,302 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const theme1 = require("../../../../assets/chart-themes/theme1.js");
+const theme2 = require("../../../../assets/chart-themes/theme2.js");
+const theme3 = require("../../../../assets/chart-themes/theme3.js");
+const pageHelperUtil = require("../page-helper-util.js");
+var CommonName = /* @__PURE__ */ ((CommonName2) => {
+  CommonName2["X_FIELD_NAME"] = "__x";
+  return CommonName2;
+})(CommonName || {});
+const themeMap = {
+  theme1,
+  theme2,
+  theme3
+};
+function getCustomTheme(themeName) {
+  console.log("getdd", themeName);
+  return themeMap[themeName];
+}
+function getCustomThemeOptions() {
+  return [
+    {
+      value: "theme1",
+      label: "主题1"
+    },
+    {
+      value: "theme2",
+      label: "主题2"
+    },
+    {
+      value: "theme3",
+      label: "主题3"
+    }
+  ];
+}
+function getNumFormatter(labelNumFormat, numPrecision, numPrefix, numAppend, isValueFormatter) {
+  const func = function(params) {
+    let labelValue = params.value;
+    if (isValueFormatter) {
+      labelValue = params;
+    }
+    if (labelValue == void 0 || labelValue == null) {
+      return labelValue;
+    }
+    if (Array.isArray(labelValue)) {
+      console.log("numformatter is array", labelValue);
+      return labelValue;
+    }
+    if (isNaN(labelValue) || !labelNumFormat || !labelNumFormat.indexOf) {
+      return labelValue;
+    }
+    if (labelNumFormat.indexOf("precision") > -1) {
+      let precision = parseInt(numPrecision);
+      if (precision == null || isNaN(precision)) {
+        precision = 2;
+      }
+      labelValue = parseFloat(parseFloat(labelValue).toFixed(precision));
+    }
+    let prefix = "";
+    if (labelNumFormat.indexOf("prefix") > -1 && numPrefix) {
+      prefix = numPrefix;
+    }
+    let append = "";
+    if (labelNumFormat.indexOf("append") > -1 && numAppend) {
+      append = numAppend;
+    }
+    return prefix + labelValue.toLocaleString() + append;
+  };
+  return func;
+}
+function initChartOption(configure, chartOption) {
+  if (!chartOption) {
+    return;
+  }
+  if (chartOption.tooltipFormatterArgs) {
+    if (!chartOption.tooltip) {
+      chartOption.tooltip = {};
+    }
+    chartOption.tooltip.valueFormatter = getNumFormatter.apply(
+      chartOption,
+      chartOption.tooltipFormatterArgs
+    );
+  }
+  if (chartOption.series) {
+    const enableDrill = configure.props ? configure.props.enableDrill : null;
+    const selGroupVariable = configure.props ? configure.props.selGroupVariable : null;
+    for (let s of chartOption.series) {
+      if (!chartOption.radar) {
+        s.data = [];
+      }
+      if (s.labelFormatterArgs) {
+        if (!s.label) {
+          s.label = {};
+        }
+        s.label.formatter = getNumFormatter.apply(s, s.labelFormatterArgs);
+      }
+      if (!enableDrill && selGroupVariable) {
+        if (s.emphasis) {
+          s.emphasis.disabled = false;
+        }
+      }
+    }
+  }
+  if (chartOption.radar) {
+    for (let r of chartOption.radar) {
+      r.indicator = [];
+    }
+  }
+  const defaultSeries = chartOption.series;
+  configure.defaultSeries = defaultSeries;
+  const defaultXaxis = chartOption.xAxis;
+  if (defaultXaxis && defaultXaxis.length > 0 && defaultXaxis[0].data) {
+    defaultXaxis[0].data = [];
+  }
+  configure.defaultXaxis = defaultXaxis;
+  const defaultYaxis = chartOption.yAxis;
+  if (defaultYaxis) {
+    for (let yAxis of defaultYaxis) {
+      if (yAxis.data) {
+        yAxis.data = [];
+      }
+    }
+  }
+  configure.defaultYaxis = defaultYaxis;
+}
+function monitorChartClickToVariable(pageContext, configure, chart, variable) {
+  if (!chart || !variable || !configure || !pageContext) {
+    return;
+  }
+  chart.on("click", function(params) {
+    let highlightInfos = configure.highlightInfos;
+    let hasSelect = false;
+    let selGroupValue = null;
+    if (highlightInfos) {
+      for (let i = 0; i < highlightInfos.length; i++) {
+        let info = highlightInfos[i];
+        chart.dispatchAction({
+          type: "downplay",
+          seriesIndex: info.seriesIndex,
+          dataIndex: info.dataIndex
+        });
+        if (info.seriesIndex == params.seriesIndex && info.dataIndex == params.dataIndex) {
+          hasSelect = true;
+        }
+      }
+    }
+    highlightInfos = [];
+    if (!hasSelect) {
+      chart.dispatchAction({
+        type: "highlight",
+        seriesIndex: params.seriesIndex,
+        dataIndex: params.dataIndex
+      });
+      highlightInfos.push({
+        seriesIndex: params.seriesIndex,
+        dataIndex: params.dataIndex
+      });
+      const caheDatas = configure.cacheDatas;
+      const groupFields = configure.groupFields;
+      console.log("selsssss", caheDatas, groupFields);
+      if (caheDatas && params.dataIndex < caheDatas.length && groupFields && configure.groupFields.length > 0) {
+        const data = caheDatas[params.dataIndex];
+        selGroupValue = pageHelperUtil.getValueFromSource(data, groupFields[0], void 0);
+      }
+    }
+    configure.highlightInfos = highlightInfos;
+    pageHelperUtil.setValueForVariableName(pageContext.entity, variable, selGroupValue);
+    console.log("variable params", params);
+  });
+}
+function sortDatas(pageContext, configure, datas) {
+  const itemConfs = configure.items ? configure.items : [];
+  let orderByTarget = configure.props ? configure.props.orderByTarget : "";
+  let orderField = null;
+  if (orderByTarget == "x" || orderByTarget == "X") {
+    orderField = "__x";
+  } else if (orderByTarget) {
+    for (let item of itemConfs) {
+      if (item.uuid == orderByTarget) {
+        const itemProps = item.props ? item.props : {};
+        const sourceType = itemProps.yaxisSource;
+        const yaxisField = itemProps.yaxisField;
+        if (yaxisField && (!sourceType || sourceType == "variable")) {
+          orderField = yaxisField;
+          break;
+        }
+      }
+    }
+  }
+  if (!orderField) {
+    return;
+  }
+  let orderSource = configure.props ? configure.props.orderSource : "";
+  let orderValue = configure.props ? configure.props.orderFix : "";
+  if (orderSource == "variable") {
+    let orderVariable = configure.props ? configure.props.orderVariable : "";
+    orderValue = pageHelperUtil.formatVariableValue(pageContext, orderVariable);
+  }
+  orderValue = orderValue == "desc" || orderValue == "DESC" ? "desc" : "asc";
+  let maxLen = datas.length;
+  for (let i = 0; i < maxLen - 1; i++) {
+    let vali = pageHelperUtil.getValueFromSource(datas[i], orderField, void 0);
+    for (let j = i + 1; j < maxLen; j++) {
+      let valj = pageHelperUtil.getValueFromSource(datas[j], orderField, void 0);
+      let isSwap = false;
+      if ("desc" == orderValue) {
+        if (vali < valj) {
+          isSwap = true;
+        }
+      } else {
+        if (vali > valj) {
+          isSwap = true;
+        }
+      }
+      if (isSwap) {
+        [datas[i], datas[j]] = [datas[j], datas[i]];
+      }
+    }
+  }
+}
+function limitDatas(pageContext, configure, datas, groupFields, numFields) {
+  if (!datas) {
+    return datas;
+  }
+  const confProps = configure.props ? configure.props : {};
+  if (!confProps.limitQuantity) {
+    return datas;
+  }
+  let limitNum = null;
+  if (confProps.itemNumVariable) {
+    limitNum = pageHelperUtil.formatVariableValue(pageContext, confProps.itemNumVariable);
+    limitNum = parseInt(limitNum);
+  } else {
+    limitNum = confProps.itemNumFix ? confProps.itemNumFix : 10;
+  }
+  if (limitNum == null || limitNum == void 0 || isNaN(limitNum)) {
+    return datas;
+  }
+  if (datas.length < limitNum) {
+    return datas;
+  }
+  const overItemAlias = confProps.overItemAlias;
+  const newDatas = [];
+  const otherData = {};
+  groupFields = groupFields ? groupFields : [];
+  numFields = numFields ? numFields : [];
+  for (let i = 0; i < datas.length; i++) {
+    const data = datas[i];
+    if (i < limitNum) {
+      newDatas.push(data);
+      continue;
+    }
+    if (!overItemAlias) {
+      break;
+    }
+    for (let groupField of groupFields) {
+      if (!groupField) {
+        continue;
+      }
+      let value = pageHelperUtil.getValueFromSource(data, groupField, void 0);
+      value = value == null || value == void 0 ? "" : value;
+      if (!otherData[groupField]) {
+        otherData[groupField] = [];
+      }
+      const existValues = otherData[groupField];
+      if (!existValues.includes(value)) {
+        existValues.push(value);
+      }
+    }
+    for (let numField of numFields) {
+      if (!numField) {
+        continue;
+      }
+      let value = pageHelperUtil.getValueFromSource(data, numField, void 0);
+      if (isNaN(value)) {
+        continue;
+      }
+      const hisValue = otherData[numField];
+      if (isNaN(hisValue)) {
+        otherData[numField] = value;
+      } else {
+        otherData[numField] = value + hisValue;
+      }
+    }
+  }
+  if (overItemAlias) {
+    otherData[
+      "__x"
+      /* X_FIELD_NAME */
+    ] = overItemAlias;
+    newDatas.push(otherData);
+  }
+  return newDatas;
+}
+exports.CommonName = CommonName;
+exports.getCustomTheme = getCustomTheme;
+exports.getCustomThemeOptions = getCustomThemeOptions;
+exports.getNumFormatter = getNumFormatter;
+exports.initChartOption = initChartOption;
+exports.limitDatas = limitDatas;
+exports.monitorChartClickToVariable = monitorChartClickToVariable;
+exports.sortDatas = sortDatas;

package/dist/lib/components/runtime/utils/common-util.d.ts

@@ -0,0 +1,17 @@
+export declare function isArrayFn(value: any): boolean;
+export declare function getBaseUrl(backendUrl: any, isTest?: boolean): any;
+export declare function getRealRestApiPath(orgRestApiPath: any, systemCode: any, backendUrl: any): any;
+/**
+ * 封装模板文件列表
+ * @param templateFiles
+ * @returns
+ */
+export declare function packageTemplateFiles(templateFiles: any): any;
+export declare function upperFirstCase(str: any): any;
+export declare function getListCode(pageCode: any, pageVersion: any, tableUuid: any): string;
+/**
+ * 深度复制
+ * @returns
+ */
+export declare function deepCopy(srcObj: any): any;
+export declare function getWorkflowId(pageContext: any): any;