super-page-runtime 2.1.50 → 2.1.57

package/dist/es/components/runtime/views/assemblys/chart/column-line/column-line-runtime.vue2.js

@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ]);
     const props = __props;
     const thisRef = ref(null);
-    const chartRef = ref(null);
+    const chartRef = ref();
     const headerRef = ref(null);
     const enableDrill = props.configure.props ? props.configure.props.enableDrill : null;
     const drillEndTrigger = props.configure.props ? props.configure.props.drillEndTrigger : null;
@@ -123,6 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refresh(true);
     });
     function updateChartDatas(resultData) {
+      var _a;
       if (!resultData) {
         resultData = [];
       }
@@ -144,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         headerInfo.groupValue = hisGroupValue;
       }
       if (!dataConfig.autoRefresh || !enableDrill) {
-        clearChartSelected(props.pageContext, props.configure, chartRef.value.chart);
+        clearChartSelected(props.pageContext, props.configure, (_a = chartRef.value) == null ? void 0 : _a.chart);
       }
       dataConfig.autoRefresh = false;
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
@@ -154,7 +155,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     __expose({
       updateChartDatas,
-      exportChart
+      exportChart,
+      chartOption
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/dist/es/components/runtime/views/assemblys/chart/table/chart-table-util.js

@@ -1,20 +1,22 @@
-import { getValueFromVariable } from "../../../../utils/page-helper-util.js";
+import { getParamNames, getValueFromVariable } from "../../../../utils/page-helper-util.js";
 import { getCustomFunc } from "../../../../utils/events/event-util.js";
+import { getMinValue, getMaxValue, getSumValue, getAvgValue } from "../../../../utils/charts/chart-util.js";
+import "element-plus/es/locale/index.mjs";
 class ExpressionEvaluator {
-  static evaluate(pageContext, conditions, data) {
+  static evaluate(pageContext, conditions, data2) {
     const expressions = conditions.map(
-      (condition) => this.createExpression(pageContext, condition, data)
+      (condition) => this.createExpression(pageContext, condition, data2)
     );
     const joinedExpression = expressions.join(" ");
     return this.evaluateExpression(joinedExpression);
   }
-  static createExpression(pageContext, condition, data) {
+  static createExpression(pageContext, condition, data2) {
     const { propName, operator, propValue, leftBracket, rightBracket, joinSign, dataType } = condition;
     if (!propName || propName === "") {
       return "";
     }
-    let value = getValueFromVariable(pageContext.entity, propName, data);
-    let expression2 = `${leftBracket} ${this.getComparisonExpression(value, operator, getValueFromVariable(pageContext.entity, propValue, data), dataType)} ${rightBracket}`;
+    const value = getValueFromVariable(pageContext.entity, propName, data2);
+    let expression2 = `${leftBracket} ${this.getComparisonExpression(value, operator, getValueFromVariable(pageContext.entity, propValue, data2), dataType)} ${rightBracket}`;
     if (joinSign) {
       if (joinSign === "and" || joinSign === "AND") {
         expression2 += "&&";
@@ -91,8 +93,9 @@ class ExpressionEvaluator {
   }
 }
 function getSummaryTitleColumn(configure) {
+  var _a;
   const result = {};
-  if (configure.props.summaries.titleColumn && configure.props.summaries.titleColumn.length > 0) {
+  if (((_a = configure.props.summaries) == null ? void 0 : _a.titleColumn) && configure.props.summaries.titleColumn.length > 0) {
     configure.props.summaries.titleColumn.forEach((item) => {
       result[item.prop] = item;
     });
@@ -100,11 +103,12 @@ function getSummaryTitleColumn(configure) {
   return result;
 }
 function getSummaryDataColumn(configure, type) {
+  var _a;
   const result = {};
-  if (configure.props.summaries.dataColumn && configure.props.summaries.dataColumn.length > 0) {
+  if (((_a = configure.props.summaries) == null ? void 0 : _a.dataColumn) && configure.props.summaries.dataColumn.length > 0) {
     configure.props.summaries.dataColumn.forEach((item) => {
-      var _a;
-      const columnConfigs = (_a = configure.items) == null ? void 0 : _a.find(
+      var _a2;
+      const columnConfigs = (_a2 = configure.items) == null ? void 0 : _a2.find(
         (columnItem) => item.prop === columnItem.props.base.prop
       );
       if (columnConfigs) {
@@ -118,15 +122,15 @@ function getSummaryDataColumn(configure, type) {
   }
   return result;
 }
-function summaryStatistics(summaryColumn, data, prop, pageContext) {
+function summaryStatistics(summaryColumn, data2, prop, pageContext) {
   let sumsIndex = "";
   const summaryMode = summaryColumn.summaryMode;
-  const values = data.map((item) => Number(item[prop])).filter((value) => !Number.isNaN(value));
+  const values = data2.map((item) => Number(item[prop])).filter((value) => !Number.isNaN(value));
   if (values.length > 0) {
     if (summaryMode === "custom") {
       const func = getCustomFunc(pageContext, summaryColumn.customFunc);
       if (func) {
-        const resultValue = func.apply(func, [{ data, prop }]);
+        const resultValue = func.apply(func, [{ data: data2, prop }]);
         if (resultValue) {
           sumsIndex = ` ${resultValue}`;
         } else {
@@ -158,23 +162,23 @@ function summaryStatistics(summaryColumn, data, prop, pageContext) {
   }
   return sumsIndex;
 }
-function replacePlaceholders(template, data) {
+function replacePlaceholders(template, data2) {
   if (template) {
     return template.replace(/\$\{row\.(\w+)\}/g, (match, p1) => {
-      return Object.prototype.hasOwnProperty.call(data, p1) ? data[p1] : "";
+      return Object.prototype.hasOwnProperty.call(data2, p1) ? data2[p1] : "";
     });
   }
 }
-function getHeaderCellStyleUtil(data, runtimeStyle, props) {
+function getHeaderCellStyleUtil(data2, runtimeStyle, props) {
   var _a;
   const headerStyle = {};
-  if (data.column.property) {
+  if (data2.column.property) {
     (_a = runtimeStyle.titleStyle) == null ? void 0 : _a.forEach((item) => {
-      if (item.field && item.field.includes(data.column.property)) {
+      if (item.field && item.field.includes(data2.column.property)) {
         if (item.scopeFunc) {
           const func = getCustomFunc(props.pageContext, item.scopeFunc);
           if (func) {
-            const funcResult = func.apply(func, [{ item, data }]);
+            const funcResult = func.apply(func, [{ item, data: data2 }]);
             if (funcResult !== false) {
               copyStyle(headerStyle, item);
             }
@@ -185,22 +189,22 @@ function getHeaderCellStyleUtil(data, runtimeStyle, props) {
       }
     });
   }
-  const cellTitleStytle = getCellStyleUtil(data, runtimeStyle.cellTitleStyle, props);
+  const cellTitleStytle = getCellStyleUtil(data2, runtimeStyle.cellTitleStyle, props);
   if (cellTitleStytle) {
     Object.assign(headerStyle, cellTitleStytle);
   }
   return headerStyle;
 }
-function getRowStyleUtil(data, groupSummaryDataRowIndex, props) {
+function getRowStyleUtil(data2, groupSummaryDataRowIndex, props) {
   const returnStyle = {};
+  console.log("getRowStyleUtil---props.configure---", props.configure);
   if (props.configure.style.rowStyle) {
     for (let i = 0; i < props.configure.style.rowStyle.length; i++) {
       const rowStyle = props.configure.style.rowStyle[i];
-      debugger;
       if (rowStyle.scopeFunc) {
         const func = getCustomFunc(props.pageContext, rowStyle.scopeFunc);
         if (func) {
-          const funcResult = func.apply(func, [{ data }]);
+          const funcResult = func.apply(func, [{ data: data2 }]);
           if (funcResult !== void 0 && funcResult !== null && funcResult !== false) {
             copyStyle(returnStyle, rowStyle);
           }
@@ -209,17 +213,19 @@ function getRowStyleUtil(data, groupSummaryDataRowIndex, props) {
         const result = ExpressionEvaluator.evaluate(
           props.pageContext,
           rowStyle.matchingCondition,
-          data.row
+          data2.row
         );
         if (result || result === void 0) {
           copyStyle(returnStyle, rowStyle);
         }
       } else {
+        console.log("getRowStyleUtil---rowStyle---", rowStyle);
         copyStyle(returnStyle, rowStyle);
       }
     }
   }
-  if (groupSummaryDataRowIndex && groupSummaryDataRowIndex.length > 0 && groupSummaryDataRowIndex.indexOf(data.rowIndex) !== -1) {
+  if (groupSummaryDataRowIndex && groupSummaryDataRowIndex.length > 0 && groupSummaryDataRowIndex.indexOf(data2.rowIndex) !== -1) {
+    console.log("getRowStyleUtil---groupSummaryDataRowIndex---", groupSummaryDataRowIndex);
     const result = {};
     if (props.configure.style.collectStyle && props.configure.style.collectStyle.length > 0) {
       for (let i = 0; i < props.configure.style.collectStyle.length; i++) {
@@ -232,9 +238,10 @@ function getRowStyleUtil(data, groupSummaryDataRowIndex, props) {
     }
     return result;
   }
+  console.log("getRowStyleUtil---returnStyle---", returnStyle);
   return returnStyle;
 }
-function getCellStyleUtil(data, cellStyles, props) {
+function getCellStyleUtil(data2, cellStyles, props) {
   const cellStyle = {};
   if (cellStyles) {
     for (let i = 0; i < cellStyles.length; i++) {
@@ -242,7 +249,7 @@ function getCellStyleUtil(data, cellStyles, props) {
       if (columnsStyleSetting.scopeFunc) {
         const func = getCustomFunc(props.pageContext, columnsStyleSetting.scopeFunc);
         if (func) {
-          const funcResult = func.apply(func, [{ data }]);
+          const funcResult = func.apply(func, [{ data: data2 }]);
           if (funcResult !== false) {
             copyStyle(cellStyle, columnsStyleSetting);
           }
@@ -251,7 +258,7 @@ function getCellStyleUtil(data, cellStyles, props) {
         const result = ExpressionEvaluator.evaluate(
           props.pageContext,
           columnsStyleSetting.matchingCondition,
-          data.row
+          data2.row
         );
         if (result || result === void 0) {
           copyStyle(cellStyle, columnsStyleSetting);
@@ -269,39 +276,39 @@ function copyStyle(target, source) {
     Object.assign(target, JSON.parse(source.customStyle));
   }
 }
-function rowDataToColumn(data, configure) {
+function rowDataToColumn(data2, configure) {
   const groupByFields = configure.props.dataOrigin.groupField;
   const titleColumns = configure.props.dataOrigin.rowToColumn.titleColumns;
   const dataColumns = configure.props.dataOrigin.rowToColumn.dataColumns;
   const result = [];
   const groupedData = {};
-  data.forEach((item) => {
-    const key = groupByFields.map((field) => item[field]).join("|");
-    if (!groupedData[key]) {
+  data2.forEach((item) => {
+    const key2 = groupByFields.map((field) => item[field]).join("|");
+    if (!groupedData[key2]) {
       const group = {};
       groupByFields.forEach((field) => group[field] = item[field]);
-      groupedData[key] = group;
+      groupedData[key2] = group;
       result.push(group);
     }
     dataColumns.forEach((valueField) => {
       const columnNameParts = titleColumns.map((field) => item[field]);
       const columnName = `${columnNameParts.join("")}${valueField}`;
-      groupedData[key][columnName] = item[valueField];
+      groupedData[key2][columnName] = item[valueField];
     });
   });
   return result;
 }
-function colDataToRow(data, configure) {
+function colDataToRow(data2, configure) {
   const groupByFields = configure.props.dataOrigin.groupField;
   const titleColumns = configure.props.dataOrigin.columnToRow.titleColumns;
   const dataColumns = configure.props.dataOrigin.columnToRow.dataColumns;
   const transColumns = configure.props.dataOrigin.columnToRow.transColumns;
   const dataColumnsMapping = configure.props.dataOrigin.columnToRow.dataColumnsMapping;
-  if (data.length === 0) {
-    return data;
+  if (data2.length === 0) {
+    return data2;
   }
   const result = [];
-  const newData = groupBy(data, groupByFields);
+  const newData = groupBy(data2, groupByFields);
   const dataColumnsConfig = dataColumns.reduce((max, current) => {
     return current.columns.length > max.columns.length ? current : max;
   }, dataColumns[0]);
@@ -411,22 +418,22 @@ function getColumnToRowTableConfig(configure) {
   });
   return newTableColumns;
 }
-function groupBy(data, groupFields) {
+function groupBy(data2, groupFields) {
   const grouped = {};
-  data.forEach((item) => {
-    const key = groupFields.map((field) => item[field]).join("|");
-    if (!grouped[key]) {
-      grouped[key] = {
+  data2.forEach((item) => {
+    const key2 = groupFields.map((field) => item[field]).join("|");
+    if (!grouped[key2]) {
+      grouped[key2] = {
         ...item,
         // 复制所有字段
         records: []
         // 初始化记录数组
       };
-      groupFields.forEach((field, index) => {
-        grouped[key][field] = item[field];
+      groupFields.forEach((field, index2) => {
+        grouped[key2][field] = item[field];
       });
     }
-    grouped[key].records.push(item);
+    grouped[key2].records.push(item);
   });
   return Object.values(grouped).map((group) => ({
     ...group,
@@ -464,9 +471,64 @@ function getIndexColumn() {
     }
   };
 }
+function computeFormula(itemConfs, datas) {
+  Object.keys(itemConfs).forEach((key) => {
+    const paramNames = getParamNames(itemConfs[key]);
+    datas.forEach((data, index) => {
+      const totalValueMap = {};
+      for (const paramName of paramNames) {
+        if (paramName.startsWith("${min.")) {
+          totalValueMap[paramName] = getMinValue(datas, getFieldName(paramName));
+        } else if (paramName.startsWith("${max.")) {
+          totalValueMap[paramName] = getMaxValue(datas, getFieldName(paramName));
+        } else if (paramName.startsWith("${sum.")) {
+          totalValueMap[paramName] = getSumValue(datas, getFieldName(paramName));
+        } else if (paramName.startsWith("${avg.")) {
+          totalValueMap[paramName] = getAvgValue(datas, getFieldName(paramName));
+        } else if (paramName.startsWith("${add.")) {
+          const fieldName = getFieldName(paramName);
+          let currentRowValue = 0;
+          try {
+            currentRowValue = Number(data[fieldName]);
+            datas.slice(0, index).forEach((item) => {
+              currentRowValue += Number(item[fieldName]);
+            });
+          } catch (e) {
+            console.error("计算错误:", e);
+            currentRowValue = 0;
+          }
+          totalValueMap[paramName] = currentRowValue;
+        } else if (paramName.startsWith("${row.")) {
+          totalValueMap[paramName] = data[getFieldName(paramName)];
+        }
+      }
+      let expr = itemConfs[key];
+      Object.keys(totalValueMap).forEach((exprParam) => {
+        if (expr.indexOf(exprParam) > -1) {
+          expr = expr.replaceAll(exprParam, totalValueMap[exprParam]);
+        }
+      });
+      for (const paramName of paramNames) {
+        if (expr.indexOf(paramName) > -1) {
+          expr = expr.replaceAll(paramName, 0);
+        }
+      }
+      try {
+        data[key] = eval(expr);
+      } catch (e) {
+        console.error(itemConfs[key] + " 计算错误, 替换后表达式为：" + expr, e);
+        data[key] = 0;
+      }
+    });
+  });
+}
+function getFieldName(paramName) {
+  return paramName.substring(6, paramName.length - 1);
+}
 export {
   ExpressionEvaluator,
   colDataToRow,
+  computeFormula,
   getCellStyleUtil,
   getColumnToRowTableConfig,
   getHeaderCellStyleUtil,

package/dist/es/components/runtime/views/assemblys/chart/table/normal-column.vue.js

@@ -35,6 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.column.linkPage && props.column.linkPage.length > 0) {
       resloveLinkText.value = true;
     }
+    function formatter(row, column, cellValue, index) {
+    }
     function showLink(row) {
       var _a;
       const show = (_a = props.column.linkPage) == null ? void 0 : _a.some((item) => {
@@ -177,7 +179,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: __props.column.props.base.name,
         "header-align": __props.column.props.base.headerAlign,
         align: __props.column.props.base.align,
-        fixed: __props.column.props.base.fixed ? __props.column.props.base.fixed : false
+        fixed: __props.column.props.base.fixed ? __props.column.props.base.fixed : false,
+        formatter
       }, {
         default: withCtx((scope) => [
           __props.column.props.format && __props.column.props.format.type ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [

package/dist/es/components/runtime/views/assemblys/chart/table/table-pageination.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode } from "vue";
+const _hoisted_1 = { style: { "padding": "5px", "text-align": "center" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-pageination",
+  props: {
+    configure: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    pageContext: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    column: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["pageChange", "pageSizeChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const currentPage = ref(1);
+    const pageSize = ref(props.configure.pageination.pageSize);
+    const handleCurrentChange = (val) => {
+      currentPage.value = val;
+      emits("pageChange", currentPage.value, pageSize.value);
+    };
+    const handleSizeChange = (val) => {
+      pageSize.value = val;
+      emits("pageSizeChange", currentPage.value, pageSize.value);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_pagination = resolveComponent("el-pagination");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_pagination, {
+          "current-page": currentPage.value,
+          "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+          "page-size": pageSize.value,
+          "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+          "page-sizes": [10, 30, 50, 100],
+          size: "small",
+          layout: "total, sizes, prev, pager, next, jumper",
+          total: __props.total,
+          onCurrentChange: handleCurrentChange,
+          onSizeChange: handleSizeChange
+        }, null, 8, ["current-page", "page-size", "total"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/runtime/views/assemblys/chart/table/table-pageination.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./table-pageination.vue.js";
+export {
+  _sfc_main as default
+};