super-page-runtime 2.1.21 → 2.1.22

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

@@ -75,3 +75,13 @@ export declare function caculateFormulaValue(itemConfs: any, datas: any, accumul
  * @param pageContext 页面对象
  */
 export declare function executeChartFormula(formulaStr: string, accumulateMap: any, rowData: any, pageContext: PageContext): any;
+/**
+ * 导出图表工具方法
+ * @param chartDom
+ * @returns
+ */
+export declare function exportCommonChart(chartDom: any): {
+    isTable: boolean;
+    fileContent: any;
+    fileSize: string;
+};

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

@@ -482,11 +482,20 @@ function executeChartFormula(formulaStr, accumulateMap, rowData, pageContext) {
     row: rowData
   });
 }
+function exportCommonChart(chartDom) {
+  const fileSize = chartDom.getAttribute("width") + ":" + chartDom.getAttribute("height");
+  return {
+    isTable: false,
+    fileContent: chartDom.getAttribute("base64Url"),
+    fileSize
+  };
+}
 export {
   CommonName,
   caculateFormulaValue,
   clearChartSelected,
   executeChartFormula,
+  exportCommonChart,
   getCustomTheme,
   getCustomThemeOptions,
   getNumFormatter,

package/dist/es/components/runtime/utils/common-util.js

@@ -76,7 +76,7 @@ function getListCode(pageCode, pageVersion, tableUuid) {
   return "V" + pageVersion + "__" + pageCode + "__" + tableUuid;
 }
 function deepCopy(srcObj) {
-  if (typeof srcObj !== "object" || srcObj === null) {
+  if (typeof srcObj !== "object" || srcObj === null || srcObj === void 0) {
     return srcObj;
   }
   const copyObj = Array.isArray(srcObj) ? [] : {};

package/dist/es/components/runtime/utils/events/standard-event.d.ts

@@ -40,6 +40,8 @@ export declare const standardEvents: {
     lineEditCreate: (params: any) => void;
     printLabel: (params: any) => void;
     queryCharts: (params: any) => void;
+    resetCharts: (params: any) => void;
+    exportCharts: (params: any) => void;
 };
 export declare function exportFormReport(pageContext: any, configureObj: any, templateFile: any, isPdf: any): void;
 export declare function getSaveFormRequestWithRow(pageContext: PageContext, configureObj: any, url: string, isUnControlVersion: boolean, mainDefaultValueColumns: any, dynamicColumnInfo: any, row: any, otherParams: any): any;

package/dist/es/components/runtime/utils/events/standard-event.js

@@ -1,4 +1,4 @@
-import { getBaseUrl, getRealRestApiPath, upperFirstCase, isWorkflowPage, packageTemplateFiles, deepCopy, isArrayFn } from "../common-util.js";
+import { deepCopy, getBaseUrl, getRealRestApiPath, upperFirstCase, isWorkflowPage, packageTemplateFiles, isArrayFn } from "../common-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { getI18n } from "agilebuilder-ui/src/utils/util";
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -216,32 +216,114 @@ const standardEvents = {
   },
   queryCharts: function(params) {
     console.log("查询统计图--params=", params);
-    const pageContext = params.pageContext;
-    const chartConfigs = pageContext.initChartServiceConfigs;
-    if (!chartConfigs || chartConfigs.length == 0) {
-      console.log("无需要查询的统计图数据");
-      return;
-    }
-    const configure = params.configureObj;
-    let runtimeProps = null;
-    if (configure && configure.runtime) {
-      runtimeProps = configure.runtime.props;
+    queryPageCharts(params);
+  },
+  resetCharts: function(params) {
+    var _a, _b;
+    console.log("重置统计图--params=", params);
+    let pageContext = params.pageContext;
+    pageContext.entity.data = deepCopy((_a = pageContext.initChartData) == null ? void 0 : _a.data);
+    pageContext.entity.page = deepCopy((_b = pageContext.initChartData) == null ? void 0 : _b.page);
+    params.isInitChart = true;
+    queryPageCharts(params);
+  },
+  exportCharts: function(params) {
+    console.log("导出统计图--params=", params);
+    exportPageCharts(params);
+  }
+};
+function queryPageCharts(params) {
+  const pageContext = params.pageContext;
+  const chartConfigs = pageContext.initChartServiceConfigs;
+  if (!chartConfigs || chartConfigs.length == 0) {
+    console.log("无需要查询的统计图数据");
+    return;
+  }
+  const configure = params.configureObj;
+  let runtimeProps = null;
+  if (configure && configure.runtime) {
+    runtimeProps = configure.runtime.props;
+  }
+  const hisState = runtimeProps ? runtimeProps.state : void 0;
+  if (runtimeProps) {
+    runtimeProps.state = "disabled";
+  }
+  updateChartDatasources(pageContext, chartConfigs, void 0, params.isInitChart).then(() => {
+    if (runtimeProps) {
+      runtimeProps.state = hisState;
     }
-    const hisState = runtimeProps ? runtimeProps.state : void 0;
+  }).catch(() => {
     if (runtimeProps) {
-      runtimeProps.state = "disabled";
+      runtimeProps.state = hisState;
     }
-    updateChartDatasources(pageContext, chartConfigs, void 0).then(() => {
-      if (runtimeProps) {
-        runtimeProps.state = hisState;
-      }
-    }).catch(() => {
-      if (runtimeProps) {
-        runtimeProps.state = hisState;
+  });
+}
+function exportPageCharts(params) {
+  const pageContext = params.pageContext;
+  const chartConfigs = pageContext.initChartServiceConfigs;
+  if (!chartConfigs || chartConfigs.length == 0) {
+    console.log("无需要导出的统计图数据");
+    return;
+  }
+  const configure = params.configureObj;
+  let runtimeProps = null;
+  if (configure && configure.runtime) {
+    runtimeProps = configure.runtime.props;
+  }
+  const hisState = runtimeProps ? runtimeProps.state : void 0;
+  if (runtimeProps) {
+    runtimeProps.state = "disabled";
+  }
+  let exportChartList = [];
+  for (let i = 0; i < chartConfigs.length; i++) {
+    const chartDataSourceConfig = chartConfigs[i];
+    const chartUuid = chartDataSourceConfig.uuid;
+    const componentObj = getComponentRef(pageContext, chartUuid);
+    if (componentObj) {
+      const chartConfig = componentObj.getConfigure();
+      if (chartConfig && chartConfig.exportable && componentObj.exportChart) {
+        exportChartList.push(componentObj.exportChart());
       }
-    });
+    }
   }
-};
+  if (!exportChartList || exportChartList.length == 0) {
+    console.log("无需要导出的统计图数据");
+    return;
+  }
+  let exportFileName;
+  let pageName = pageContext.label;
+  if (!pageName) {
+    pageName = pageContext.code;
+  }
+  exportFileName = pageName;
+  const param = {
+    reportDataList: exportChartList,
+    beanName: pageContext.beanName
+  };
+  const backendUrl = pageContext.backendUrl;
+  let request;
+  const baseUrl = getBaseUrl(backendUrl, pageContext.isTest);
+  const path = baseUrl + "/dsc/commons/exportChart";
+  axios.defaults.headers.common.Authorization = getToken();
+  request = axios.post(
+    path,
+    param,
+    { responseType: "blob" }
+  );
+  request.then((res) => {
+    const link = document.createElement("a");
+    link.style.display = "none";
+    link.href = URL.createObjectURL(res.data);
+    link.setAttribute("download", exportFileName + ".xlsx");
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }).finally(() => {
+    if (runtimeProps) {
+      runtimeProps.state = hisState;
+    }
+  });
+}
 function exportFormReport(pageContext, configureObj, templateFile, isPdf) {
   var _a;
   const templateUUID = templateFile.templateUuid;
@@ -801,8 +883,8 @@ function deleteFunc(params) {
         pageCode: pageContext.code,
         pageVersion: pageContext.version
       };
-      if (configureBase.beanName) {
-        param["beanName"] = configureBase.beanName;
+      if (pageContext.beanName) {
+        param["beanName"] = pageContext.beanName;
       }
       const deleteLogicSetting = configureObj.props.deleteLogicSetting;
       if (deleteLogicSetting) {

package/dist/es/components/runtime/utils/page-helper-util.d.ts

@@ -19,7 +19,7 @@ export declare function initComponentDataSources(component: Component, pageConte
  * @param pageContext 页面上下文
  * @param dataSourceConfs 初始化数据配置参数
  */
-export declare function updateChartDatasources(pageContext: PageContext, dataSourceConfs: Array<any>, appendParams: any): Promise<any>;
+export declare function updateChartDatasources(pageContext: PageContext, dataSourceConfs: Array<any>, appendParams: any, isInit?: boolean): Promise<any>;
 /**
  * 初始化数据源
  * @param pageContext 页面上下文

package/dist/es/components/runtime/utils/page-helper-util.js

@@ -129,7 +129,7 @@ function getServiceQueryInfo(dataOriginInfo, pageContext2) {
   infoObj.props.labelField = dataOriginInfo.serviceLabelField;
   return infoObj;
 }
-function updateChartDatasources(pageContext2, dataSourceConfs, appendParams) {
+function updateChartDatasources(pageContext2, dataSourceConfs, appendParams, isInit) {
   return new Promise((resolve, reject) => {
     if (!dataSourceConfs || dataSourceConfs.length == 0) {
       reject(new Error("无需查询的统计图配置!"));
@@ -170,8 +170,13 @@ function updateChartDatasources(pageContext2, dataSourceConfs, appendParams) {
       for (const uuid in result) {
         pageContext2.chartDataSourceMap[uuid] = result[uuid];
         const componentObj = getComponentRef(pageContext2, uuid);
-        if (componentObj && componentObj.updateChartDatas) {
-          componentObj.updateChartDatas(result[uuid]);
+        if (componentObj) {
+          const chartConfig = componentObj.getConfigure();
+          if (!isInit || chartConfig && chartConfig.initializationQuery) {
+            if (componentObj.updateChartDatas) {
+              componentObj.updateChartDatas(result[uuid]);
+            }
+          }
         }
       }
       console.log("查询统计图数据完成", result);

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow } from "vue";
-import { getCustomTheme, initChartOption, monitorChartClickToVariable, clearChartSelected } from "../../../../utils/charts/chart-util.js";
+import { getCustomTheme, initChartOption, monitorChartClickToVariable, clearChartSelected, exportCommonChart } from "../../../../utils/charts/chart-util.js";
 import { getChartDatasFromPage, updateChartDatasources, monitorFieldChange } from "../../../../utils/page-helper-util.js";
 import { updateChartOption } from "../../../../utils/charts/chart-columnline-util.js";
 import { doClickJumpPageEvent } from "../../../../utils/events/event-util.js";
@@ -128,8 +128,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       dataConfig.autoRefresh = false;
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
     }
+    function exportChart() {
+      exportCommonChart(chartRef.value);
+    }
     __expose({
-      updateChartDatas
+      updateChartDatas,
+      exportChart
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow } from "vue";
-import { getCustomTheme, initChartOption } from "../../../../utils/charts/chart-util.js";
+import { getCustomTheme, initChartOption, exportCommonChart } from "../../../../utils/charts/chart-util.js";
 import { getChartDatasFromPage, updateChartDatasources, monitorFieldChange } from "../../../../utils/page-helper-util.js";
 import { updateChartOption } from "../../../../utils/charts/chart-gauge-util.js";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
@@ -71,8 +71,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
       console.log("chartOption", chartOption);
     }
+    function exportChart() {
+      exportCommonChart(chartRef.value);
+    }
     __expose({
-      updateChartDatas
+      updateChartDatas,
+      exportChart
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow } from "vue";
-import { getCustomTheme, initChartOption, monitorChartClickToVariable, clearChartSelected } from "../../../../utils/charts/chart-util.js";
+import { getCustomTheme, initChartOption, monitorChartClickToVariable, clearChartSelected, exportCommonChart } from "../../../../utils/charts/chart-util.js";
 import { updateChartOption } from "../../../../utils/charts/chart-pie-util.js";
 import { doClickJumpPageEvent } from "../../../../utils/events/event-util.js";
 import { getChartDatasFromPage, updateChartDatasources, monitorFieldChange } from "../../../../utils/page-helper-util.js";
@@ -127,8 +127,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
       console.log("chartOption--pie", chartOption);
     }
+    function exportChart() {
+      exportCommonChart(chartRef.value);
+    }
     __expose({
-      updateChartDatas
+      updateChartDatas,
+      exportChart
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow } from "vue";
-import { getCustomTheme, initChartOption } from "../../../../utils/charts/chart-util.js";
+import { getCustomTheme, initChartOption, exportCommonChart } from "../../../../utils/charts/chart-util.js";
 import { getChartDatasFromPage, updateChartDatasources, monitorFieldChange } from "../../../../utils/page-helper-util.js";
 import { updateChartOption } from "../../../../utils/charts/chart-radar-util.js";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
@@ -79,8 +79,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
       console.log("chartOption", chartOption);
     }
+    function exportChart() {
+      exportCommonChart(chartRef.value);
+    }
     __expose({
-      updateChartDatas
+      updateChartDatas,
+      exportChart
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow } from "vue";
-import { getCustomTheme, initChartOption } from "../../../../utils/charts/chart-util.js";
+import { getCustomTheme, initChartOption, exportCommonChart } from "../../../../utils/charts/chart-util.js";
 import { getChartDatasFromPage, updateChartDatasources, monitorFieldChange } from "../../../../utils/page-helper-util.js";
 import { updateChartOption } from "../../../../utils/charts/chart-scatter-util.js";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
@@ -80,8 +80,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateChartOption(props.pageContext, props.configure, chartOption, resultData);
       console.log("chartOption scatter", chartOption);
     }
+    function exportChart() {
+      exportCommonChart(chartRef.value);
+    }
     __expose({
-      updateChartDatas
+      updateChartDatas,
+      exportChart
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/dist/es/components/runtime/views/super-page.vue.js

@@ -18,7 +18,7 @@ import _sfc_main$5 from "./super-page-dialog.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { jumpToPage } from "agilebuilder-ui/src/utils/jump-page-utils";
 import { setSessionCache } from "agilebuilder-ui/src/utils/auth";
-import { isNumber, deepCopy } from "../utils/common-util.js";
+import { deepCopy, isNumber } from "../utils/common-util.js";
 const _hoisted_1 = { class: "app-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "super-page",
@@ -228,9 +228,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.log("无需要初始化的选项组数据");
         return;
       }
+      pageContext2.initChartData = {};
+      pageContext2.initChartData.data = deepCopy(pageContext2.entity.data);
+      pageContext2.initChartData.page = deepCopy(pageContext2.entity.page);
       console.log("pageContext.chartConfigs:", chartConfigs);
       if (chartConfigs && chartConfigs.length > 0) {
-        updateChartDatasources(pageContext2, chartConfigs);
+        updateChartDatasources(pageContext2, chartConfigs, null, true);
       }
     }
     onMounted(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.1.21",
+  "version": "2.1.22",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",