@idux/charts-core 0.3.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @idux/charts-core
 
+## 0.4.1
+
+### Patch Changes
+
+- 84c8aeb: the listeners not work in vue2.x
+
+## 0.4.0
+
+### Minor Changes
+
+- docs(release): publish v0.4.0
+
 ## 0.3.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,80 +1,83 @@
-import { DataZoomComponent as B, LegendComponent as T, GridComponent as W, TitleComponent as I, TooltipComponent as G } from "echarts/components";
-import { LabelLayout as M, UniversalTransition as j } from "echarts/features";
-import { SVGRenderer as V } from "echarts/renderers";
-import { watch as g, shallowRef as m, computed as p, unref as c, onMounted as H, onBeforeUnmount as N, watchEffect as b, isVue2 as P, defineComponent as U, h as Z } from "vue-demi";
-import { throttle as _, init as q, use as $, registerTheme as J } from "echarts/core";
-import { isEqual as K, cloneDeep as A, isObject as Q, isNil as X } from "lodash-es";
-function Y(e, o, t) {
-  let r;
-  g(
-    [e, o, t],
-    ([n, a, l], f, d) => {
-      !n || !a || (l ? (r ?? (r = _(() => a.resize(), 16)), k(n, r)) : y(n, r), d(() => 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 F = /* @__PURE__ */ new Map();
-function k(e, o, t) {
+const h = /* @__PURE__ */ new Map();
+function oe(e, o, r) {
   if (!(!e || !o))
-    if (F.has(e))
-      F.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), F.set(e, { listeners: r, ro: n });
+      s.observe(e, r), h.set(e, { listeners: t, ro: s });
     }
 }
-function y(e, o) {
-  if (!e || !o || !F.has(e))
+function S(e, o) {
+  if (!e || !o || !h.has(e))
     return;
-  const { listeners: t, ro: r } = F.get(e), n = t.indexOf(o);
-  n > -1 && (t.splice(n, 1), t.length === 0 && (r.disconnect(), F.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)));
 }
-function ee(e) {
-  const o = m(), t = m(), r = m(), n = p(() => c(e).autoResize ?? !0), a = p(() => c(e).group), l = p(() => c(e).initOption), f = p(() => c(e).loading), d = p(() => c(e).setOptionOpts), v = p(() => c(e).theme ?? "seer"), x = () => {
-    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 = q(i, v.value, l.value), u = c(e), { restOptions: O, events: w } = R(u, !1);
-    s.setOption(O, d.value), r.value = A(O), w.forEach(([D, E, z]) => {
-      let h = E;
-      z && (h = (...L) => {
-        E(...L), s.off(D, h);
-      }), s.on(D, h);
-    }), u.onReady && u.onReady(s), t.value = s;
-  }, C = () => {
+    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 H(() => x()), N(() => C()), 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 } = R(i);
-      K(u, r.value) || (s.setOption(u, d.value), r.value = A(u));
+      const { restOptions: F } = L(l);
+      Y(F, s.value) || (i.setOption(F, d.value), s.value = R(F));
     },
     {
       deep: !0
     }
-  ), g([v, l], () => {
-    C(), x();
-  }), b(() => {
-    const i = a.value;
-    i && t.value && (t.value.group = i);
-  }), b(() => {
-    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(Q(s) ? s : void 0) : i.hideLoading();
-  }), Y(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 te(e) {
+function re(e) {
   return /^on[^a-z]/.test(e);
 }
-const oe = [
+const se = [
   "class",
   "style",
   "autoResize",
@@ -84,25 +87,53 @@ const oe = [
   "theme",
   "onReady"
 ];
-function R(e, o = !0) {
-  const t = {}, r = [];
+function L(e, o = {}, r = !0) {
+  const t = {}, s = [];
   return Object.keys(e).forEach((n) => {
-    if (!oe.includes(n)) {
-      if (te(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, d = n.charAt(2).toLowerCase() + n.substring(3, f);
-          r.push([d, 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 ne = [
+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",
@@ -114,7 +145,7 @@ const ne = [
   "#F587B3",
   "#8352CC",
   "#65779B"
-], pe = [
+], he = [
   "#458FFF",
   "#C8DEFF",
   "#45D9A3",
@@ -137,8 +168,16 @@ const ne = [
   "#FCDBE8",
   "#65779B",
   "#65779B"
-], re = {
-  color: ne,
+], me = [
+  "#8C1604",
+  "#DB4C35",
+  "#FF9245",
+  "#FFC145",
+  "#689FFF",
+  "#45D9A3",
+  "#99ACD1"
+], ae = {
+  color: ie,
   textStyle: {
     color: "#2F3540",
     fontSize: "12px"
@@ -159,7 +198,6 @@ const ne = [
   },
   pie: {
     avoidLabelOverlap: !1,
-    center: ["25%", "50%"],
     radius: ["70%", "80%"],
     itemStyle: {
       borderWidth: 1,
@@ -176,7 +214,7 @@ const ne = [
     itemWidth: 12,
     itemHeight: 12,
     textStyle: {
-      color: "#2F3540",
+      color: "#6F7785",
       fontSize: "12px"
     }
   },
@@ -184,7 +222,7 @@ const ne = [
     itemGap: 4,
     textStyle: {
       color: "#2F3540",
-      fontSize: "14px",
+      fontSize: "12px",
       fontWeight: 500
     },
     subtextStyle: {
@@ -199,7 +237,7 @@ const ne = [
       color: "#2F3540"
     },
     axisPointer: {
-      z: -100,
+      z: 1,
       lineStyle: {
         type: "solid",
         color: "#E1E5EB"
@@ -254,64 +292,49 @@ const ne = [
     }
   },
   dataZoom: {
-    height: 20
+    height: 16
   }
 };
-function Fe(e) {
+function ge(e) {
   return !!(e && e.xAxis && e.xAxis.data);
 }
-function se(e, o) {
-  const t = {
-    ...e,
-    ...o
-  };
-  return P ? { attrs: t } : t;
+function Ce(e, o) {
+  return z ? { attrs: { ...e }, on: { ...o } } : { ...e };
 }
-function he(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 me(e) {
-  return X(e) ? [] : Array.isArray(e) ? e : [e];
+function ve(e) {
+  return ee(e) ? [] : Array.isArray(e) ? e : [e];
 }
-function ie(e, o) {
-  $(o), J("seer", re);
-  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 S = U({
-  name: "IxChart",
-  inheritAttrs: !1,
-  setup(e, { attrs: o }) {
-    const { containerRef: t } = ee(o);
-    return { containerRef: t };
-  },
-  render() {
-    const { class: e, style: o } = this.$attrs, t = se({ class: e, style: o });
-    return Z("div", { ref: "containerRef", ...t });
-  }
-});
-ie(S, [
-  B,
-  T,
-  W,
-  I,
+ce(B, [
   G,
   M,
   j,
-  V
+  N,
+  V,
+  H,
+  P,
+  U
 ]);
-const ge = S;
+const Oe = B;
 export {
-  ge as IxChart,
-  me as convertArray,
-  ie as createInstall,
-  he as filterEmptyProps,
-  Fe as isVertical,
-  se as mergeAttrs,
-  ne as seerColors,
-  pe as seerColorsMore,
-  re as seerTheme,
-  ee as useChart
+  Oe as IxChart,
+  ve as convertArray,
+  ce as createInstall,
+  xe as filterEmptyProps,
+  ge as isVertical,
+  Ce as mergeAttrs,
+  ie as seerColors,
+  he as seerColorsForMore,
+  me as seerColorsForRisk,
+  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,x,q,r,g,C){"use strict";function W(e,n,t){let i;r.watch([e,n,t],([s,f,u],p,F)=>{!s||!f||(u?(i??(i=g.throttle(()=>f.resize(),16)),M(s,i)):y(s,i),F(()=>y(s,i)))})}const h=new Map;function M(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(p=>p(u)))});s.observe(e,t),h.set(e,{listeners:i,ro:s})}}function y(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)))}function A(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),p=r.computed(()=>r.unref(e).loading),F=r.computed(()=>r.unref(e).setOptionOpts),z=r.computed(()=>r.unref(e).theme??"seer"),L=()=>{const c=n.value;if(!c)return;const a=g.init(c,z.value,u.value),d=r.unref(e),{restOptions:T,events:U}=m(d,!1);a.setOption(T,F.value),i.value=C.cloneDeep(T),U.forEach(([v,I,Z])=>{let O=I;Z&&(O=(...$)=>{I(...$),a.off(v,O)}),a.on(v,O)}),d.onReady&&d.onReady(a),t.value=a},B=()=>{t.value&&(t.value.dispose(),t.value=void 0)};return r.onMounted(()=>L()),r.onBeforeUnmount(()=>B()),r.watch(()=>r.unref(e),c=>{const a=t.value;if(!a)return;const{restOptions:d}=m(c);C.isEqual(d,i.value)||(a.setOption(d,F.value),i.value=C.cloneDeep(d))},{deep:!0}),r.watch([z,u],()=>{B(),L()}),r.watchEffect(()=>{const c=f.value;c&&t.value&&(t.value.group=c)}),r.watchEffect(()=>{const c=t.value;if(!c)return;const a=p.value;a?c.showLoading(C.isObject(a)?a:void 0):c.hideLoading()}),W(n,t,s),{containerRef:n,chartRef:t}}function j(e){return/^on[^a-z]/.test(e)}const G=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function m(e,n=!0){const t={},i=[];return Object.keys(e).forEach(s=>{if(!G.includes(s)){if(j(s)){if(n)return;const f=e[s];if(f){const u=s.endsWith("Once"),p=u?s.length-4:void 0,F=s.charAt(2).toLowerCase()+s.substring(3,p);i.push([F,f,u])}return}t[s]=e[s]}}),{restOptions:t,events:i}}const E=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],V=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8","#65779B","#65779B"],w={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,center:["25%","50%"],radius:["70%","80%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,color:"#2F3540",formatter:"{c}",position:"inside"}},legend:{itemWidth:12,itemHeight:12,textStyle:{color:"#2F3540",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"14px",fontWeight:500},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12,textStyle:{color:"#2F3540"},axisPointer:{z:-100,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:20}};function P(e){return!!(e&&e.xAxis&&e.xAxis.data)}function b(e,n){const t={...e,...n};return r.isVue2?{attrs:t}:t}function _(e){return Object.entries(e).reduce((n,[t,i])=>(i!==void 0&&(n[t]=i),n),{})}function H(e){return C.isNil(e)?[]:Array.isArray(e)?e:[e]}function R(e,n){g.use(n),g.registerTheme("seer",w);const t=i=>{i.component(e.name,e)};e.install=t}const S=r.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:n}){const{containerRef:t}=A(n);return{containerRef:t}},render(){const{class:e,style:n}=this.$attrs,t=b({class:e,style:n});return r.h("div",{ref:"containerRef",...t})}});R(S,[l.DataZoomComponent,l.LegendComponent,l.GridComponent,l.TitleComponent,l.TooltipComponent,x.LabelLayout,x.UniversalTransition,q.SVGRenderer]);const N=S;o.IxChart=N,o.convertArray=H,o.createInstall=R,o.filterEmptyProps=_,o.isVertical=P,o.mergeAttrs=b,o.seerColors=E,o.seerColorsMore=V,o.seerTheme=w,o.useChart=A,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/themes/seer.d.ts

@@ -1,5 +1,6 @@
 export declare const seerColors: string[];
-export declare const seerColorsMore: string[];
+export declare const seerColorsForMore: string[];
+export declare const seerColorsForRisk: string[];
 export declare const seerTheme: {
     color: string[];
     textStyle: {
@@ -22,7 +23,6 @@ export declare const seerTheme: {
     };
     pie: {
         avoidLabelOverlap: boolean;
-        center: string[];
         radius: string[];
         itemStyle: {
             borderWidth: number;

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.3.0",
+  "version": "0.4.1",
   "description": "A UI Component Development Kit for Vue 3.x",
   "keywords": [
     "vue",