evui 3.4.214 → 3.5.0

package/dist/components/chart/Chart.vue.js

@@ -0,0 +1,261 @@
+import { resolveComponent as H, resolveDirective as $, openBlock as O, createElementBlock as _, Fragment as P, createVNode as V, createCommentVNode as ee, withDirectives as te, createElementVNode as ae, normalizeStyle as oe, ref as le, inject as m, computed as x, watch as n, onMounted as se, onBeforeUnmount as ie, onDeactivated as ne, onActivated as re, toRef as de } from "vue";
+import { isEqual as g, cloneDeep as E, debounce as ce } from "lodash-es";
+import ue from "vue-resize-observer";
+import fe from "./chart.core.js";
+import pe from "./ChartToolbar.vue.js";
+import { useModel as me, useWrapper as he, useZoomModel as ge } from "./uses.js";
+/* empty css           */
+import be from "../../_virtual/_plugin-vue_export-helper.js";
+const ve = {
+  name: "EvChart",
+  components: {
+    EvChartToolbar: pe
+  },
+  directives: {
+    resize: ue
+  },
+  props: {
+    selectedItem: {
+      type: Object,
+      default: null
+    },
+    selectedLabel: {
+      type: Object,
+      default: null
+    },
+    selectedSeries: {
+      type: Object,
+      default: null
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    resizeTimeout: {
+      type: Number,
+      default: 0
+    },
+    zoomStartIdx: {
+      type: Number,
+      default: 0
+    },
+    zoomEndIdx: {
+      type: Number,
+      default: 0
+    },
+    realTimeScatterReset: {
+      type: Boolean,
+      default: !1
+    },
+    legendData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    "click",
+    "dbl-click",
+    "drag-select",
+    "mouse-move",
+    "update:selectedItem",
+    "update:selectedLabel",
+    "update:selectedSeries",
+    "update:zoomStartIdx",
+    "update:zoomEndIdx",
+    "update:realTimeScatterReset",
+    "click-legend",
+    "update:legendData",
+    "axes-scale-change"
+  ],
+  setup(o, { emit: T }) {
+    let t = null;
+    const s = le(!1), c = m("isChartGroup", !1), z = m("brushSeries", { list: [], chartIdx: null }), r = m("groupSelectedLabel", null), p = m("groupHoveredLabel", null), b = m("brushIdx", { start: 0, end: -1 }), d = m("evChartPropsInGroup", []), {
+      eventListeners: R,
+      selectItemInfo: w,
+      selectLabelInfo: L,
+      selectSeriesInfo: N,
+      getNormalizedData: D,
+      getNormalizedOptions: I
+    } = me(r, p), U = D(o.data), i = I(o.options), u = x(() => o.selectedLabel), f = x(() => o.selectedItem), { wrapper: y, wrapperStyle: Z } = he(i), {
+      evChartZoomOptions: M,
+      evChartToolbarRef: j,
+      createEvChartZoom: A,
+      setOptionsForUseZoom: F,
+      setDataForUseZoom: q,
+      controlZoomIdx: W,
+      onClickToolbar: J
+    } = c ? {} : ge(
+      i,
+      { wrapper: y, evChartGroupRef: null },
+      o.selectedLabel ? u : f,
+      d
+    ), K = () => {
+      var l;
+      let e;
+      i.selectLabel.use ? e = L : i.selectSeries.use && (e = N);
+      const a = (l = o.options.realTimeScatter) != null && l.use ? { ...o.data, groups: [], labels: [] } : U;
+      t = new fe(
+        y.value,
+        a,
+        i,
+        R,
+        w,
+        e,
+        z
+      );
+    }, Q = () => {
+      t && (t.init(), !c && i.zoom.toolbar.show && A(), i.legend.show && i.legend.external && t.emitLegendData());
+    };
+    n(
+      () => o.options,
+      (e) => {
+        var h, C;
+        const a = I(e), l = ((C = (h = t.options) == null ? void 0 : h.legend) == null ? void 0 : C.show) ?? !1, v = !g(a.legend.table, t.options.legend.table), S = a.tooltip.use && !g(a.tooltip, t.options.tooltip);
+        t.options = E(a), t.update({
+          updateSeries: !1,
+          updateSelTip: { update: !1, keepDomain: !1 },
+          updateLegend: v,
+          updateTooltip: S
+        }), a.legend.show && a.legend.external && !l && t.emitLegendData(), c || F(a);
+      },
+      { deep: !0, flush: "post" }
+    ), n(
+      () => o.data,
+      (e) => {
+        var S, h;
+        const a = (S = o.options.realTimeScatter) != null && S.use ? { ...e, groups: [], labels: [] } : D(e), l = !g(a.series, t.data.series) || !g(a.groups, t.data.groups) || o.options.type === "heatMap", v = !g(a, t.data);
+        t.data = (h = o.options.realTimeScatter) != null && h.use ? a : E(a), t.update({
+          updateSeries: l,
+          updateSelTip: { update: !0, keepDomain: !1 },
+          updateData: v
+        }), !c && v && q(a);
+      },
+      { deep: !0, flush: "post" }
+    ), c && !(r != null && r.value) && n(
+      () => b.start,
+      (e, a) => {
+        if (u != null && u.value)
+          for (let l = 0; l < u.value.dataIndex.length; l++)
+            e >= (a ?? 0) ? u.value.dataIndex[l] -= e - (a ?? 0) : u.value.dataIndex[l] += a - e;
+        else f != null && f.value && (e >= (a ?? 0) ? f.value.dataIndex -= e - (a ?? 0) : f.value.dataIndex += a - e);
+      }
+    ), n(
+      () => f.value,
+      (e) => {
+        const a = o.options.type;
+        t.selectItemByData(e, a);
+      },
+      { deep: !0, flush: "post" }
+    ), n(
+      () => (r == null ? void 0 : r.value) ?? u.value,
+      (e) => {
+        e != null && e.dataIndex && t.selectLabelByData(e.dataIndex, e == null ? void 0 : e.targetAxis);
+      },
+      { deep: !0, flush: "post" }
+    ), n(
+      () => o.selectedSeries,
+      (e) => {
+        var a;
+        (a = i.selectSeries) != null && a.use ? e.seriesId && t.selectSeriesByData(e.seriesId) : console.warn("[EVUI][Chart] selectSeries.use is false, so selectedSeries is not working");
+      },
+      { deep: !0, flush: "post" }
+    ), c || n(
+      () => [o.zoomStartIdx, o.zoomEndIdx],
+      ([e, a]) => {
+        W(e, a);
+      }
+    ), n(
+      () => o.realTimeScatterReset,
+      (e) => {
+        e && (Object.keys(t.dataSet ?? {}).forEach((a) => {
+          t.dataSet[a] && (t.dataSet[a].dataGroup = []);
+        }), T("update:realTimeScatterReset", !1));
+      }
+    ), n(
+      () => {
+        var e;
+        return (e = o.options.realTimeScatter) == null ? void 0 : e.use;
+      },
+      (e) => {
+        t.options.realTimeScatter.use = e ?? !1, t.update({
+          updateSeries: !0,
+          updateSelTip: { update: !1, keepDomain: !1 },
+          updateData: !1
+        });
+      }
+    ), n(
+      () => p == null ? void 0 : p.value,
+      (e) => {
+        e && o.options.syncHover !== !1 && (e.label == null ? t.overlayClear() : t.drawSyncedIndicator(e));
+      },
+      { deep: !0, flush: "post" }
+    ), se(async () => {
+      d != null && d.value && d.value.push(o), await K(), await Q(), s.value = !0;
+    }), ie(() => {
+      var e;
+      t && "destroy" in t && t.destroy(), (e = d == null ? void 0 : d.value) != null && e.length && (d.value.length = 0), s.value = !1;
+    }), ne(() => {
+      t && "hideTooltip" in t && t.hideTooltip();
+    });
+    const X = (e) => {
+      t == null || t.toggleSeries(e);
+    }, Y = (e) => {
+      t == null || t.highlightSeries(e);
+    }, B = () => {
+      t == null || t.unhighlightSeries();
+    }, G = () => {
+      t && "update" in t && t.update({
+        updateSeries: !0,
+        updateSelTip: { update: !0, keepDomain: !1 }
+      });
+    }, k = ce(() => {
+      t && "resize" in t && t.resize();
+    }, o.resizeTimeout);
+    return re(() => {
+      s.value && k();
+    }), {
+      wrapper: y,
+      wrapperStyle: Z,
+      onResize: k,
+      redraw: G,
+      toggleSeries: X,
+      highlightSeries: Y,
+      unhighlightSeries: B,
+      evChartToolbarRef: j,
+      injectIsChartGroup: c,
+      onClickToolbar: J,
+      normalizedOptions: i,
+      zoomOptions: de(M ?? { zoom: {} }, "zoom")
+    };
+  }
+}, Se = {
+  key: 0,
+  ref: "evChartToolbarRef"
+};
+function ye(o, T, t, s, c, z) {
+  var b;
+  const r = H("ev-chart-toolbar"), p = $("resize");
+  return O(), _(P, null, [
+    (b = s.zoomOptions.toolbar) != null && b.show && !s.injectIsChartGroup ? (O(), _("div", Se, [
+      V(r, {
+        toolbar: s.zoomOptions.toolbar,
+        onOnClickToolbar: s.onClickToolbar
+      }, null, 8, ["toolbar", "onOnClickToolbar"])
+    ], 512)) : ee("", !0),
+    te(ae("div", {
+      ref: "wrapper",
+      style: oe(s.wrapperStyle),
+      class: "ev-chart"
+    }, null, 4), [
+      [p, s.onResize]
+    ])
+  ], 64);
+}
+const xe = /* @__PURE__ */ be(ve, [["render", ye]]);
+export {
+  xe as default
+};

package/dist/components/chart/ChartToolbar.vue.js

@@ -0,0 +1,32 @@
+import { resolveComponent as l, openBlock as t, createElementBlock as c, createElementVNode as n, Fragment as i, renderList as _, createBlock as m, normalizeClass as d } from "vue";
+/* empty css                  */
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "EvChartToolbar",
+  props: {
+    toolbar: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["onClickToolbar"]
+}, f = { class: "ev-chart-toolbar" }, v = { class: "ev-chart-toolbar__icon" };
+function u(r, k, C, $, h, z) {
+  const s = l("ev-icon");
+  return t(), c("div", f, [
+    n("div", v, [
+      (t(!0), c(i, null, _(r.$props.toolbar.items, (e, o) => (t(), m(s, {
+        key: `${o}-${e.icon}`,
+        class: d(o),
+        icon: e.icon,
+        size: e.size,
+        title: e.title,
+        onClick: (a) => r.$emit("onClickToolbar", a, o)
+      }, null, 8, ["class", "icon", "size", "title", "onClick"]))), 128))
+    ])
+  ]);
+}
+const g = /* @__PURE__ */ p(b, [["render", u], ["__scopeId", "data-v-dfbffbab"]]);
+export {
+  g as default
+};