@idux/charts-core 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @idux/charts-core
 
+## 0.4.1
+
+### Patch Changes
+
+- 84c8aeb: the listeners not work in vue2.x
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/composables/useChart.d.ts

@@ -2,7 +2,7 @@ import { type Ref, type ShallowRef } from 'vue-demi';
 import { type EChartsType } from 'echarts/core';
 import { type ChartProps } from '../types';
 export type MaybeRef<T> = T | Ref<T>;
-export declare function useChart<U extends ChartProps>(options: MaybeRef<U>): {
+export declare function useChart<U extends ChartProps>(options: MaybeRef<U>, listeners?: Record<string, Function>): {
     containerRef: ShallowRef<HTMLDivElement | undefined>;
     chartRef: ShallowRef<EChartsType | undefined>;
 };

package/dist/index.js

@@ -1,81 +1,83 @@
-import { DataZoomComponent as T, LegendComponent as W, GridComponent as I, TitleComponent as G, TooltipComponent as M } from "echarts/components";
-import { LabelLayout as V, UniversalTransition as j } from "echarts/features";
-import { SVGRenderer as H } from "echarts/renderers";
-import { watch as g, shallowRef as m, computed as d, unref as c, onMounted as N, onBeforeUnmount as P, watchEffect as A, isVue2 as U, defineComponent as Z, normalizeStyle as _, h as q } from "vue-demi";
-import { throttle as $, init as J, use as K, registerTheme as Q } from "echarts/core";
-import { isEqual as X, cloneDeep as b, isBoolean as Y, isNil as k } from "lodash-es";
-function ee(e, o, t) {
-  let r;
-  g(
-    [e, o, t],
-    ([n, a, l], f, F) => {
-      !n || !a || (l ? (r ?? (r = $(() => a.resize(), 16)), te(n, r)) : y(n, r), F(() => y(n, r)));
+import { DataZoomComponent as G, LegendComponent as M, GridComponent as j, TitleComponent as N, TooltipComponent as V } from "echarts/components";
+import { LabelLayout as H, UniversalTransition as P } from "echarts/features";
+import { SVGRenderer as U } from "echarts/renderers";
+import { watch as C, shallowRef as g, computed as p, unref as f, onMounted as Z, onBeforeUnmount as _, watchEffect as y, isVue2 as z, defineComponent as q, h as $ } from "vue-demi";
+import { throttle as J, init as K, use as Q, registerTheme as X } from "echarts/core";
+import { isEqual as Y, cloneDeep as R, isBoolean as k, isNil as ee } from "lodash-es";
+function te(e, o, r) {
+  let t;
+  C(
+    [e, o, r],
+    ([s, n, a], c, u) => {
+      !s || !n || (a ? (t ?? (t = J(() => n.resize(), 16)), oe(s, t)) : S(s, t), u(() => S(s, t)));
     }
   );
 }
-const p = /* @__PURE__ */ new Map();
-function te(e, o, t) {
+const h = /* @__PURE__ */ new Map();
+function oe(e, o, r) {
   if (!(!e || !o))
-    if (p.has(e))
-      p.get(e).listeners.push(o);
+    if (h.has(e))
+      h.get(e).listeners.push(o);
     else {
-      const r = [o], n = new ResizeObserver((a) => {
-        a.forEach((l) => r.forEach((f) => f(l)));
+      const t = [o], s = new ResizeObserver((n) => {
+        n.forEach((a) => t.forEach((c) => c(a)));
       });
-      n.observe(e, t), p.set(e, { listeners: r, ro: n });
+      s.observe(e, r), h.set(e, { listeners: t, ro: s });
     }
 }
-function y(e, o) {
-  if (!e || !o || !p.has(e))
+function S(e, o) {
+  if (!e || !o || !h.has(e))
     return;
-  const { listeners: t, ro: r } = p.get(e), n = t.indexOf(o);
-  n > -1 && (t.splice(n, 1), t.length === 0 && (r.disconnect(), p.delete(e)));
+  const { listeners: r, ro: t } = h.get(e), s = r.indexOf(o);
+  s > -1 && (r.splice(s, 1), r.length === 0 && (t.disconnect(), h.delete(e)));
 }
-const R = { text: "加载中..." };
-function oe(e) {
-  const o = m(), t = m(), r = m(), n = d(() => c(e).autoResize ?? !0), a = d(() => c(e).group), l = d(() => c(e).initOption), f = d(() => c(e).loading), F = d(() => c(e).setOptionOpts), C = d(() => c(e).theme ?? "seer"), v = () => {
-    const i = o.value;
-    if (!i)
+const w = { text: "加载中..." };
+function ne(e, o) {
+  const r = g(), t = g(), s = g(), n = p(() => f(e).autoResize ?? !0), a = p(() => f(e).group), c = p(() => f(e).initOption), u = p(() => f(e).loading), d = p(() => f(e).setOptionOpts), x = p(() => f(e).theme ?? "seer"), v = () => {
+    const l = r.value;
+    if (!l)
       return;
-    const s = J(i, C.value, l.value), u = c(e), { restOptions: D, events: z } = S(u, !1);
-    s.setOption(D, F.value), r.value = b(D), z.forEach(([O, E, L]) => {
-      let h = E;
-      L && (h = (...B) => {
-        E(...B), s.off(O, h);
-      }), s.on(O, h);
-    }), u.onReady && u.onReady(s), t.value = s;
-  }, x = () => {
+    const i = K(l, x.value, c.value), F = f(e), { restOptions: D, events: T } = L(F, o, !1);
+    i.setOption(D, d.value), s.value = R(D), T.forEach(([E, A, W]) => {
+      let m = A;
+      W && (m = (...I) => {
+        A(...I), i.off(E, m);
+      }), i.on(E, m);
+    });
+    const b = F.onReady || (o == null ? void 0 : o.ready);
+    b && b(i), t.value = i;
+  }, O = () => {
     t.value && (t.value.dispose(), t.value = void 0);
   };
-  return N(() => v()), P(() => x()), g(
-    () => c(e),
-    (i) => {
-      const s = t.value;
-      if (!s)
+  return Z(() => v()), _(() => O()), C(
+    () => f(e),
+    (l) => {
+      const i = t.value;
+      if (!i)
         return;
-      const { restOptions: u } = S(i);
-      X(u, r.value) || (s.setOption(u, F.value), r.value = b(u));
+      const { restOptions: F } = L(l);
+      Y(F, s.value) || (i.setOption(F, d.value), s.value = R(F));
     },
     {
       deep: !0
     }
-  ), g([C, l], () => {
-    x(), v();
-  }), A(() => {
-    const i = a.value;
-    i && t.value && (t.value.group = i);
-  }), A(() => {
-    const i = t.value;
-    if (!i)
+  ), C([x, c], () => {
+    O(), v();
+  }), y(() => {
+    const l = a.value;
+    l && t.value && (t.value.group = l);
+  }), y(() => {
+    const l = t.value;
+    if (!l)
       return;
-    const s = f.value;
-    s ? i.showLoading(Y(s) ? R : { ...R, ...s }) : i.hideLoading();
-  }), ee(o, t, n), { containerRef: o, chartRef: t };
+    const i = u.value;
+    i ? l.showLoading(k(i) ? w : { ...w, ...i }) : l.hideLoading();
+  }), te(r, t, n), { containerRef: r, chartRef: t };
 }
-function ne(e) {
+function re(e) {
   return /^on[^a-z]/.test(e);
 }
-const re = [
+const se = [
   "class",
   "style",
   "autoResize",
@@ -85,25 +87,53 @@ const re = [
   "theme",
   "onReady"
 ];
-function S(e, o = !0) {
-  const t = {}, r = [];
+function L(e, o = {}, r = !0) {
+  const t = {}, s = [];
   return Object.keys(e).forEach((n) => {
-    if (!re.includes(n)) {
-      if (ne(n)) {
-        if (o)
+    if (!se.includes(n)) {
+      if (re(n)) {
+        if (r)
           return;
         const a = e[n];
         if (a) {
-          const l = n.endsWith("Once"), f = l ? n.length - 4 : void 0, F = n.charAt(2).toLowerCase() + n.substring(3, f);
-          r.push([F, a, l]);
+          const c = n.endsWith("Once"), u = c ? n.length - 4 : void 0, d = n.charAt(2).toLowerCase() + n.substring(3, u);
+          s.push([d, a, c]);
         }
         return;
       }
       t[n] = e[n];
     }
-  }), { restOptions: t, events: r };
+  }), z && !r && Object.keys(o).forEach((n) => {
+    if (n !== "ready")
+      return;
+    const a = o[n];
+    if (a) {
+      const c = n.startsWith("~"), u = c ? 1 : 0, d = n.substring(u);
+      s.push([d, a, c]);
+    }
+  }), { restOptions: t, events: s };
 }
-const se = [
+const B = q({
+  name: "IxChart",
+  inheritAttrs: !1,
+  // @ts-ignore
+  setup(e, { attrs: o, listeners: r }) {
+    const { containerRef: t } = ne(o, r);
+    return { containerRef: t };
+  },
+  render() {
+    const { class: e, style: o } = this.$attrs;
+    return $("div", {
+      ref: "containerRef",
+      class: e,
+      style: {
+        width: "100%",
+        height: "100%",
+        ...o
+      }
+    });
+  }
+}), ie = [
   "#458FFF",
   "#45D9A3",
   "#FFC145",
@@ -146,8 +176,8 @@ const se = [
   "#689FFF",
   "#45D9A3",
   "#99ACD1"
-], ie = {
-  color: se,
+], ae = {
+  color: ie,
   textStyle: {
     color: "#2F3540",
     fontSize: "12px"
@@ -268,66 +298,43 @@ const se = [
 function ge(e) {
   return !!(e && e.xAxis && e.xAxis.data);
 }
-function ae(e, o) {
-  const t = {
-    ...e,
-    ...o
-  };
-  return U ? { attrs: t } : t;
+function Ce(e, o) {
+  return z ? { attrs: { ...e }, on: { ...o } } : { ...e };
 }
-function Ce(e) {
-  return Object.entries(e).reduce((o, [t, r]) => (r !== void 0 && (o[t] = r), o), {});
+function xe(e) {
+  return Object.entries(e).reduce((o, [r, t]) => (t !== void 0 && (o[r] = t), o), {});
 }
 function ve(e) {
-  return k(e) ? [] : Array.isArray(e) ? e : [e];
+  return ee(e) ? [] : Array.isArray(e) ? e : [e];
 }
-function le(e, o) {
-  K(o), Q("seer", ie);
-  const t = (r) => {
-    r.component(e.name, e);
+function ce(e, o) {
+  Q(o), X("seer", ae);
+  const r = (t) => {
+    t.component(e.name, e);
   };
-  e.install = t;
+  e.install = r;
 }
-const w = Z({
-  name: "IxChart",
-  inheritAttrs: !1,
-  setup(e, { attrs: o }) {
-    const { containerRef: t } = oe(o);
-    return { containerRef: t };
-  },
-  render() {
-    const { class: e, style: o } = this.$attrs, t = ae({
-      class: e,
-      style: _({
-        width: "100%",
-        height: "100%",
-        ...o
-      })
-    });
-    return q("div", { ref: "containerRef", ...t });
-  }
-});
-le(w, [
-  T,
-  W,
-  I,
+ce(B, [
   G,
   M,
-  V,
   j,
-  H
+  N,
+  V,
+  H,
+  P,
+  U
 ]);
-const xe = w;
+const Oe = B;
 export {
-  xe as IxChart,
+  Oe as IxChart,
   ve as convertArray,
-  le as createInstall,
-  Ce as filterEmptyProps,
+  ce as createInstall,
+  xe as filterEmptyProps,
   ge as isVertical,
-  ae as mergeAttrs,
-  se as seerColors,
+  Ce as mergeAttrs,
+  ie as seerColors,
   he as seerColorsForMore,
   me as seerColorsForRisk,
-  ie as seerTheme,
-  oe as useChart
+  ae as seerTheme,
+  ne as useChart
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(o,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/core"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","echarts/components","echarts/features","echarts/renderers","vue-demi","echarts/core","lodash-es"],l):(o=typeof globalThis<"u"?globalThis:o||self,l(o.IduxChartsCore={},o.echarts,o.echarts,o.echarts,o.VueDemi,o.echarts,o._))})(this,function(o,l,y,W,r,g,C){"use strict";function M(e,n,t){let i;r.watch([e,n,t],([s,f,u],F,p)=>{!s||!f||(u?(i??(i=g.throttle(()=>f.resize(),16)),G(s,i)):A(s,i),p(()=>A(s,i)))})}const h=new Map;function G(e,n,t){if(!(!e||!n))if(h.has(e))h.get(e).listeners.push(n);else{const i=[n],s=new ResizeObserver(f=>{f.forEach(u=>i.forEach(F=>F(u)))});s.observe(e,t),h.set(e,{listeners:i,ro:s})}}function A(e,n){if(!e||!n||!h.has(e))return;const{listeners:t,ro:i}=h.get(e),s=t.indexOf(n);s>-1&&(t.splice(s,1),t.length===0&&(i.disconnect(),h.delete(e)))}const x={text:"加载中..."};function m(e){const n=r.shallowRef(),t=r.shallowRef(),i=r.shallowRef(),s=r.computed(()=>r.unref(e).autoResize??!0),f=r.computed(()=>r.unref(e).group),u=r.computed(()=>r.unref(e).initOption),F=r.computed(()=>r.unref(e).loading),p=r.computed(()=>r.unref(e).setOptionOpts),L=r.computed(()=>r.unref(e).theme??"seer"),B=()=>{const c=n.value;if(!c)return;const a=g.init(c,L.value,u.value),d=r.unref(e),{restOptions:I,events:D}=w(d,!1);a.setOption(I,p.value),i.value=C.cloneDeep(I),D.forEach(([q,v,$])=>{let O=v;$&&(O=(...J)=>{v(...J),a.off(q,O)}),a.on(q,O)}),d.onReady&&d.onReady(a),t.value=a},T=()=>{t.value&&(t.value.dispose(),t.value=void 0)};return r.onMounted(()=>B()),r.onBeforeUnmount(()=>T()),r.watch(()=>r.unref(e),c=>{const a=t.value;if(!a)return;const{restOptions:d}=w(c);C.isEqual(d,i.value)||(a.setOption(d,p.value),i.value=C.cloneDeep(d))},{deep:!0}),r.watch([L,u],()=>{T(),B()}),r.watchEffect(()=>{const c=f.value;c&&t.value&&(t.value.group=c)}),r.watchEffect(()=>{const c=t.value;if(!c)return;const a=F.value;a?c.showLoading(C.isBoolean(a)?x:{...x,...a}):c.hideLoading()}),M(n,t,s),{containerRef:n,chartRef:t}}function V(e){return/^on[^a-z]/.test(e)}const j=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function w(e,n=!0){const t={},i=[];return Object.keys(e).forEach(s=>{if(!j.includes(s)){if(V(s)){if(n)return;const f=e[s];if(f){const u=s.endsWith("Once"),F=u?s.length-4:void 0,p=s.charAt(2).toLowerCase()+s.substring(3,F);i.push([p,f,u])}return}t[s]=e[s]}}),{restOptions:t,events:i}}const E=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],P=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8","#65779B","#65779B"],_=["#8C1604","#DB4C35","#FF9245","#FFC145","#689FFF","#45D9A3","#99ACD1"],R={color:E,textStyle:{color:"#2F3540",fontSize:"12px"},bar:{barGap:.2,barWidth:10,label:{color:"#6F7785",position:"top"}},line:{label:{color:"#6F7785",position:"top"}},pie:{avoidLabelOverlap:!1,radius:["70%","80%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,color:"#2F3540",formatter:"{c}",position:"inside"}},legend:{itemWidth:12,itemHeight:12,textStyle:{color:"#6F7785",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"12px",fontWeight:500},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12,textStyle:{color:"#2F3540"},axisPointer:{z:1,lineStyle:{type:"solid",color:"#E1E5EB"}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#EDF1F7"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#EDF1F7"}},axisLabel:{color:"#6F7785"},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#6F7785"},splitLine:{lineStyle:{color:"#EDF1F7"}},splitArea:{show:!1},nameTextStyle:{color:"#6F7785",padding:[0,30,-4,0]}},dataZoom:{height:16}};function H(e){return!!(e&&e.xAxis&&e.xAxis.data)}function S(e,n){const t={...e,...n};return r.isVue2?{attrs:t}:t}function N(e){return Object.entries(e).reduce((n,[t,i])=>(i!==void 0&&(n[t]=i),n),{})}function U(e){return C.isNil(e)?[]:Array.isArray(e)?e:[e]}function b(e,n){g.use(n),g.registerTheme("seer",R);const t=i=>{i.component(e.name,e)};e.install=t}const z=r.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:n}){const{containerRef:t}=m(n);return{containerRef:t}},render(){const{class:e,style:n}=this.$attrs,t=S({class:e,style:r.normalizeStyle({width:"100%",height:"100%",...n})});return r.h("div",{ref:"containerRef",...t})}});b(z,[l.DataZoomComponent,l.LegendComponent,l.GridComponent,l.TitleComponent,l.TooltipComponent,y.LabelLayout,y.UniversalTransition,W.SVGRenderer]);const Z=z;o.IxChart=Z,o.convertArray=U,o.createInstall=b,o.filterEmptyProps=N,o.isVertical=H,o.mergeAttrs=S,o.seerColors=E,o.seerColorsForMore=P,o.seerColorsForRisk=_,o.seerTheme=R,o.useChart=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(o,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/core"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","echarts/components","echarts/features","echarts/renderers","vue-demi","echarts/core","lodash-es"],d):(o=typeof globalThis<"u"?globalThis:o||self,d(o.IduxChartsCore={},o.echarts,o.echarts,o.echarts,o.VueDemi,o.echarts,o._))})(this,function(o,d,y,M,r,O,g){"use strict";function V(e,n,i){let t;r.watch([e,n,i],([a,s,l],f,h)=>{!a||!s||(l?(t??(t=O.throttle(()=>s.resize(),16)),j(a,t)):A(a,t),h(()=>A(a,t)))})}const F=new Map;function j(e,n,i){if(!(!e||!n))if(F.has(e))F.get(e).listeners.push(n);else{const t=[n],a=new ResizeObserver(s=>{s.forEach(l=>t.forEach(f=>f(l)))});a.observe(e,i),F.set(e,{listeners:t,ro:a})}}function A(e,n){if(!e||!n||!F.has(e))return;const{listeners:i,ro:t}=F.get(e),a=i.indexOf(n);a>-1&&(i.splice(a,1),i.length===0&&(t.disconnect(),F.delete(e)))}const w={text:"加载中..."};function E(e,n){const i=r.shallowRef(),t=r.shallowRef(),a=r.shallowRef(),s=r.computed(()=>r.unref(e).autoResize??!0),l=r.computed(()=>r.unref(e).group),f=r.computed(()=>r.unref(e).initOption),h=r.computed(()=>r.unref(e).loading),p=r.computed(()=>r.unref(e).setOptionOpts),z=r.computed(()=>r.unref(e).theme??"seer"),B=()=>{const u=i.value;if(!u)return;const c=O.init(u,z.value,f.value),C=r.unref(e),{restOptions:I,events:J}=R(C,n,!1);c.setOption(I,p.value),a.value=g.cloneDeep(I),J.forEach(([q,v,K])=>{let x=v;K&&(x=(...Q)=>{v(...Q),c.off(q,x)}),c.on(q,x)});const W=C.onReady||(n==null?void 0:n.ready);W&&W(c),t.value=c},T=()=>{t.value&&(t.value.dispose(),t.value=void 0)};return r.onMounted(()=>B()),r.onBeforeUnmount(()=>T()),r.watch(()=>r.unref(e),u=>{const c=t.value;if(!c)return;const{restOptions:C}=R(u);g.isEqual(C,a.value)||(c.setOption(C,p.value),a.value=g.cloneDeep(C))},{deep:!0}),r.watch([z,f],()=>{T(),B()}),r.watchEffect(()=>{const u=l.value;u&&t.value&&(t.value.group=u)}),r.watchEffect(()=>{const u=t.value;if(!u)return;const c=h.value;c?u.showLoading(g.isBoolean(c)?w:{...w,...c}):u.hideLoading()}),V(i,t,s),{containerRef:i,chartRef:t}}function G(e){return/^on[^a-z]/.test(e)}const P=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function R(e,n={},i=!0){const t={},a=[];return Object.keys(e).forEach(s=>{if(!P.includes(s)){if(G(s)){if(i)return;const l=e[s];if(l){const f=s.endsWith("Once"),h=f?s.length-4:void 0,p=s.charAt(2).toLowerCase()+s.substring(3,h);a.push([p,l,f])}return}t[s]=e[s]}}),r.isVue2&&!i&&Object.keys(n).forEach(s=>{if(s!=="ready")return;const l=n[s];if(l){const f=s.startsWith("~"),h=f?1:0,p=s.substring(h);a.push([p,l,f])}}),{restOptions:t,events:a}}const b=r.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:n,listeners:i}){const{containerRef:t}=E(n,i);return{containerRef:t}},render(){const{class:e,style:n}=this.$attrs;return r.h("div",{ref:"containerRef",class:e,style:{width:"100%",height:"100%",...n}})}}),m=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],N=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8","#65779B","#65779B"],_=["#8C1604","#DB4C35","#FF9245","#FFC145","#689FFF","#45D9A3","#99ACD1"],S={color:m,textStyle:{color:"#2F3540",fontSize:"12px"},bar:{barGap:.2,barWidth:10,label:{color:"#6F7785",position:"top"}},line:{label:{color:"#6F7785",position:"top"}},pie:{avoidLabelOverlap:!1,radius:["70%","80%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,color:"#2F3540",formatter:"{c}",position:"inside"}},legend:{itemWidth:12,itemHeight:12,textStyle:{color:"#6F7785",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"12px",fontWeight:500},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12,textStyle:{color:"#2F3540"},axisPointer:{z:1,lineStyle:{type:"solid",color:"#E1E5EB"}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#EDF1F7"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#EDF1F7"}},axisLabel:{color:"#6F7785"},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#6F7785"},splitLine:{lineStyle:{color:"#EDF1F7"}},splitArea:{show:!1},nameTextStyle:{color:"#6F7785",padding:[0,30,-4,0]}},dataZoom:{height:16}};function H(e){return!!(e&&e.xAxis&&e.xAxis.data)}function U(e,n){return r.isVue2?{attrs:{...e},on:{...n}}:{...e}}function Z(e){return Object.entries(e).reduce((n,[i,t])=>(t!==void 0&&(n[i]=t),n),{})}function D(e){return g.isNil(e)?[]:Array.isArray(e)?e:[e]}function L(e,n){O.use(n),O.registerTheme("seer",S);const i=t=>{t.component(e.name,e)};e.install=i}L(b,[d.DataZoomComponent,d.LegendComponent,d.GridComponent,d.TitleComponent,d.TooltipComponent,y.LabelLayout,y.UniversalTransition,M.SVGRenderer]);const $=b;o.IxChart=$,o.convertArray=D,o.createInstall=L,o.filterEmptyProps=Z,o.isVertical=H,o.mergeAttrs=U,o.seerColors=m,o.seerColorsForMore=N,o.seerColorsForRisk=_,o.seerTheme=S,o.useChart=E,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/dist/utils/index.d.ts

@@ -3,7 +3,7 @@ export type Writeable<T> = {
     -readonly [P in keyof T]: T[P];
 };
 export declare function isVertical(option: any): boolean;
-export declare function mergeAttrs(props: any, attrs?: any): any;
+export declare function mergeAttrs(props: any, listeners?: Record<string, Function>): any;
 export declare function filterEmptyProps<T extends object>(props: T): T;
 export declare function convertArray<T>(value: T | undefined | null | Array<T | undefined | null>): T[];
 export declare function convertArray<T>(value: T | readonly T[]): readonly T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "A UI Component Development Kit for Vue 3.x",
   "keywords": [
     "vue",