@shjjs/visual-ui 1.0.31 → 1.0.32

package/es/components/chart/commons/components/common-chart/index.vue.mjs

@@ -1,70 +1,86 @@
-import { defineComponent as h, createElementBlock as f, openBlock as v, createElementVNode as E, unref as _ } from "vue";
-import { cloneDeep as s } from "lodash";
-import { useCommonChart as D } from "./hooks/useCommonChart.mjs";
-import { SHJDatasourceV2 as k } from "../../../../../commons/plugins/datasource/index.mjs";
-import { useChart as x } from "../../hooks/useChart.mjs";
-import { parseDataset as C } from "../../../../../commons/utils/parseDataset.mjs";
-import { cloneSeries as L } from "../../../../../commons/utils/cloneSeries.mjs";
-import { SHJParseEvent as c } from "../../../../../commons/plugins/event/index.mjs";
-const S = { class: "zerov-widget" }, w = ["id"], M = /* @__PURE__ */ h({
-  __name: "index",
-  props: {
-    option: {},
-    sources: {},
-    useEvents: {},
-    uuid: {},
-    isMultiSeries: { type: Boolean },
-    customRenderData: { type: Function }
-  },
-  emits: ["dataListener", "chart-click", "chart-dblclick", "chart-mousedown", "chart-mouseover", "chart-mouseout", "chart-contextmenu"],
-  setup(u, { expose: m, emit: d }) {
-    const e = u, o = d, {
-      id: p,
-      setOption: n,
-      chart: l,
-      renderChart: a,
-      renderData: i
-    } = x({
-      basicOption: s(e.option),
-      useEvents: s(e.useEvents),
-      customRenderData: (t) => {
-        t = s(t), k.parse({
-          tId: e.uuid,
-          sources: e.sources,
-          callback: ({ data: r }) => {
-            try {
-              if (o("dataListener", r), c.parseEvents(e.useEvents, "dataListener", r), e.customRenderData) {
-                e.customRenderData(t, r, n);
-                return;
-              }
-              t.dataset = C(s(r)), e.isMultiSeries && (t.series = L(r, t.series)), n(t);
-            } catch {
-              o("dataListener", null), c.parseEvents(e.useEvents, "dataListener", null), n(t);
-            }
-          }
-        });
-      },
-      emits: o
-    });
-    return D(e, i, a), m({
-      getEchartsInstance: () => l.value,
-      refresh: () => {
-        i(e.option), a(e.option);
-      },
-      refreshView: () => {
-        a(e.option);
-      },
-      refreshData: () => {
-        i(e.option);
-      }
-    }), (t, r) => (v(), f("div", S, [
-      E("div", {
-        id: _(p),
-        class: "widget"
-      }, null, 8, w)
-    ]));
-  }
-});
-export {
-  M as default
-};
+import { defineComponent as f, createElementBlock as h, openBlock as v, createElementVNode as D, unref as E } from "vue";
+import { cloneDeep as s } from "lodash";
+import { useCommonChart as _ } from "./hooks/useCommonChart.mjs";
+import { SHJDatasourceV2 as S } from "../../../../../commons/plugins/datasource/index.mjs";
+import { useChart as k } from "../../hooks/useChart.mjs";
+import { parseDataset as x } from "../../../../../commons/utils/parseDataset.mjs";
+import { parseScatterData as y } from "../../../../../commons/utils/parseScatterData.mjs";
+import { parseOtherData as B } from "../../../../../commons/utils/parseOtherData.mjs";
+import { cloneSeries as C } from "../../../../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as c } from "../../../../../commons/plugins/event/index.mjs";
+const L = { class: "zerov-widget" }, O = ["id"], F = /* @__PURE__ */ f({
+  __name: "index",
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {},
+    isMultiSeries: { type: Boolean },
+    customRenderData: { type: Function },
+    isParseScatter: { type: Boolean },
+    isParseOther: { type: Boolean }
+  },
+  emits: [
+    "dataListener",
+    "chart-click",
+    "chart-dblclick",
+    "chart-mousedown",
+    "chart-mouseover",
+    "chart-mouseout",
+    "chart-contextmenu"
+  ],
+  setup(m, { expose: u, emit: p }) {
+    const e = m, o = p, {
+      id: l,
+      setOption: a,
+      chart: d,
+      renderChart: n,
+      renderData: i
+    } = k({
+      basicOption: s(e.option),
+      useEvents: s(e.useEvents),
+      customRenderData: (t) => {
+        t = s(t), S.parse({
+          tId: e.uuid,
+          sources: e.sources,
+          callback: ({ data: r }) => {
+            try {
+              if (o("dataListener", r), c.parseEvents(e.useEvents, "dataListener", r), e.customRenderData) {
+                e.customRenderData(t, r, a);
+                return;
+              }
+              if (e.isParseOther) {
+                a(B(r, t));
+                return;
+              }
+              e.isParseScatter ? t.dataset = y(s(r)) : t.dataset = x(s(r)), e.isMultiSeries && (t.series = C(r, t.series)), a(t);
+            } catch {
+              o("dataListener", null), c.parseEvents(e.useEvents, "dataListener", null), a(t);
+            }
+          }
+        });
+      },
+      emits: o
+    });
+    return _(e, i, n), u({
+      getEchartsInstance: () => d.value,
+      refresh: () => {
+        i(e.option), n(e.option);
+      },
+      refreshView: () => {
+        n(e.option);
+      },
+      refreshData: () => {
+        i(e.option);
+      }
+    }), (t, r) => (v(), h("div", L, [
+      D("div", {
+        id: E(l),
+        class: "widget"
+      }, null, 8, O)
+    ]));
+  }
+});
+export {
+  F as default
+};

