@shjjs/visual-ui 1.0.18 → 1.0.20

package/es/commons/utils/getNextElement.mjs

@@ -0,0 +1,12 @@
+const i = (n, e) => {
+  if (!Array.isArray(n) || !n.length || typeof e != "string")
+    return null;
+  const t = n.indexOf(e);
+  if (t === -1)
+    return null;
+  const l = (t + 1) % n.length;
+  return n[l];
+};
+export {
+  i as getNextElement
+};

package/es/components/chart-bar-animation/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as D } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-animation" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-animation" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -21,25 +22,25 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, l = m, {
-      id: p,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = g(r(t)), s.series = D(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
@@ -51,11 +52,11 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -65,14 +66,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(p),
+    }), (s, t) => (b(), v("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };

package/es/components/chart-bar-basic/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as D } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-basic" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as b, openBlock as v, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-basic" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -21,25 +22,25 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, l = m, {
-      id: p,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = g(r(t)), s.series = D(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
@@ -51,11 +52,11 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -65,14 +66,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(p),
+    }), (s, t) => (v(), b("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };

package/es/components/chart-bar-contrast/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as l, watch as u, createElementBlock as E, openBlock as x, createElementVNode as _, unref as O } from "vue";
-import { cloneDeep as c, isEqual as w } from "lodash";
-import { SHJDatasourceV2 as y } from "../../commons/core/datasource/index.mjs";
-import { useChart as g } from "../../commons/core/useChart.mjs";
-import { parseDataset as D } from "../../commons/utils/parseDataset.mjs";
-const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-contrast" }), z = /* @__PURE__ */ l({
-  ...L,
+import { defineComponent as f, watch as u, createElementBlock as x, openBlock as _, createElementVNode as O, unref as y } from "vue";
+import { cloneDeep as c, isEqual as g } from "lodash";
+import { SHJDatasourceV2 as D } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as k } from "../../commons/core/useChart.mjs";
+import { parseDataset as w } from "../../commons/utils/parseDataset.mjs";
+import { SHJParseEvent as l } from "../../commons/plugins/event/index.mjs";
+const A = { class: "zerov-widget" }, L = ["id"], C = f({ name: "zv-chart-bar-contrast" }), S = /* @__PURE__ */ f({
+  ...C,
   props: {
     basicOption: {},
     sources: {},
@@ -19,37 +20,37 @@ const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-con
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(f, { expose: m, emit: h }) {
-    const e = f, p = h, {
+  setup(m, { expose: p, emit: h }) {
+    const e = m, v = h, {
       id: d,
       setOption: n,
-      chart: v,
+      chart: b,
       renderChart: a,
-      renderData: i
-    } = g({
+      renderData: o
+    } = k({
       basicOption: c(e.basicOption),
       useEvents: c(e.useEvents),
       customRenderData: (r) => {
-        r = c(r), y.parse({
+        r = c(r), D.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), r.dataset = D(c(t)), b(r), n(r);
+              l.parseEvents(e.useEvents, "dataListener", t), r.dataset = w(c(t)), E(r), n(r);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), n(r);
+              l.parseEvents(e.useEvents, "dataListener", null), n(r);
             }
           }
         });
       },
-      emit: p
-    }), b = (r) => {
+      emit: v
+    }), E = (r) => {
       try {
         r.series.forEach((t) => {
           t.label.formatter = (s) => {
-            for (const o in s.value)
-              if (typeof s.value[o] == "number" && s.value[o] < 0)
-                return -s.value[o];
+            for (const i in s.value)
+              if (typeof s.value[i] == "number" && s.value[i] < 0)
+                return -s.value[i];
           };
         }), r.xAxis[0].type === "value" && r.xAxis.forEach((t) => {
           t.axisLabel.formatter = (s) => s < 0 ? -s : s;
@@ -60,32 +61,32 @@ const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-con
       }
     };
     return u(() => e.sources, () => {
-      e.sources && e.sources.length > 0 && i(e.basicOption);
+      e.sources && e.sources.length > 0 && o(e.basicOption);
     }, {
       deep: !0
     }), u(() => c(e.basicOption), (r, t) => {
-      w(r, t) || a(r);
+      g(r, t) || a(r);
     }, {
       deep: !0
-    }), m({
-      getEchartsInstance: () => v.value,
+    }), p({
+      getEchartsInstance: () => b.value,
       refresh: () => {
-        e.sources && e.sources.length > 0 && a(e.basicOption), i(e.basicOption);
+        e.sources && e.sources.length > 0 && a(e.basicOption), o(e.basicOption);
       },
       refreshView: () => {
         e.sources && e.sources.length > 0 && a(e.basicOption);
       },
       refreshData: () => {
-        i(e.basicOption);
+        o(e.basicOption);
       }
-    }), (r, t) => (x(), E("div", k, [
-      _("div", {
-        id: O(d),
+    }), (r, t) => (_(), x("div", A, [
+      O("div", {
+        id: y(d),
         class: "widget"
-      }, null, 8, A)
+      }, null, 8, L)
     ]));
   }
 });
 export {
-  z as default
+  S as default
 };

package/es/components/chart-bar-contrast2/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as i, watch as n, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-contrast2" }), B = /* @__PURE__ */ i({
-  ...x,
+import { defineComponent as u, watch as n, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { SHJParseEvent as i } from "../../commons/plugins/event/index.mjs";
+const w = { class: "zerov-widget" }, x = ["id"], C = u({ name: "zv-chart-bar-contrast2" }), S = /* @__PURE__ */ u({
+  ...C,
   props: {
     basicOption: {},
     sources: {},
@@ -19,25 +20,25 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: p }) {
-    const e = u, l = p, {
-      id: m,
+  setup(p, { expose: d, emit: m }) {
+    const e = p, l = m, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (t) => {
-        t = r(t), O.parse({
+        t = r(t), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: s }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", s), t.dataset = g(r(s)), o(t);
+              i.parseEvents(e.useEvents, "dataListener", s), t.dataset = k(r(s)), o(t);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(t);
+              i.parseEvents(e.useEvents, "dataListener", null), o(t);
             }
           }
         });
@@ -49,11 +50,11 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
     }, {
       deep: !0
     }), n(() => r(e.basicOption), (t, s) => {
-      E(t, s) || c(t);
+      O(t, s) || c(t);
     }, {
       deep: !0
     }), d({
-      getEchartsInstance: () => h.value,
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -63,14 +64,14 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (t, s) => (b(), f("div", D, [
-      v("div", {
-        id: _(m),
+    }), (t, s) => (b(), v("div", w, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, k)
+      }, null, 8, x)
     ]));
   }
 });
 export {
-  B as default
+  S as default
 };

package/es/components/chart-bar-contrast3/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as D } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as g } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-contrast3" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as D } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as g } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-contrast3" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -20,41 +21,41 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-con
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, p = m, {
-      id: l,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = g({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), D.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = D(r(t)), s.series = g(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
       },
-      emit: p
+      emit: l
     });
     return i(() => e.sources, () => {
       a(e.basicOption);
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -64,14 +65,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-con
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(l),
+    }), (s, t) => (b(), v("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };

package/es/components/chart-bar-gradient-column-chart/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as D } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-gradient-column-chart" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-gradient-column-chart" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -20,25 +21,25 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-gra
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, l = m, {
-      id: p,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = g(r(t)), s.series = D(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
@@ -50,11 +51,11 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-gra
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -64,14 +65,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-gra
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(p),
+    }), (s, t) => (b(), v("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };