@shjjs/visual-ui 1.0.30 → 1.0.31

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

@@ -1,12 +1,12 @@
-import { defineComponent as p, createElementBlock as f, openBlock as h, createElementVNode as v, unref as E } from "vue";
+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 _ } from "./hooks/useCommonChart.mjs";
-import { SHJDatasourceV2 as D } from "../../../../../commons/plugins/datasource/index.mjs";
-import { useChart as k } from "../../hooks/useChart.mjs";
+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 n } from "../../../../../commons/plugins/event/index.mjs";
-const S = { class: "zerov-widget" }, x = ["id"], O = /* @__PURE__ */ p({
+import { SHJParseEvent as c } from "../../../../../commons/plugins/event/index.mjs";
+const S = { class: "zerov-widget" }, w = ["id"], M = /* @__PURE__ */ h({
   __name: "index",
   props: {
     option: {},
@@ -17,43 +17,54 @@ const S = { class: "zerov-widget" }, x = ["id"], O = /* @__PURE__ */ p({
     customRenderData: { type: Function }
   },
   emits: ["dataListener", "chart-click", "chart-dblclick", "chart-mousedown", "chart-mouseover", "chart-mouseout", "chart-contextmenu"],
-  setup(c, { emit: i }) {
-    const e = c, o = i, {
-      id: u,
-      setOption: a,
-      chart: m,
-      renderChart: d,
-      renderData: l
-    } = k({
+  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), D.parse({
+        t = s(t), k.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: r }) => {
             try {
-              if (o("dataListener", r), n.parseEvents(e.useEvents, "dataListener", r), e.customRenderData) {
-                e.customRenderData(t, r, a);
+              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)), a(t);
+              t.dataset = C(s(r)), e.isMultiSeries && (t.series = L(r, t.series)), n(t);
             } catch {
-              o("dataListener", null), n.parseEvents(e.useEvents, "dataListener", null), a(t);
+              o("dataListener", null), c.parseEvents(e.useEvents, "dataListener", null), n(t);
             }
           }
         });
       },
       emits: o
     });
-    return _(e, l, d, m), (t, r) => (h(), f("div", S, [
-      v("div", {
-        id: E(u),
+    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, x)
+      }, null, 8, w)
     ]));
   }
 });
 export {
-  O as default
+  M as default
 };

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

