super-page-runtime 2.0.39 → 2.0.40-beta1

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

@@ -0,0 +1,106 @@
+"use strict";
+const Vue = require("vue");
+const chartUtil = require("../../../../utils/charts/chart-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const chartGaugeUtil = require("../../../../utils/charts/chart-gauge-util.js");
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("../common/common-chart-header.vue.js");
+const index_esm_min = require("../../../../../../node_modules/.pnpm/vue-echarts@6.6.9_echarts@5.5.0_vue@3.4.21/node_modules/vue-echarts/dist/index.esm.min.js");
+const install = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/chart/gauge/install.js");
+const extension = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install$1 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/grid/install.js");
+const install$2 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/title/install.js");
+const install$3 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/tooltip/install.js");
+const install$4 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/toolbox/install.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "gauge-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    extension.use([installCanvasRenderer.install, install.install, install$1.install, install$2.install, install$3.install, install$4.install]);
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref(null);
+    const headerRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const dataConfig = runtimeInfo.dataConfig;
+    const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
+    const chartOption = runtimeInfo.chartOption;
+    const configureProps = props.configure.props ? props.configure.props : {};
+    const customTheme = chartUtil.getCustomTheme(configureProps.customTheme);
+    chartUtil.initChartOption(props.configure, chartOption);
+    Vue.onMounted(() => {
+      const resultData = pageHelperUtil.getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+    });
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      dataConfig.services[0].groupValue = headerInfo.groupValue;
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refresh);
+    function updateChartDatas(resultData) {
+      if (!resultData) {
+        resultData = [];
+      }
+      resultData = resultData.length > 0 ? resultData[0] : {};
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      console.log("gauge resultData", resultData);
+      chartGaugeUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption", chartOption);
+    }
+    __expose({
+      updateChartDatas
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-chart"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.withDirectives(Vue.createVNode(commonChartHeader_vue_vue_type_script_setup_true_lang, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: Vue.unref(headerInfo)
+        }, null, 8, ["headerInfo"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader]
+        ]),
+        Vue.createVNode(Vue.unref(index_esm_min.default), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          theme: Vue.unref(customTheme),
+          option: Vue.unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/pie/pie-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const pieRuntime_vue_vue_type_script_setup_true_lang = require("./pie-runtime.vue2.js");
+module.exports = pieRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,141 @@
+"use strict";
+const Vue = require("vue");
+const chartUtil = require("../../../../utils/charts/chart-util.js");
+const chartPieUtil = require("../../../../utils/charts/chart-pie-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("../common/common-chart-header.vue.js");
+const index_esm_min = require("../../../../../../node_modules/.pnpm/vue-echarts@6.6.9_echarts@5.5.0_vue@3.4.21/node_modules/vue-echarts/dist/index.esm.min.js");
+const install = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/chart/pie/install.js");
+const extension = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install$1 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/grid/install.js");
+const install$2 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/legend/install.js");
+const install$3 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/title/install.js");
+const install$4 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/tooltip/install.js");
+const install$5 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/toolbox/install.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "pie-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    extension.use([
+      installCanvasRenderer.install,
+      install.install,
+      install$1.install,
+      install$2.install,
+      install$3.install,
+      install$4.install,
+      install$5.install
+    ]);
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref(null);
+    const headerRef = Vue.ref(null);
+    const enableDrill = props.configure.props ? props.configure.props.enableDrill : null;
+    const drillEndTrigger = props.configure.props ? props.configure.props.drillEndTrigger : null;
+    const selGroupVariable = props.configure.props ? props.configure.props.selGroupVariable : null;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const dataConfig = runtimeInfo.dataConfig;
+    const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
+    const chartOption = runtimeInfo.chartOption;
+    const configureProps = props.configure.props ? props.configure.props : {};
+    const customTheme = chartUtil.getCustomTheme(configureProps.customTheme);
+    chartUtil.initChartOption(props.configure, chartOption);
+    Vue.onMounted(() => {
+      const resultData = pageHelperUtil.getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+      if (enableDrill && chartRef.value) {
+        chartRef.value.chart.on("click", function(params) {
+          if (headerRef.value && headerRef.value.drill) {
+            headerRef.value.drill(params, props.configure.cacheDatas);
+          }
+        });
+      }
+      if (!enableDrill && selGroupVariable && chartRef.value) {
+        chartUtil.monitorChartClickToVariable(
+          props.pageContext,
+          props.configure,
+          chartRef.value.chart,
+          selGroupVariable
+        );
+      }
+    });
+    function onDrillEnd(params) {
+      if (drillEndTrigger == "clearDrill") {
+        if (headerRef.value && headerRef.value.closeDrill) {
+          headerRef.value.closeDrill(0);
+        }
+      }
+    }
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      dataConfig.services[0].groupValue = headerInfo.groupValue;
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refresh);
+    function updateChartDatas(resultData) {
+      if (!resultData) {
+        resultData = [];
+      }
+      resultData = resultData.length > 0 ? resultData[0] : {};
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      console.log("pie resultData", resultData);
+      chartPieUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption", chartOption);
+    }
+    __expose({
+      updateChartDatas
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-chart"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.withDirectives(Vue.createVNode(commonChartHeader_vue_vue_type_script_setup_true_lang, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: Vue.unref(headerInfo),
+          onDrillEnd
+        }, null, 8, ["headerInfo"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader]
+        ]),
+        Vue.createVNode(Vue.unref(index_esm_min.default), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          theme: Vue.unref(customTheme),
+          option: Vue.unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/radar/radar-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const radarRuntime_vue_vue_type_script_setup_true_lang = require("./radar-runtime.vue2.js");
+module.exports = radarRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,115 @@
+"use strict";
+const Vue = require("vue");
+const chartUtil = require("../../../../utils/charts/chart-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const chartRadarUtil = require("../../../../utils/charts/chart-radar-util.js");
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("../common/common-chart-header.vue.js");
+const index_esm_min = require("../../../../../../node_modules/.pnpm/vue-echarts@6.6.9_echarts@5.5.0_vue@3.4.21/node_modules/vue-echarts/dist/index.esm.min.js");
+const install = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/chart/radar/install.js");
+const extension = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install$1 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/grid/install.js");
+const install$2 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/title/install.js");
+const install$3 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/tooltip/install.js");
+const install$4 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/toolbox/install.js");
+const install$5 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/legend/install.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "radar-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    extension.use([
+      installCanvasRenderer.install,
+      install.install,
+      install$1.install,
+      install$2.install,
+      install$3.install,
+      install$4.install,
+      install$5.install
+    ]);
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref(null);
+    const headerRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const dataConfig = runtimeInfo.dataConfig;
+    const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
+    const chartOption = runtimeInfo.chartOption;
+    const configureProps = props.configure.props ? props.configure.props : {};
+    const customTheme = chartUtil.getCustomTheme(configureProps.customTheme);
+    chartUtil.initChartOption(props.configure, chartOption);
+    console.log("chartOption", chartOption);
+    Vue.onMounted(() => {
+      const resultData = pageHelperUtil.getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+    });
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      dataConfig.services[0].groupValue = headerInfo.groupValue;
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refresh);
+    function updateChartDatas(resultData) {
+      if (!resultData) {
+        resultData = [];
+      }
+      resultData = resultData.length > 0 ? resultData[0] : {};
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      chartRadarUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption", chartOption);
+    }
+    __expose({
+      updateChartDatas
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-chart"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.withDirectives(Vue.createVNode(commonChartHeader_vue_vue_type_script_setup_true_lang, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: Vue.unref(headerInfo)
+        }, null, 8, ["headerInfo"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader]
+        ]),
+        Vue.createVNode(Vue.unref(index_esm_min.default), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          theme: Vue.unref(customTheme),
+          option: Vue.unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/scatter/scatter-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const scatterRuntime_vue_vue_type_script_setup_true_lang = require("./scatter-runtime.vue2.js");
+module.exports = scatterRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,117 @@
+"use strict";
+const Vue = require("vue");
+const chartUtil = require("../../../../utils/charts/chart-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const chartScatterUtil = require("../../../../utils/charts/chart-scatter-util.js");
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("../common/common-chart-header.vue.js");
+const index_esm_min = require("../../../../../../node_modules/.pnpm/vue-echarts@6.6.9_echarts@5.5.0_vue@3.4.21/node_modules/vue-echarts/dist/index.esm.min.js");
+const install = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/chart/scatter/install.js");
+const extension = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install$1 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/grid/install.js");
+const install$2 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/legend/install.js");
+const install$3 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/title/install.js");
+const install$4 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/tooltip/install.js");
+const install$5 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/toolbox/install.js");
+const install$6 = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/component/dataZoom/install.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "scatter-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    extension.use([
+      installCanvasRenderer.install,
+      install.install,
+      install$1.install,
+      install$2.install,
+      install$3.install,
+      install$4.install,
+      install$5.install,
+      install$6.install
+    ]);
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref(null);
+    const headerRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const dataConfig = runtimeInfo.dataConfig;
+    const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
+    const chartOption = runtimeInfo.chartOption;
+    const configureProps = props.configure.props ? props.configure.props : {};
+    const customTheme = chartUtil.getCustomTheme(configureProps.customTheme);
+    chartUtil.initChartOption(props.configure, chartOption);
+    console.log("chartOption", chartOption);
+    Vue.onMounted(() => {
+      const resultData = pageHelperUtil.getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+    });
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      dataConfig.services[0].groupValue = headerInfo.groupValue;
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refresh);
+    function updateChartDatas(resultData) {
+      if (!resultData) {
+        resultData = [];
+      }
+      resultData = resultData.length > 0 ? resultData[0] : {};
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      chartScatterUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption scatter", chartOption);
+    }
+    __expose({
+      updateChartDatas
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-chart"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.withDirectives(Vue.createVNode(commonChartHeader_vue_vue_type_script_setup_true_lang, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: Vue.unref(headerInfo)
+        }, null, 8, ["headerInfo"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader]
+        ]),
+        Vue.createVNode(Vue.unref(index_esm_min.default), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          theme: Vue.unref(customTheme),
+          option: Vue.unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/common/export-form-report-dialog.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    pageContext: {
+        type: ObjectConstructor;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    export: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    pageContext: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onClose?: (...args: any[]) => any;
+    onExport?: (...args: any[]) => any;
+}, {}, {}>;
+export default _default;

package/dist/lib/components/runtime/views/assemblys/common/export-form-report-dialog.vue.js

@@ -0,0 +1,147 @@
+"use strict";
+const Vue = require("vue");
+const commonUtil = require("../../../utils/common-util.js");
+const prefix = "${";
+const suffix = "}";
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "export-form-report-dialog",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    pageContext: {
+      type: Object
+    }
+  },
+  emits: ["export", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const templateFiles = Vue.ref([]);
+    const fields = Vue.ref([]);
+    const configureBase = props.configure.props.base;
+    const dataModel = props.pageContext.entity.data;
+    Vue.onMounted(() => {
+      if (configureBase.templateFiles && configureBase.templateFiles.length > 0) {
+        templateFiles.value = commonUtil.packageTemplateFiles(configureBase.templateFiles);
+      } else if (configureBase.templateUUID && configureBase.templateShowPath) {
+        templateFiles.value.push({
+          templateUUID: configureBase.templateUUID,
+          templateShowPath: configureBase.templateShowPath
+        });
+      }
+      templateFiles.value.forEach((item) => {
+        if (item && item.templateShowPath) {
+          item.templateShowPath = formatTemplateShowPath(item.templateShowPath);
+        }
+      });
+    });
+    function getFileds(templateShowPath) {
+      console.log("templateShowPath", templateShowPath);
+      let field;
+      let formatStr;
+      let newValue = templateShowPath;
+      const prefixIndex = newValue.indexOf(prefix);
+      const suffixIndex = newValue.indexOf(suffix);
+      console.log("prefixIndex", prefixIndex);
+      console.log("suffixIndex", suffixIndex);
+      if (prefixIndex !== -1 && suffixIndex !== -1) {
+        if (prefixIndex > suffixIndex) {
+          newValue = newValue.substring(0, suffixIndex) + newValue.substring(suffixIndex + suffix.length);
+          console.log("non replacement value === newValue", newValue);
+        } else {
+          field = newValue.substring(
+            prefixIndex + prefix.length,
+            suffixIndex
+          );
+          formatStr = newValue.substring(
+            prefixIndex,
+            suffixIndex + suffix.length
+          );
+          console.log("field", field);
+          console.log("formatStr", formatStr);
+          fields.value.push(field);
+          console.log("fields", fields.value);
+          newValue = newValue.replace(formatStr, "");
+          console.log("newValue", newValue);
+        }
+        return getFileds(newValue);
+      }
+      return fields.value;
+    }
+    function formatTemplateShowPath(templateShowPath) {
+      const fields2 = getFileds(templateShowPath);
+      console.log("fields", fields2);
+      fields2.forEach((field) => {
+        const formatStr = prefix + field + suffix;
+        let formatValue;
+        if (templateShowPath.indexOf(formatStr) !== -1 && dataModel.hasOwnProperty(field)) {
+          formatValue = dataModel[field] ? dataModel[field] : "";
+          templateShowPath = templateShowPath.replace(formatStr, formatValue);
+        }
+      });
+      return templateShowPath;
+    }
+    function exportForm(row) {
+      emits("export", row);
+    }
+    function closeExportForm() {
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      const _component_el_table_column = Vue.resolveComponent("el-table-column");
+      const _component_el_button = Vue.resolveComponent("el-button");
+      const _component_el_table = Vue.resolveComponent("el-table");
+      const _component_el_dialog = Vue.resolveComponent("el-dialog");
+      return Vue.openBlock(), Vue.createBlock(_component_el_dialog, {
+        "show-close": true,
+        "append-to-body": true,
+        title: _ctx.$t("superPageRuntimeMessage.selectTemplate"),
+        "model-value": "",
+        onClose: closeExportForm
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_table, {
+            data: templateFiles.value,
+            style: { "width": "100%" }
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_table_column, {
+                label: _ctx.$t("superPageRuntimeMessage.temlpate"),
+                prop: "templateShowPath"
+              }, {
+                default: Vue.withCtx((scope) => [
+                  Vue.createTextVNode(Vue.toDisplayString(scope.row.templateShowPath), 1)
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              Vue.createVNode(_component_el_table_column, {
+                label: _ctx.$t("superPageRuntimeMessage.operating"),
+                width: "200",
+                fixed: "right"
+              }, {
+                default: Vue.withCtx((scope) => [
+                  Vue.createVNode(_component_el_button, {
+                    type: "text",
+                    size: "small",
+                    onClick: ($event) => exportForm(scope.row)
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createTextVNode(Vue.toDisplayString(_ctx.$t("superPageRuntimeMessage.export")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["data"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/common/export-form-report-dialog.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const exportFormReportDialog_vue_vue_type_script_setup_true_lang = require("./export-form-report-dialog.vue.js");
+module.exports = exportFormReportDialog_vue_vue_type_script_setup_true_lang;