super-page-runtime 2.2.26 → 2.2.29-tmp2

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

@@ -1,35 +1,121 @@
-import { defineComponent as e, ref as r, onMounted as t, watch as o, createElementBlock as a, openBlock as n, normalizeClass as u, normalizeStyle as s, unref as i, withDirectives as c, createVNode as p, vShow as f } from "vue";
-import { getCustomTheme as m, initChartOption as h, exportCommonChart as l } from "../../../../utils/charts/chart-util.js";
-import { getChartDatasFromPage as g, updateChartDatasources as d, monitorFieldChange as x } from "../../../../utils/page-helper-util.js";
-import { updateChartOption as C } from "../../../../utils/charts/chart-scatter-util.js";
-import v from "../common/common-chart-header.vue.js";
-import { use as R } from "echarts/core";
-import { CanvasRenderer as y } from "echarts/renderers";
-import { ScatterChart as V } from "echarts/charts";
-import { GridComponent as _, LegendComponent as j, TitleComponent as w, TooltipComponent as I, ToolboxComponent as k, DataZoomComponent as b } from "echarts/components";
-import H from "vue-echarts";
-const z = e({ __name: "scatter-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: z2 }) {
-  R([y, V, _, j, w, I, k, b]);
-  const D = e2, F = r(null), O = r(null), P = r(null), S = D.configure.runtime ? D.configure.runtime : {}, T = S.style, q = S.class, A = S.dataConfig, B = S.headerInfo ? S.headerInfo : {}, E = S.chartOption, G = D.configure.props ? D.configure.props : {}, J = m(G.customTheme);
-  h(D.configure, E), t(() => {
-    const e3 = g(D.pageContext, D.configure);
-    e3 && N(e3);
-  });
-  let K = B.groupValue;
-  function L() {
-    A && d(D.pageContext, [A], B.drillParams);
+import { defineComponent, ref, onMounted, watch, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, withDirectives, createVNode, vShow } from "vue";
+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";
+import { use } from "echarts/core";
+import { CanvasRenderer } from "echarts/renderers";
+import { ScatterChart } from "echarts/charts";
+import { GridComponent, LegendComponent, TitleComponent, TooltipComponent, ToolboxComponent, DataZoomComponent } from "echarts/components";
+import VChart from "vue-echarts";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "scatter-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    use([
+      CanvasRenderer,
+      ScatterChart,
+      GridComponent,
+      LegendComponent,
+      TitleComponent,
+      TooltipComponent,
+      ToolboxComponent,
+      DataZoomComponent
+    ]);
+    const props = __props;
+    const thisRef = ref(null);
+    const chartRef = ref(null);
+    const headerRef = 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 = getCustomTheme(configureProps.customTheme);
+    initChartOption(props.configure, chartOption);
+    console.log("chartOption", chartOption);
+    onMounted(() => {
+      const resultData = getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+    });
+    let hisGroupValue = headerInfo.groupValue;
+    watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      if (dataConfig) {
+        dataConfig.services[0].groupValue = headerInfo.groupValue;
+      }
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    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;
+      updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption scatter", chartOption);
+    }
+    function exportChart() {
+      return exportCommonChart(chartRef.value);
+    }
+    __expose({
+      updateChartDatas,
+      exportChart
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(runtimeStyle)),
+        class: normalizeClass([unref(runtimeClass), "amb-widget-chart amb-widget-flex"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        withDirectives(createVNode(_sfc_main$1, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: unref(headerInfo),
+          configure: _ctx.configure,
+          pageContext: _ctx.pageContext
+        }, null, 8, ["headerInfo", "configure", "pageContext"]), [
+          [vShow, unref(headerInfo).showHeader || _ctx.pageContext.showHomepageSearch]
+        ]),
+        createVNode(unref(VChart), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          theme: unref(customTheme),
+          option: unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
   }
-  o(B, () => {
-    K != B.groupValue && (K = B.groupValue, A && (A.services[0].groupValue = B.groupValue), L());
-  });
-  const M = B.monitorFields;
-  function N(e3) {
-    e3 || (e3 = []), (e3 = e3.length > 0 ? e3[0] : {}) || (e3 = {}), e3.hasRender ? e3.hasRender = true : (e3.hasRender = true, C(D.pageContext, D.configure, E, e3));
-  }
-  return x(D.pageContext, M, L), z2({ updateChartDatas: N, exportChart: function() {
-    return l(O.value);
-  } }), (e3, r2) => (n(), a("div", { style: s(i(T)), class: u([i(q), "amb-widget-chart amb-widget-flex"]), ref_key: "thisRef", ref: F }, [c(p(v, { ref_key: "headerRef", ref: P, headerInfo: i(B), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["headerInfo", "configure", "pageContext"]), [[f, i(B).showHeader || e3.pageContext.showHomepageSearch]]), p(i(H), { ref_key: "chartRef", ref: O, theme: i(J), option: i(E), autoresize: "" }, null, 8, ["theme", "option"])], 6));
-} });
+});
 export {
-  z as default
+  _sfc_main as default
 };