@@ -1,27 +1,16 @@
-import { watch as u, defineExpose as f } from "vue";
-import { cloneDeep as s, isEqual as h } from "lodash";
-const a = (e, o, t, c) => {
-  u(() => e.sources, () => {
-    e.sources && e.sources.length > 0 && o(e.option);
+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
-  }), u(() => s(e.option), (r, n) => {
-    h(r, n) || t(r);
+  }), t(() => u(e.option), (o, i) => {
+    m(o, i) || c(o);
   }, {
     deep: !0
-  }), f({
-    getEchartsInstance: () => c.value,
-    refresh: () => {
-      e.sources && e.sources.length > 0 && o(e.option), t(e.option);
-    },
-    refreshView: () => {
-      t(e.option);
-    },
-    refreshData: () => {
-      o(e.option);
-    }
   });
 };
 export {
-  a as useCommonChart
+  f as useCommonChart
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as f, createElementBlock as v, openBlock as _, createElementVNode as E, unref as k } from "vue";
-import { cloneDeep as o } from "lodash";
+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 L } from "../../../../../commons/plugins/datasource/index.mjs";
-import { useChart as x } from "../../hooks/useChart.mjs";
-import { SHJParseEvent as c } from "../../../../../commons/plugins/event/index.mjs";
-const D = { class: "zerov-widget" }, b = ["id"], J = /* @__PURE__ */ f({
+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: {},
@@ -13,36 +13,47 @@ const D = { class: "zerov-widget" }, b = ["id"], J = /* @__PURE__ */ f({
     uuid: {}
   },
   emits: ["dataListener", "chart-click", "chart-dblclick", "chart-mousedown", "chart-mouseover", "chart-mouseout", "chart-contextmenu"],
-  setup(i, { emit: d }) {
-    const e = i, s = d, {
-      id: u,
-      setOption: n,
-      chart: m,
-      renderChart: p,
-      renderData: l
-    } = x({
-      basicOption: o(e.option),
-      useEvents: o(e.useEvents),
+  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 = o(t), L.parse({
+        t = c(t), D.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: (r) => {
             try {
-              s("dataListener", r.data), c.parseEvents(e.useEvents, "dataListener", r.data);
-              const a = t.series.find((h) => h._sourceId === r.id);
-              a && (a.data = r.data[0].data), n(t);
+              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), c.parseEvents(e.useEvents, "dataListener", null), n(t);
+              s("dataListener", null), d.parseEvents(e.useEvents, "dataListener", null), i(t);
             }
           }
         });
       },
       emits: s
     });
-    return C(e, l, p, m), (t, r) => (_(), v("div", D, [
-      E("div", {
-        id: k(u),
+    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)
     ]));

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

@@ -1,81 +1,96 @@
-import { ref as p, shallowRef as O, onMounted as b, onBeforeUnmount as k } from "vue";
+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 y, isArray as n } from "lodash";
+import { debounce as M, cloneDeep as L, isArray as n } from "lodash";
 import T from "is-electron";
-import * as m from "echarts";
+import * as h from "echarts";
 import { nanoid as x } from "nanoid";
 import "echarts-wordcloud";
 import "echarts-liquidfill";
-import { SHJParseEvent as f } from "../../../../commons/plugins/event/index.mjs";
-import { HoverLoop as L } from "../utils/hoverLoop.mjs";
+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 v = e.map((r) => {
+  const p = e.map((r) => {
     if (r === "customize")
       if (n(l.geo)) {
-        const c = JSON.parse(l.geo.find((h) => h.map === "customize").geoData);
-        return m.registerMap(r, c);
+        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 m.registerMap(r, c);
+        return h.registerMap(r, c);
       }
     else
       return fetch((T() ? "gismap/" : "/gismap/") + r + ".json").then((c) => c.json()).then((c) => {
-        m.registerMap(r, c);
+        h.registerMap(r, c);
       }).catch((c) => {
       });
   });
-  return Promise.all(v);
+  return Promise.all(p);
 }, B = async (l) => {
   l.bmap && await import(
     /* @vite-ignore */
     "echarts/extension/bmap/bmap"
   );
-}, _ = ({ basicOption: l, useEvents: e, customRenderData: v, emits: r }) => {
-  const c = x(), h = p(!0), t = O(null), d = v, u = p(null), i = p(null), S = (s, w) => {
+}, 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 = m.init(document.getElementById(c), null, { renderer: w || "svg" }));
-      const a = y(s);
-      if (a) {
-        if (t.value.setOption(a, !0), a.hoverLoop)
-          if (i.value && clearInterval(i.value), u.value && u.value.closeSwitchTooltip(), a.hoverLoop.type === "方式二") {
-            let o = 0;
-            a.dataset && a.dataset.source && (o = a.dataset.source.length), a.series[0] && a.series[0].data && (o = a.series[0].data.length);
-            const Z = a.dataZoom[0].endValue, I = a.dataZoom[0].startValue, V = () => {
+      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(() => {
-                a.dataZoom[0].endValue > o - 2 ? (a.dataZoom[0].endValue = Z, a.dataZoom[0].startValue = I) : (a.dataZoom[0].endValue = a.dataZoom[0].endValue + 1, a.dataZoom[0].startValue = a.dataZoom[0].startValue + 1), t.value.setOption(a);
-              }, a.hoverLoop.delay2);
+                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 a.hoverLoop.type === "方式一" && (t.value.on("mousemove", function() {
+          } 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 L(t.value, a);
-          }), u.value = new L(t.value, a));
+            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", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-click", o), f.parseEvents(e, "chart-click", o));
-        }), t.value.on("dblclick", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-dblclick", o), f.parseEvents(e, "chart-dblclick", o));
-        }), t.value.on("mousedown", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-mousedown", o), f.parseEvents(e, "chart-mousedown", o));
-        }), t.value.on("mouseup", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseup", o), f.parseEvents(e, "chart-mouseup", o));
-        }), t.value.on("mouseover", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseover", o), f.parseEvents(e, "chart-mouseover", o));
-        }), t.value.on("mouseout", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-mouseout", o), f.parseEvents(e, "chart-mouseout", o));
-        }), t.value.on("contextmenu", (o) => {
-          e && n(e) && e.length > 0 && (r("chart-contextmenu", o), f.parseEvents(e, "chart-contextmenu", o));
-        }), h.value = !1;
+        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 {
@@ -84,16 +99,16 @@ const z = (l) => {
       }
       t.value = null;
     }
