@idux/charts-core 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @idux/charts-core
 
+## 1.1.0
+
+### Minor Changes
+
+- 887b91a: Add Radar, Gauge and LiquidFill components with pure option builders, public prop types and reactive plot theme/typography configuration. Extend core option types for the new series and coordinate systems.
+
+  Schedule automatic chart resizing on the next animation frame to avoid ResizeObserver delivery loops, and cancel pending resize work when auto-resize is disabled or the chart is disposed.
+
 ## 1.0.0
 
 ### Major Changes

package/dist/index.js

@@ -1,28 +1,30 @@
 import { DataZoomComponent as e, GridComponent as t, LegendComponent as n, TitleComponent as r, TooltipComponent as i } from "echarts/components";
 import { LabelLayout as a, UniversalTransition as o } from "echarts/features";
 import { SVGRenderer as s } from "echarts/renderers";
-import { computed as c, defineComponent as l, getCurrentInstance as u, h as d, isVue2 as f, onBeforeUnmount as p, onBeforeUpdate as m, onMounted as ee, onUpdated as te, shallowRef as h, unref as g, watch as _, watchEffect as ne } from "vue-demi";
-import { PictorialBarChart as v } from "echarts/charts";
-import { init as re, registerTheme as y, throttle as b, use as x } from "echarts/core";
-import { cloneDeep as S, isBoolean as ie, isEqual as C, isNil as ae } from "lodash-es";
+import { computed as c, defineComponent as l, getCurrentInstance as u, h as d, isVue2 as f, onBeforeUnmount as p, onBeforeUpdate as m, onMounted as ee, onUpdated as te, shallowRef as h, unref as g, watch as _, watchEffect as v } from "vue-demi";
+import { PictorialBarChart as y } from "echarts/charts";
+import { init as ne, registerTheme as b, use as x } from "echarts/core";
+import { cloneDeep as S, isBoolean as re, isEqual as C, isNil as ie } from "lodash-es";
 // composables/useResizeObserver.ts