package/es/components/chart/commons/components/common-chart-map/hooks/useCommonChart.mjs

@@ -1,16 +1,16 @@
-import { watch as t } from "vue";
-import { cloneDeep as u, isEqual as m } from "lodash";
-const f = (e, r, c, n) => {
-  t(() => e.sources, () => {
-    e.sources && e.sources.length > 0 && r(e.option);
-  }, {
-    deep: !0
-  }), t(() => u(e.option), (o, i) => {
-    m(o, i) || c(o);
-  }, {
-    deep: !0
-  });
-};
-export {
-  f as useCommonChart
-};
+import { watch as t } from "vue";
+import { cloneDeep as u, isEqual as m } from "lodash";
+const f = (e, r, c, n) => {
+  t(() => e.sources, () => {
+    e.sources && e.sources.length > 0 && r(e.option);
+  }, {
+    deep: !0
+  }), t(() => u(e.option), (o, i) => {
+    m(o, i) || c(o);
+  }, {
+    deep: !0
+  });
+};
+export {
+  f as useCommonChart
+};

package/es/components/chart/commons/components/common-chart-map/index.vue.mjs

@@ -1,64 +1,64 @@
-import { defineComponent as v, createElementBlock as E, openBlock as _, createElementVNode as k, unref as x } from "vue";
-import { cloneDeep as c } from "lodash";
-import { useCommonChart as C } from "./hooks/useCommonChart.mjs";
-import { SHJDatasourceV2 as D } from "../../../../../commons/plugins/datasource/index.mjs";
-import { useChart as L } from "../../hooks/useChart.mjs";
-import { SHJParseEvent as d } from "../../../../../commons/plugins/event/index.mjs";
-const w = { class: "zerov-widget" }, b = ["id"], J = /* @__PURE__ */ v({
-  __name: "index",
-  props: {
-    option: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: ["dataListener", "chart-click", "chart-dblclick", "chart-mousedown", "chart-mouseover", "chart-mouseout", "chart-contextmenu"],
-  setup(u, { expose: m, emit: p }) {
-    const e = u, s = p, {
-      id: h,
-      setOption: i,
-      chart: l,
-      renderChart: a,
-      renderData: o
-    } = L({
-      basicOption: c(e.option),
-      useEvents: c(e.useEvents),
-      customRenderData: (t) => {
-        t = c(t), D.parse({
-          tId: e.uuid,
-          sources: e.sources,
-          callback: (r) => {
-            try {
-              s("dataListener", r.data), d.parseEvents(e.useEvents, "dataListener", r.data);
-              const n = t.series.find((f) => f._sourceId === r.id);
-              n && (n.data = r.data[0].data), i(t);
-            } catch {
-              s("dataListener", null), d.parseEvents(e.useEvents, "dataListener", null), i(t);
-            }
-          }
-        });
-      },
-      emits: s
-    });
-    return C(e, o, a), m({
-      getEchartsInstance: () => l.value,
-      refresh: () => {
-        o(e.option), a(e.option);
-      },
-      refreshView: () => {
-        a(e.option);
-      },
-      refreshData: () => {
-        o(e.option);
-      }
-    }), (t, r) => (_(), E("div", w, [
-      k("div", {
-        id: x(h),
-        class: "widget"
-      }, null, 8, b)
-    ]));
-  }
-});
-export {
-  J as default
-};
+import { defineComponent as v, createElementBlock as E, openBlock as _, createElementVNode as k, unref as x } from "vue";
+import { cloneDeep as c } from "lodash";
+import { useCommonChart as C } from "./hooks/useCommonChart.mjs";
+import { SHJDatasourceV2 as D } from "../../../../../commons/plugins/datasource/index.mjs";
+import { useChart as L } from "../../hooks/useChart.mjs";
+import { SHJParseEvent as d } from "../../../../../commons/plugins/event/index.mjs";
+const w = { class: "zerov-widget" }, b = ["id"], J = /* @__PURE__ */ v({
+  __name: "index",
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["dataListener", "chart-click", "chart-dblclick", "chart-mousedown", "chart-mouseover", "chart-mouseout", "chart-contextmenu"],
+  setup(u, { expose: m, emit: p }) {
+    const e = u, s = p, {
+      id: h,
+      setOption: i,
+      chart: l,
+      renderChart: a,
+      renderData: o
+    } = L({
+      basicOption: c(e.option),
+      useEvents: c(e.useEvents),
+      customRenderData: (t) => {
+        t = c(t), D.parse({
+          tId: e.uuid,
+          sources: e.sources,
+          callback: (r) => {
+            try {
+              s("dataListener", r.data), d.parseEvents(e.useEvents, "dataListener", r.data);
+              const n = t.series.find((f) => f._sourceId === r.id);
+              n && (n.data = r.data[0].data), i(t);
+            } catch {
+              s("dataListener", null), d.parseEvents(e.useEvents, "dataListener", null), i(t);
+            }
+          }
+        });
+      },
+      emits: s
+    });
+    return C(e, o, a), m({
+      getEchartsInstance: () => l.value,
+      refresh: () => {
+        o(e.option), a(e.option);
+      },
+      refreshView: () => {
+        a(e.option);
+      },
+      refreshData: () => {
+        o(e.option);
+      }
+    }), (t, r) => (_(), E("div", w, [
+      k("div", {
+        id: x(h),
+        class: "widget"
+      }, null, 8, b)
+    ]));
+  }
+});
+export {
+  J as default
+};

package/es/components/chart/commons/hooks/useChart.mjs

@@ -1,131 +1,131 @@
-import { ref as g, shallowRef as O, onMounted as b, onBeforeUnmount as k } from "vue";
-import { useResizeObserver as D } from "@vueuse/core";
-import { debounce as M, cloneDeep as L, isArray as n } from "lodash";
-import T from "is-electron";
-import * as h from "echarts";
-import { nanoid as x } from "nanoid";
-import "echarts-wordcloud";
-import "echarts-liquidfill";
-import { SHJParseEvent as m } from "../../../../commons/plugins/event/index.mjs";
-import { HoverLoop as Z } from "../utils/hoverLoop.mjs";
-const z = (l) => {
-  const e = [];
-  l.geo && (n(l.geo) ? e.push(...l.geo.map((r) => r.map)) : e.push(l.geo.map)), l.series && n(l.series) && l.series.forEach((r) => {
-    r.map && e.push(r.map);
-  });
-  const p = e.map((r) => {
-    if (r === "customize")
-      if (n(l.geo)) {
-        const c = JSON.parse(l.geo.find((f) => f.map === "customize").geoData);
-        return h.registerMap(r, c);
-      } else {
-        const c = JSON.parse(l.geo.geoData);
-        return h.registerMap(r, c);
-      }
-    else
-      return fetch((T() ? "gismap/" : "/gismap/") + r + ".json").then((c) => c.json()).then((c) => {
-        h.registerMap(r, c);
-      }).catch((c) => {
-      });
-  });
-  return Promise.all(p);
-}, B = async (l) => {
-  l.bmap && await import(
-    /* @vite-ignore */
-    "echarts/extension/bmap/bmap"
-  );
-}, U = ({ basicOption: l, useEvents: e, customRenderData: p, emits: r }) => {
-  const c = x(), f = g(!0), t = O(null), w = p, u = g(null), i = g(null), I = (s, S) => {
-    try {
-      t.value || (t.value = h.init(document.getElementById(c), null, { renderer: S || "svg" }));
-      const o = L(s);
-      if (o) {
-        if (o.tooltip && o.tooltip.isFormatter) {
-          let a = `
-                    ${o.tooltip.formatterCode}
-        
-                    // 在这里调用 filter 函数，并传递 data 参数
-                    return custom(params);
-                `;
-          a = a.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), o.tooltip.formatter = (v) => {
-            try {
-              return new Function("params", a)(v);
-            } catch {
-              return "";
-            }
-          };
-        }
-        if (t.value.setOption(o, !0), o.hoverLoop)
-          if (i.value && clearInterval(i.value), u.value && u.value.closeSwitchTooltip(), o.hoverLoop.type === "方式二") {
-            let a = 0;
-            o.dataset && o.dataset.source && (a = o.dataset.source.length), o.series[0] && o.series[0].data && (a = o.series[0].data.length);
-            const v = o.dataZoom[0].endValue, d = o.dataZoom[0].startValue, V = () => {
-              i.value = setInterval(() => {
-                o.dataZoom[0].endValue > a - 2 ? (o.dataZoom[0].endValue = v, o.dataZoom[0].startValue = d) : (o.dataZoom[0].endValue = o.dataZoom[0].endValue + 1, o.dataZoom[0].startValue = o.dataZoom[0].startValue + 1), t.value.setOption(o);
-              }, o.hoverLoop.delay2);
-            };
-            t.value.on("mousemove", function() {
-              i.value && clearInterval(i.value);
-            }), t.value.on("mouseout", function() {
-              i.value && clearInterval(i.value), V();
-            }), V();
-          } else o.hoverLoop.type === "方式一" && (t.value.on("mousemove", function() {
-            u.value && u.value.closeSwitchTooltip();
-          }), t.value.on("mouseout", function() {
-            u.value && u.value.closeSwitchTooltip(), u.value = new Z(t.value, o);
-          }), u.value = new Z(t.value, o));
-        else
-          i.value && clearInterval(i.value), u.value && u.value.closeSwitchTooltip();
-        t.value.on("click", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-click", a), m.parseEvents(e, "chart-click", a));
-        }), t.value.on("dblclick", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-dblclick", a), m.parseEvents(e, "chart-dblclick", a));
-        }), t.value.on("mousedown", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-mousedown", a), m.parseEvents(e, "chart-mousedown", a));
-        }), t.value.on("mouseup", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseup", a), m.parseEvents(e, "chart-mouseup", a));
-        }), t.value.on("mouseover", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseover", a), m.parseEvents(e, "chart-mouseover", a));
-        }), t.value.on("mouseout", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseout", a), m.parseEvents(e, "chart-mouseout", a));
-        }), t.value.on("contextmenu", (a) => {
-          e && n(e) && e.length > 0 && (r("chart-contextmenu", a), m.parseEvents(e, "chart-contextmenu", a));
-        }), f.value = !1;
-      }
-    } catch {
-      try {
-        t.value.dispose();
-      } catch {
-      }
-      t.value = null;
-    }
-  }, y = M((s) => {
-    f.value = !0, s = L(s), z(s).then(() => {
-      B(s).then(() => {
-        w(s);
-      });
-    }).catch((S) => {
-    });
-  }, 100);
-  return b(() => {
-    y(l), D(document.getElementById(c), (s) => {
-      t.value && t.value.resize();
-    });
-  }), k(() => {
-    u.value && u.value.closeSwitchTooltip(), i.value && clearInterval(i.value);
-    try {
-      t.value && t.value.dispose();
-    } catch {
-    }
-  }), {
-    id: c,
-    status: f,
-    chart: t,
-    setOption: I,
-    renderChart: y,
-    renderData: w
-  };
-};
-export {
-  U as useChart
-};
+import { ref as g, shallowRef as O, onMounted as b, onBeforeUnmount as k } from "vue";
+import { useResizeObserver as D } from "@vueuse/core";
+import { debounce as M, cloneDeep as L, isArray as n } from "lodash";
+import T from "is-electron";
+import * as h from "echarts";
+import { nanoid as x } from "nanoid";
+import "echarts-wordcloud";
+import "echarts-liquidfill";
+import { SHJParseEvent as m } from "../../../../commons/plugins/event/index.mjs";
+import { HoverLoop as Z } from "../utils/hoverLoop.mjs";
+const z = (l) => {
+  const e = [];
+  l.geo && (n(l.geo) ? e.push(...l.geo.map((r) => r.map)) : e.push(l.geo.map)), l.series && n(l.series) && l.series.forEach((r) => {
+    r.map && e.push(r.map);
+  });
+  const p = e.map((r) => {
+    if (r === "customize")
+      if (n(l.geo)) {
+        const c = JSON.parse(l.geo.find((f) => f.map === "customize").geoData);
+        return h.registerMap(r, c);
+      } else {
+        const c = JSON.parse(l.geo.geoData);
+        return h.registerMap(r, c);
+      }
+    else
+      return fetch((T() ? "gismap/" : "/gismap/") + r + ".json").then((c) => c.json()).then((c) => {
+        h.registerMap(r, c);
+      }).catch((c) => {
+      });
+  });
+  return Promise.all(p);
+}, B = async (l) => {
+  l.bmap && await import(
+    /* @vite-ignore */
+    "echarts/extension/bmap/bmap"
+  );
+}, U = ({ basicOption: l, useEvents: e, customRenderData: p, emits: r }) => {
+  const c = x(), f = g(!0), t = O(null), w = p, u = g(null), i = g(null), I = (s, S) => {
+    try {
+      t.value || (t.value = h.init(document.getElementById(c), null, { renderer: S || "svg" }));
+      const o = L(s);
+      if (o) {
+        if (o.tooltip && o.tooltip.isFormatter) {
+          let a = `
+                    ${o.tooltip.formatterCode}
+        
+                    // 在这里调用 filter 函数，并传递 data 参数
+                    return custom(params);
+                `;
+          a = a.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), o.tooltip.formatter = (v) => {
+            try {
+              return new Function("params", a)(v);
+            } catch {
+              return "";
+            }
+          };
+        }
+        if (t.value.setOption(o, !0), o.hoverLoop)
+          if (i.value && clearInterval(i.value), u.value && u.value.closeSwitchTooltip(), o.hoverLoop.type === "方式二") {
+            let a = 0;
+            o.dataset && o.dataset.source && (a = o.dataset.source.length), o.series[0] && o.series[0].data && (a = o.series[0].data.length);
+            const v = o.dataZoom[0].endValue, d = o.dataZoom[0].startValue, V = () => {
+              i.value = setInterval(() => {
+                o.dataZoom[0].endValue > a - 2 ? (o.dataZoom[0].endValue = v, o.dataZoom[0].startValue = d) : (o.dataZoom[0].endValue = o.dataZoom[0].endValue + 1, o.dataZoom[0].startValue = o.dataZoom[0].startValue + 1), t.value.setOption(o);
+              }, o.hoverLoop.delay2);
+            };
+            t.value.on("mousemove", function() {
+              i.value && clearInterval(i.value);
+            }), t.value.on("mouseout", function() {
+              i.value && clearInterval(i.value), V();
+            }), V();
+          } else o.hoverLoop.type === "方式一" && (t.value.on("mousemove", function() {
+            u.value && u.value.closeSwitchTooltip();
+          }), t.value.on("mouseout", function() {
+            u.value && u.value.closeSwitchTooltip(), u.value = new Z(t.value, o);
+          }), u.value = new Z(t.value, o));
+        else
+          i.value && clearInterval(i.value), u.value && u.value.closeSwitchTooltip();
+        t.value.on("click", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-click", a), m.parseEvents(e, "chart-click", a));
+        }), t.value.on("dblclick", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-dblclick", a), m.parseEvents(e, "chart-dblclick", a));
+        }), t.value.on("mousedown", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-mousedown", a), m.parseEvents(e, "chart-mousedown", a));
+        }), t.value.on("mouseup", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-mouseup", a), m.parseEvents(e, "chart-mouseup", a));
+        }), t.value.on("mouseover", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-mouseover", a), m.parseEvents(e, "chart-mouseover", a));
+        }), t.value.on("mouseout", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-mouseout", a), m.parseEvents(e, "chart-mouseout", a));
+        }), t.value.on("contextmenu", (a) => {
+          e && n(e) && e.length > 0 && (r("chart-contextmenu", a), m.parseEvents(e, "chart-contextmenu", a));
+        }), f.value = !1;
+      }
+    } catch {
+      try {
+        t.value.dispose();
+      } catch {
+      }
+      t.value = null;
+    }
+  }, y = M((s) => {
+    f.value = !0, s = L(s), z(s).then(() => {
+      B(s).then(() => {
+        w(s);
+      });
+    }).catch((S) => {
+    });
+  }, 100);
+  return b(() => {
+    y(l), D(document.getElementById(c), (s) => {
+      t.value && t.value.resize();
+    });
+  }), k(() => {
+    u.value && u.value.closeSwitchTooltip(), i.value && clearInterval(i.value);
+    try {
+      t.value && t.value.dispose();
+    } catch {
+    }
+  }), {
+    id: c,
+    status: f,
+    chart: t,
+    setOption: I,
+    renderChart: y,
+    renderData: w
+  };
+};
+export {
+  U as useChart
+};