-  }, g = M((s) => {
-    h.value = !0, s = y(s), z(s).then(() => {
+  }, y = M((s) => {
+    f.value = !0, s = L(s), z(s).then(() => {
       B(s).then(() => {
-        d(s);
+        w(s);
       });
-    }).catch((w) => {
+    }).catch((S) => {
     });
   }, 100);
   return b(() => {
-    g(l), D(document.getElementById(c), (s) => {
+    y(l), D(document.getElementById(c), (s) => {
       t.value && t.value.resize();
     });
   }), k(() => {
@@ -104,13 +119,13 @@ const z = (l) => {
     }
   }), {
     id: c,
-    status: h,
+    status: f,
     chart: t,
-    setOption: S,
-    renderChart: g,
-    renderData: d
+    setOption: I,
+    renderChart: y,
+    renderData: w
   };
 };
 export {
-  _ as useChart
+  U as useChart
 };

package/es/components/chart/components/bar/animation/index.d.ts

@@ -16,6 +16,7 @@ export declare const ZvChartBarAnimation: import("../../../../../commons/utils/t
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

package/es/components/chart/components/bar/animation/index.vue.d.ts

@@ -16,6 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

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

@@ -1,15 +1,35 @@
-import { defineComponent as s, createBlock as o, openBlock as u, mergeProps as r } from "vue";
-import n from "../../../commons/components/common-chart/index.vue.mjs";
-const t = s({ name: "zv-chart-bar-animation" }), m = /* @__PURE__ */ s({
-  ...t,
+import { defineComponent as r, ref as o, createBlock as n, openBlock as u, mergeProps as a } from "vue";
+import i from "../../../commons/components/common-chart/index.vue.mjs";
+const c = r({ name: "zv-chart-bar-animation" }), h = /* @__PURE__ */ r({
+  ...c,
   props: {
     basicOption: {},
     sources: {},
     useEvents: {},
     uuid: {}
   },
-  setup(i) {
-    return (e, a) => (u(), o(n, r({
+  setup(f, { expose: t }) {
+    const s = o();
+    return t({
+      getEchartsInstance: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.getEchartsInstance();
+      },
+      refresh: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refresh();
+      },
+      refreshView: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshView();
+      },
+      refreshData: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshData();
+      }
+    }), (e, p) => (u(), n(i, a({
+      ref_key: "componentRef",
+      ref: s,
       option: e.basicOption,
       sources: e.sources,
       "use-events": e.useEvents,
@@ -19,5 +39,5 @@ const t = s({ name: "zv-chart-bar-animation" }), m = /* @__PURE__ */ s({
   }
 });
 export {
-  m as default
+  h as default
 };

package/es/components/chart/components/bar/basic/index.d.ts

@@ -16,6 +16,7 @@ export declare const ZvChartBarBasic: import("../../../../../commons/utils/types
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

package/es/components/chart/components/bar/basic/index.vue.d.ts

@@ -16,6 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

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

@@ -1,15 +1,35 @@
-import { defineComponent as s, createBlock as o, openBlock as u, mergeProps as r } from "vue";
-import t from "../../../commons/components/common-chart/index.vue.mjs";
-const n = s({ name: "zv-chart-bar-basic" }), m = /* @__PURE__ */ s({
-  ...n,
+import { defineComponent as r, ref as o, createBlock as n, openBlock as u, mergeProps as a } from "vue";
+import i from "../../../commons/components/common-chart/index.vue.mjs";
+const c = r({ name: "zv-chart-bar-basic" }), h = /* @__PURE__ */ r({
+  ...c,
   props: {
     basicOption: {},
     sources: {},
     useEvents: {},
     uuid: {}
   },
-  setup(i) {
-    return (e, p) => (u(), o(t, r({
+  setup(f, { expose: t }) {
+    const s = o();
+    return t({
+      getEchartsInstance: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.getEchartsInstance();
+      },
+      refresh: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refresh();
+      },
+      refreshView: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshView();
+      },
+      refreshData: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshData();
+      }
+    }), (e, p) => (u(), n(i, a({
+      ref_key: "componentRef",
+      ref: s,
       option: e.basicOption,
       sources: e.sources,
       "use-events": e.useEvents,
@@ -19,5 +39,5 @@ const n = s({ name: "zv-chart-bar-basic" }), m = /* @__PURE__ */ s({
   }
 });
 export {
-  m as default
+  h as default
 };

package/es/components/chart/components/bar/contrast/index.d.ts

@@ -16,6 +16,7 @@ export declare const ZvChartBarContrast: import("../../../../../commons/utils/ty
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

package/es/components/chart/components/bar/contrast/index.vue.d.ts

@@ -16,6 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

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

@@ -1,15 +1,35 @@
-import { defineComponent as s, createBlock as o, openBlock as r, mergeProps as u } from "vue";
-import t from "../../../commons/components/common-chart/index.vue.mjs";
-const n = s({ name: "zv-chart-bar-contrast" }), m = /* @__PURE__ */ s({
-  ...n,
+import { defineComponent as r, ref as o, createBlock as n, openBlock as u, mergeProps as a } from "vue";
+import c from "../../../commons/components/common-chart/index.vue.mjs";
+const i = r({ name: "zv-chart-bar-contrast" }), h = /* @__PURE__ */ r({
+  ...i,
   props: {
     basicOption: {},
     sources: {},
     useEvents: {},
     uuid: {}
   },
-  setup(i) {
-    return (e, p) => (r(), o(t, u({
+  setup(f, { expose: t }) {
+    const s = o();
+    return t({
+      getEchartsInstance: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.getEchartsInstance();
+      },
+      refresh: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refresh();
+      },
+      refreshView: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshView();
+      },
+      refreshData: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshData();
+      }
+    }), (e, p) => (u(), n(c, a({
+      ref_key: "componentRef",
+      ref: s,
       option: e.basicOption,
       sources: e.sources,
       "use-events": e.useEvents,
@@ -19,5 +39,5 @@ const n = s({ name: "zv-chart-bar-contrast" }), m = /* @__PURE__ */ s({
   }
 });
 export {
-  m as default
+  h as default
 };

package/es/components/chart/components/bar/contrast2/index.d.ts

@@ -16,6 +16,7 @@ export declare const ZvChartBarContrast2: import("../../../../../commons/utils/t
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;

package/es/components/chart/components/bar/contrast2/index.vue.d.ts

@@ -16,6 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    componentRef: import("vue").Ref<any>;
     CommonChart: import("vue").DefineComponent<{
         option: {
             type: any;