-function oe(e, t, n) {
+function ae(e, t, n) {
 	_([
 		e,
 		t,
 		n
 	], ([e, n, r], i, a) => {
 		if (!e || !n || !r) return;
-		let o = b(() => {
-			t.value === n && n.resize();
-		}, 16);
-		se(e, o), a(() => {
-			ce(e, o), o.clear();
+		let o, s = () => {
+			o === void 0 && (o = requestAnimationFrame(() => {
+				o = void 0, t.value === n && n.resize();
+			}));
+		};
+		oe(e, s), a(() => {
+			se(e, s), o !== void 0 && cancelAnimationFrame(o);
 		});
 	});
 }
 var w = /* @__PURE__ */ new Map();
-function se(e, t, n) {
+function oe(e, t, n) {
 	if (e && t) {
 		if (w.has(e)) w.get(e).listeners.push(t);
 		else {
@@ -36,16 +38,16 @@ function se(e, t, n) {
 		}
 	}
 }
-function ce(e, t) {
+function se(e, t) {
 	if (!e || !t || !w.has(e)) return;
 	let { listeners: n, ro: r } = w.get(e), i = n.indexOf(t);
 	i > -1 && (n.splice(i, 1), n.length === 0 && (r.disconnect(), w.delete(e)));
 }
 // composables/useChart.ts
-x([v]);
+x([y]);
 var T = { text: "加载中..." };
 function E(e, t) {
-	let n = () => typeof t == "function" ? t() : t, r = h(), i = h(), a = h(), o = c(() => g(e).autoResize ?? !0), s = c(() => g(e).group), l = c(() => g(e).initOption), u = c(() => g(e).loading), d = c(() => g(e).setOptionOpts), f = c(() => g(e).theme ?? "seer"), m = [], v = (e, t) => {
+	let n = () => typeof t == "function" ? t() : t, r = h(), i = h(), a = h(), o = c(() => g(e).autoResize ?? !0), s = c(() => g(e).group), l = c(() => g(e).initOption), u = c(() => g(e).loading), d = c(() => g(e).setOptionOpts), f = c(() => g(e).theme ?? "seer"), m = [], y = (e, t) => {
 		m = m.filter((n) => {
 			let r = t.some(([e, t, r]) => e === n.name && t === n.handler && r === n.once);
 			return r || e.off(n.name, n.wrapped), r;
@@ -61,45 +63,45 @@ function E(e, t) {
 				wrapped: i
 			}), e.on(t, i);
 		});
-	}, y = () => {
+	}, b = () => {
 		let t = r.value;
 		if (!t) return;
-		let o = re(t, f.value, l.value), s = g(e), { restOptions: c, events: u } = D(s, n(), !1);
-		o.setOption(c, d.value), a.value = S(c), v(o, u);
+		let o = ne(t, f.value, l.value), s = g(e), { restOptions: c, events: u } = D(s, n(), !1);
+		o.setOption(c, d.value), a.value = S(c), y(o, u);
 		let p = s.onReady || n()?.ready;
 		p && p(o), i.value = o;
-	}, b = () => {
+	}, x = () => {
 		i.value && (i.value.dispose(), i.value = void 0, m = []);
 	};
-	return ee(() => y()), p(() => b()), te(() => {
-		i.value && v(i.value, D(g(e), n(), !1).events);
+	return ee(() => b()), p(() => x()), te(() => {
+		i.value && y(i.value, D(g(e), n(), !1).events);
 	}), _(() => g(e), (e) => {
 		let t = i.value;
 		if (!t) return;
 		let { restOptions: r, events: o } = D(e, n(), !1);
-		v(t, o), C(r, a.value) || (t.setOption(r, d.value), a.value = S(r));
+		y(t, o), C(r, a.value) || (t.setOption(r, d.value), a.value = S(r));
 	}, { deep: !0 }), _([() => S(f.value), () => S(l.value)], ([e, t], [n, r]) => {
-		C(e, n) && C(t, r) || (b(), y());
-	}), ne(() => {
+		C(e, n) && C(t, r) || (x(), b());
+	}), v(() => {
 		let e = s.value;
 		i.value && (i.value.group = e ?? "");
-	}), ne(() => {
+	}), v(() => {
 		let e = i.value;
 		if (!e) return;
 		let t = u.value;
-		t ? e.showLoading(ie(t) ? T : {
+		t ? e.showLoading(re(t) ? T : {
 			...T,
 			...t
 		}) : e.hideLoading();
-	}), oe(r, i, o), {
+	}), ae(r, i, o), {
 		containerRef: r,
 		chartRef: i
 	};
 }
-function le(e) {
+function ce(e) {
 	return /^on[^a-z]/.test(e);
 }
-var ue = [
+var le = [
 	"class",
 	"style",
 	"autoResize",
@@ -113,8 +115,8 @@ var ue = [
 function D(e, t = {}, n = !0) {
 	let r = {}, i = [];
 	return Object.keys(e).forEach((t) => {
-		if (!ue.includes(t)) {
-			if (le(t)) {
+		if (!le.includes(t)) {
+			if (ce(t)) {
 				if (n) return;
 				let r = e[t];
 				if (r) {
@@ -180,7 +182,7 @@ function k({ data: e = [], color: t = "", offset: n = [0, 0], rotate: r = -20, s
 		animationEasing: "elasticOut"
 	};
 }
-function de(e) {
+function ue(e) {
 	return {
 		axisPointer: { lineStyle: { opacity: .6 } },
 		formatter: function(t) {
@@ -194,7 +196,7 @@ function de(e) {
 		}
 	};
 }
-function fe({ series: e, color: t, offset: n = [0, 0], rotate: r, size: i }) {
+function de({ series: e, color: t, offset: n = [0, 0], rotate: r, size: i }) {
 	return [{
 		type: "bar",
 		z: 0,
@@ -207,7 +209,7 @@ function fe({ series: e, color: t, offset: n = [0, 0], rotate: r, size: i }) {
 		size: i
 	})];
 }
-function pe() {
+function fe() {
 	return { aria: {
 		enabled: !0,
 		decal: {
@@ -223,13 +225,13 @@ function pe() {
 	} };
 }
 // composables/useReactiveAttrs.ts
-var me = {
+var pe = {
 	"auto-resize": "autoResize",
 	"init-option": "initOption",
 	"set-option-opts": "setOptionOpts"
 };
 function A(e) {
-	let t = u()?.proxy, n = () => Object.fromEntries(Object.entries(f && t ? t.$attrs : e).map(([e, t]) => [me[e] ?? e, t]));
+	let t = u()?.proxy, n = () => Object.fromEntries(Object.entries(f && t ? t.$attrs : e).map(([e, t]) => [pe[e] ?? e, t]));
 	if (f && t) return c(n);
 	let r = h(n());
 	return m(() => {
@@ -242,7 +244,7 @@ function j() {
 	return (e) => e;
 }
 // components/Chart.ts
-var he = j()(l({
+var me = j()(l({
 	name: "IxChart",
 	inheritAttrs: !1,
 	setup(e, t) {
@@ -264,14 +266,14 @@ var he = j()(l({
 }));
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/util.js
 function M(e, t) {
-	ge(e) && (e = "100%");
+	he(e) && (e = "100%");
 	let n = P(e);
 	return e = t === 360 ? parseFloat(e) : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (e = t === 360 ? (e < 0 ? e % t + t : e % t) / t : e % t / t, e);
 }
 function N(e) {
 	return Math.min(1, Math.max(0, e));
 }
-function ge(e) {
+function he(e) {
 	return typeof e == "string" && e.indexOf(".") !== -1 && !P(e) && parseFloat(e) === 1;
 }
 function P(e) {
@@ -280,19 +282,19 @@ function P(e) {
 function F(e) {
 	return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function _e(e) {
+function ge(e) {
 	return Number(e) <= 1 ? `${Number(e) * 100}%` : e;
 }
 function I(e) {
-	if (typeof e != "number" || !(e <= 1)) return _e(e);
+	if (typeof e != "number" || !(e <= 1)) return ge(e);
 	let t = Math.min(100, Math.max(0, e * 100)) * 100;
 	return (t >= 1e-6 ? Math.trunc(t) : parseInt(String(t), 10)) / 100;
 }
-function ve(e) {
+function _e(e) {
 	return e.length === 1 ? "0" + e : String(e);
 }
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/conversion.js
-function ye(e, t, n) {
+function ve(e, t, n) {
 	return {
 		r: M(e, 255) * 255,
 		g: M(t, 255) * 255,
@@ -325,7 +327,7 @@ function L(e, t, n) {
 function R(e, t, n) {
 	return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function be(e, t, n) {
+function ye(e, t, n) {
 	let r, i, a;
 	if (e = M(e, 360), t = M(t, 100), n = M(n, 100), t === 0) i = n, a = n, r = n;
 	else {
@@ -360,7 +362,7 @@ function z(e, t, n) {
 		v: o
 	};
 }
-function xe(e, t, n) {
+function be(e, t, n) {
 	e = M(e, 360) * 6, t = M(t, 100), n = M(n, 100);
 	let r = Math.floor(e), i = e - r, a = n * (1 - t), o = n * (1 - i * t), s = n * (1 - (1 - i) * t), c = r % 6, l = [
 		n,
@@ -395,20 +397,20 @@ function B(e) {
 }
 function V(e) {
 	let t = Math.round(e);
-	return t >= 0 && t <= 255 ? String.fromCharCode(B(t >> 4), B(t & 15)) : ve(t.toString(16));
+	return t >= 0 && t <= 255 ? String.fromCharCode(B(t >> 4), B(t & 15)) : _e(t.toString(16));
 }
-function Se(e) {
+function xe(e) {
 	return V(parseFloat(e) * 255);
 }
 function H(e, t, n, r) {
 	let i = V(e), a = V(t), o = V(n);
 	return r && i.startsWith(i.charAt(1)) && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) ? i.charAt(0) + a.charAt(0) + o.charAt(0) : i + a + o;
 }
-function Ce(e, t, n, r, i) {
-	let a = V(e), o = V(t), s = V(n), c = Se(r);
+function Se(e, t, n, r, i) {
+	let a = V(e), o = V(t), s = V(n), c = xe(r);
 	return i && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) && s.startsWith(s.charAt(1)) && c.startsWith(c.charAt(1)) ? a.charAt(0) + o.charAt(0) + s.charAt(0) + c.charAt(0) : a + o + s + c;
 }
-function we(e, t, n, r) {
+function Ce(e, t, n, r) {
 	let i = e / 100, a = t / 100, o = n / 100, s = r / 100;
 	return {
 		r: 255 * (1 - i) * (1 - s),
@@ -425,7 +427,7 @@ function U(e, t, n) {
 		k: Math.round(o)
 	};
 }
-function Te(e) {
+function we(e) {
 	return {
 		r: e >> 16,
 		g: (e & 65280) >> 8,
@@ -584,24 +586,24 @@ var W = {
 	yellowgreen: "#9acd32"
 };
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/format-input.js
-function Ee(e) {
+function Te(e) {
 	let t = {
 		r: 0,
 		g: 0,
 		b: 0
 	}, n = 1, r = !1, i = !1;
-	if (typeof e == "string" && (e = De(e)), typeof e == "object") {
+	if (typeof e == "string" && (e = Ee(e)), typeof e == "object") {
 		if (X(e.r) && X(e.g) && X(e.b)) {
-			t = ye(e.r, e.g, e.b), r = !0;
+			t = ve(e.r, e.g, e.b), r = !0;
 			let { r: n } = e;
 			i = typeof n != "number" && String(n).endsWith("%") ? "prgb" : "rgb";
 		} else if (X(e.h) && X(e.s) && X(e.v)) {
 			let n = I(e.s), a = I(e.v);
-			t = xe(e.h, n, a), r = !0, i = "hsv";
+			t = be(e.h, n, a), r = !0, i = "hsv";
 		} else if (X(e.h) && X(e.s) && X(e.l)) {
 			let n = I(e.s), a = I(e.l);
-			t = be(e.h, n, a), r = !0, i = "hsl";
-		} else X(e.c) && X(e.m) && X(e.y) && X(e.k) && (t = we(e.c, e.m, e.y, e.k), r = !0, i = "cmyk");
+			t = ye(e.h, n, a), r = !0, i = "hsl";
+		} else X(e.c) && X(e.m) && X(e.y) && X(e.k) && (t = Ce(e.c, e.m, e.y, e.k), r = !0, i = "cmyk");
 		Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a);
 	}
 	return n = F(n), {
@@ -623,7 +625,7 @@ var G = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", K = "[\\s|\\(]+(" + G + ")
 	hsva: RegExp("hsva" + q),
 	cmyk: RegExp("cmyk" + q)
 };
-function De(e) {
+function Ee(e) {
 	if (e = e.trim().toLowerCase(), e.length === 0) return !1;
 	let t = !1;
 	if (W[e]) e = W[e], t = !0;
@@ -635,7 +637,7 @@ function De(e) {
 		format: "name"
 	};
 	if (typeof e == "string" && e.length <= 9) {
-		let n = Oe(e, t);
+		let n = De(e, t);
 		if (n) return n;
 	}
 	let n = J.rgb.exec(e);
@@ -673,7 +675,7 @@ function De(e) {
 		k: n[4]
 	} : !1))))));
 }
-function Oe(e, t) {
+function De(e, t) {
 	let n = +!!e.startsWith("#"), r = e.length - n;
 	if (r === 6 || r === 8) {
 		let i = Y(e, n) * 16 + Y(e, n + 1), a = Y(e, n + 2) * 16 + Y(e, n + 3), o = Y(e, n + 4) * 16 + Y(e, n + 5);
@@ -718,11 +720,11 @@ function X(e) {
 	return typeof e == "number" ? !Number.isNaN(e) : e !== void 0 && J.CSS_UNIT.test(e);
 }
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/index.js
-var ke = class e {
+var Oe = class e {
 	constructor(t = "", n = {}) {
 		if (t instanceof e) return t;
-		typeof t == "number" && (t = Te(t)), this.originalInput = t;
-		let r = Ee(t);
+		typeof t == "number" && (t = we(t)), this.originalInput = t;
+		let r = Te(t);
 		this.originalInput = t, this.r = r.r, this.g = r.g, this.b = r.b, this.a = r.a, this.roundA = Math.round(100 * this.a) / 100, this.format = n.format ?? r.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = r.ok;
 	}
 	isDark() {
@@ -782,7 +784,7 @@ var ke = class e {
 		return "#" + this.toHex(e);
 	}
 	toHex8(e = !1) {
-		return Ce(this.r, this.g, this.b, this.a, e);
+		return Se(this.r, this.g, this.b, this.a, e);
 	}
 	toHex8String(e = !1) {
 		return "#" + this.toHex8(e);
@@ -957,7 +959,7 @@ var ke = class e {
 	"#F587B3",
 	"#8352CC",
 	"#65779B"
-], Ae = [
+], ke = [
 	"#458FFF",
 	"#C8DEFF",
 	"#45D9A3",
@@ -980,7 +982,7 @@ var ke = class e {
 	"#FCDBE8",
 	"#65779B",
 	"#65779B"
-], je = [
+], Ae = [
 	"#8C1604",
 	"#DB4C35",
 	"#FF9245",
@@ -1086,29 +1088,29 @@ var ke = class e {
 	dataZoom: { height: 16 }
 };
 // utils/index.ts
-function Me(e) {
+function je(e) {
 	return !!(e && e.xAxis && e.xAxis.data);
 }
-function Ne(e, t) {
+function Me(e, t) {
 	return f ? {
 		attrs: { ...e },
 		on: { ...t }
 	} : { ...e };
 }
-function Pe(e) {
+function Ne(e) {
 	return Object.entries(e).reduce((e, [t, n]) => (n !== void 0 && (e[t] = n), e), {});
 }
-function Fe(e) {
-	return ae(e) ? [] : Array.isArray(e) ? e : [e];
+function Pe(e) {
+	return ie(e) ? [] : Array.isArray(e) ? e : [e];
 }
-var Ie = (e, t) => new ke(e).setAlpha(t).toRgbString();
+var Fe = (e, t) => new Oe(e).setAlpha(t).toRgbString();
 function $(e, t) {
-	return x(t), y("seer", Q), e.install = (t) => {
+	return x(t), b("seer", Q), e.install = (t) => {
 		t.component(e.name, e);
 	}, e;
 }
 // components/index.ts
-var Le = $(he, [
+var Ie = $(me, [
 	e,
 	n,
 	t,
@@ -1118,4 +1120,4 @@ var Le = $(he, [
 	o,
 	s
 ]);
-export { Le as IxChart, Fe as convertArray, $ as createInstall, Pe as filterEmptyProps, Ie as getAlphaColor, Me as isVertical, Ne as mergeAttrs, Z as seerColors, Ae as seerColorsForMore, je as seerColorsForRisk, Q as seerTheme, E as useChart, A as useReactiveAttrs, k as useStripe, pe as useStripeArea, fe as useStripeBarSeries, de as useStripeBarTooltip, O as useTooltipsFormatter, j as withChartProps };
+export { Ie as IxChart, Pe as convertArray, $ as createInstall, Ne as filterEmptyProps, Fe as getAlphaColor, je as isVertical, Me as mergeAttrs, Z as seerColors, ke as seerColorsForMore, Ae as seerColorsForRisk, Q as seerTheme, E as useChart, A as useReactiveAttrs, k as useStripe, fe as useStripeArea, de as useStripeBarSeries, ue as useStripeBarTooltip, O as useTooltipsFormatter, j as withChartProps };

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/charts"),require("echarts/core"),require("lodash-es")):typeof define==`function`&&define.amd?define([`exports`,`echarts/components`,`echarts/features`,`echarts/renderers`,`vue-demi`,`echarts/charts`,`echarts/core`,`lodash-es`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.IduxChartsCore={},e.echarts,e.echarts,e.echarts,e.VueDemi,e.echarts,e.echarts,e._))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function c(e,t,n){(0,i.watch)([e,t,n],([e,n,r],i,a)=>{if(!e||!n||!r)return;let s=(0,o.throttle)(()=>{t.value===n&&n.resize()},16);u(e,s),a(()=>{d(e,s),s.clear()})})}var l=new Map;function u(e,t,n){if(e&&t){if(l.has(e))l.get(e).listeners.push(t);else{let r=[t],i=new ResizeObserver(e=>{e.forEach(e=>r.forEach(t=>t(e)))});i.observe(e,n),l.set(e,{listeners:r,ro:i})}}}function d(e,t){if(!e||!t||!l.has(e))return;let{listeners:n,ro:r}=l.get(e),i=n.indexOf(t);i>-1&&(n.splice(i,1),n.length===0&&(r.disconnect(),l.delete(e)))}(0,o.use)([a.PictorialBarChart]);var f={text:`加载中...`};function p(e,t){let n=()=>typeof t==`function`?t():t,r=(0,i.shallowRef)(),a=(0,i.shallowRef)(),l=(0,i.shallowRef)(),u=(0,i.computed)(()=>(0,i.unref)(e).autoResize??!0),d=(0,i.computed)(()=>(0,i.unref)(e).group),p=(0,i.computed)(()=>(0,i.unref)(e).initOption),m=(0,i.computed)(()=>(0,i.unref)(e).loading),h=(0,i.computed)(()=>(0,i.unref)(e).setOptionOpts),_=(0,i.computed)(()=>(0,i.unref)(e).theme??`seer`),v=[],y=(e,t)=>{v=v.filter(n=>{let r=t.some(([e,t,r])=>e===n.name&&t===n.handler&&r===n.once);return r||e.off(n.name,n.wrapped),r}),t.forEach(([t,n,r])=>{if(v.some(e=>e.name===t&&e.handler===n&&e.once===r))return;let i=(...a)=>{r&&e.off(t,i),n(...a)};v.push({name:t,handler:n,once:r,wrapped:i}),e.on(t,i)})},b=()=>{let t=r.value;if(!t)return;let c=(0,o.init)(t,_.value,p.value),u=(0,i.unref)(e),{restOptions:d,events:f}=g(u,n(),!1);c.setOption(d,h.value),l.value=(0,s.cloneDeep)(d),y(c,f);let m=u.onReady||n()?.ready;m&&m(c),a.value=c},x=()=>{a.value&&(a.value.dispose(),a.value=void 0,v=[])};return(0,i.onMounted)(()=>b()),(0,i.onBeforeUnmount)(()=>x()),(0,i.onUpdated)(()=>{a.value&&y(a.value,g((0,i.unref)(e),n(),!1).events)}),(0,i.watch)(()=>(0,i.unref)(e),e=>{let t=a.value;if(!t)return;let{restOptions:r,events:i}=g(e,n(),!1);y(t,i),(0,s.isEqual)(r,l.value)||(t.setOption(r,h.value),l.value=(0,s.cloneDeep)(r))},{deep:!0}),(0,i.watch)([()=>(0,s.cloneDeep)(_.value),()=>(0,s.cloneDeep)(p.value)],([e,t],[n,r])=>{(0,s.isEqual)(e,n)&&(0,s.isEqual)(t,r)||(x(),b())}),(0,i.watchEffect)(()=>{let e=d.value;a.value&&(a.value.group=e??``)}),(0,i.watchEffect)(()=>{let e=a.value;if(!e)return;let t=m.value;t?e.showLoading((0,s.isBoolean)(t)?f:{...f,...t}):e.hideLoading()}),c(r,a,u),{containerRef:r,chartRef:a}}function m(e){return/^on[^a-z]/.test(e)}var h=[`class`,`style`,`autoResize`,`initOption`,`group`,`loading`,`setOptionOpts`,`theme`,`onReady`];function g(e,t={},n=!0){let r={},a=[];return Object.keys(e).forEach(t=>{if(!h.includes(t)){if(m(t)){if(n)return;let r=e[t];if(r){let e=t.endsWith(`Once`),n=e?t.length-4:void 0,i=t.charAt(2).toLowerCase()+t.substring(3,n);a.push([i,r,e])}}else r[t]=e[t]}}),i.isVue2&&!n&&Object.keys(t).forEach(e=>{if(e===`ready`||e===`~ready`)return;let n=t[e];if(n){let t=e.startsWith(`~`),r=+!!t,i=e.substring(r);a.push([i,n,t])}}),{restOptions:r,events:a}}function _(e,t){return`
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/charts"),require("echarts/core"),require("lodash-es")):typeof define==`function`&&define.amd?define([`exports`,`echarts/components`,`echarts/features`,`echarts/renderers`,`vue-demi`,`echarts/charts`,`echarts/core`,`lodash-es`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.IduxChartsCore={},e.echarts,e.echarts,e.echarts,e.VueDemi,e.echarts,e.echarts,e._))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function c(e,t,n){(0,i.watch)([e,t,n],([e,n,r],i,a)=>{if(!e||!n||!r)return;let o,s=()=>{o===void 0&&(o=requestAnimationFrame(()=>{o=void 0,t.value===n&&n.resize()}))};u(e,s),a(()=>{d(e,s),o!==void 0&&cancelAnimationFrame(o)})})}var l=new Map;function u(e,t,n){if(e&&t){if(l.has(e))l.get(e).listeners.push(t);else{let r=[t],i=new ResizeObserver(e=>{e.forEach(e=>r.forEach(t=>t(e)))});i.observe(e,n),l.set(e,{listeners:r,ro:i})}}}function d(e,t){if(!e||!t||!l.has(e))return;let{listeners:n,ro:r}=l.get(e),i=n.indexOf(t);i>-1&&(n.splice(i,1),n.length===0&&(r.disconnect(),l.delete(e)))}(0,o.use)([a.PictorialBarChart]);var f={text:`加载中...`};function p(e,t){let n=()=>typeof t==`function`?t():t,r=(0,i.shallowRef)(),a=(0,i.shallowRef)(),l=(0,i.shallowRef)(),u=(0,i.computed)(()=>(0,i.unref)(e).autoResize??!0),d=(0,i.computed)(()=>(0,i.unref)(e).group),p=(0,i.computed)(()=>(0,i.unref)(e).initOption),m=(0,i.computed)(()=>(0,i.unref)(e).loading),h=(0,i.computed)(()=>(0,i.unref)(e).setOptionOpts),_=(0,i.computed)(()=>(0,i.unref)(e).theme??`seer`),v=[],y=(e,t)=>{v=v.filter(n=>{let r=t.some(([e,t,r])=>e===n.name&&t===n.handler&&r===n.once);return r||e.off(n.name,n.wrapped),r}),t.forEach(([t,n,r])=>{if(v.some(e=>e.name===t&&e.handler===n&&e.once===r))return;let i=(...a)=>{r&&e.off(t,i),n(...a)};v.push({name:t,handler:n,once:r,wrapped:i}),e.on(t,i)})},b=()=>{let t=r.value;if(!t)return;let c=(0,o.init)(t,_.value,p.value),u=(0,i.unref)(e),{restOptions:d,events:f}=g(u,n(),!1);c.setOption(d,h.value),l.value=(0,s.cloneDeep)(d),y(c,f);let m=u.onReady||n()?.ready;m&&m(c),a.value=c},x=()=>{a.value&&(a.value.dispose(),a.value=void 0,v=[])};return(0,i.onMounted)(()=>b()),(0,i.onBeforeUnmount)(()=>x()),(0,i.onUpdated)(()=>{a.value&&y(a.value,g((0,i.unref)(e),n(),!1).events)}),(0,i.watch)(()=>(0,i.unref)(e),e=>{let t=a.value;if(!t)return;let{restOptions:r,events:i}=g(e,n(),!1);y(t,i),(0,s.isEqual)(r,l.value)||(t.setOption(r,h.value),l.value=(0,s.cloneDeep)(r))},{deep:!0}),(0,i.watch)([()=>(0,s.cloneDeep)(_.value),()=>(0,s.cloneDeep)(p.value)],([e,t],[n,r])=>{(0,s.isEqual)(e,n)&&(0,s.isEqual)(t,r)||(x(),b())}),(0,i.watchEffect)(()=>{let e=d.value;a.value&&(a.value.group=e??``)}),(0,i.watchEffect)(()=>{let e=a.value;if(!e)return;let t=m.value;t?e.showLoading((0,s.isBoolean)(t)?f:{...f,...t}):e.hideLoading()}),c(r,a,u),{containerRef:r,chartRef:a}}function m(e){return/^on[^a-z]/.test(e)}var h=[`class`,`style`,`autoResize`,`initOption`,`group`,`loading`,`setOptionOpts`,`theme`,`onReady`];function g(e,t={},n=!0){let r={},a=[];return Object.keys(e).forEach(t=>{if(!h.includes(t)){if(m(t)){if(n)return;let r=e[t];if(r){let e=t.endsWith(`Once`),n=e?t.length-4:void 0,i=t.charAt(2).toLowerCase()+t.substring(3,n);a.push([i,r,e])}}else r[t]=e[t]}}),i.isVue2&&!n&&Object.keys(t).forEach(e=>{if(e===`ready`||e===`~ready`)return;let n=t[e];if(n){let t=e.startsWith(`~`),r=+!!t,i=e.substring(r);a.push([i,n,t])}}),{restOptions:r,events:a}}function _(e,t){return`
     <div class="charts-tooltips">
 			<div class="charts-tooltips-title">${e}</div>
 			${t.map(e=>`

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-import { BarSeriesOption, LineSeriesOption, PieSeriesOption } from 'echarts/charts';
-import { DatasetComponentOption, DataZoomComponentOption, GridComponentOption, LegendComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
+import { BarSeriesOption, LineSeriesOption, PieSeriesOption, RadarSeriesOption, GaugeSeriesOption, CustomSeriesOption } from 'echarts/charts';
+import { RadarComponentOption, GraphicComponentOption, DatasetComponentOption, DataZoomComponentOption, GridComponentOption, LegendComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
 import { ComposeOption, EChartsType, init, SetOptionOpts } from 'echarts/core';
 export type ChartInitParameters = Parameters<typeof init>;
 export type ChartTheme = NonNullable<ChartInitParameters[1]>;
@@ -47,8 +47,9 @@ interface ComponentOption {
     z?: number;
     zlevel?: number;
 }
-export type BaseChartOption<T extends ComponentOption> = ComposeOption<DatasetComponentOption | DataZoomComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption | T>;
-export type ChartOption = ComposeOption<DatasetComponentOption | DataZoomComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption | BarSeriesOption | PieSeriesOption | LineSeriesOption>;
+type CommonComponentOption = GraphicComponentOption | DatasetComponentOption | DataZoomComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption;
+export type BaseChartOption<T extends ComponentOption> = ComposeOption<CommonComponentOption | T>;
+export type ChartOption = BaseChartOption<RadarComponentOption | RadarSeriesOption | GaugeSeriesOption | CustomSeriesOption | BarSeriesOption | PieSeriesOption | LineSeriesOption>;
 export interface ChartProps extends ChartOption, AdditionalChartOption {
 }
 /** Named caller-facing props for component declarations; defaults are not resolved. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A chart component library for Vue 2 & 3",
   "keywords": [
     "vue",