react-use-echarts 1.0.0 → 1.0.2

package/README.md

@@ -282,6 +282,8 @@ function LinkedCharts() {
 
 Only initialize charts when they enter the viewport, great for pages with many charts.
 
+> 默认懒加载参数：`rootMargin: '50px'`，`threshold: 0.1`
+
 ```tsx
 import { useRef } from 'react';
 import { useEcharts } from 'react-use-echarts';
@@ -385,6 +387,24 @@ function ChartWithInstance() {
     </div>
   );
 }
+
+### Utilities
+
+高级场景可直接使用导出的实例缓存与组联动工具：
+
+```tsx
+import {
+  getCachedInstance,
+  clearInstanceCache,
+  getGroupInstances,
+  updateGroup,
+  addToGroup,
+  removeFromGroup,
+} from 'react-use-echarts';
+```
+
+- `getCachedInstance` / `clearInstanceCache`：查询或清理内部实例缓存
+- `getGroupInstances` / `addToGroup` / `removeFromGroup` / `updateGroup`：手动管理 ECharts 组联动
 ```
 
 ### Manual Resize
@@ -494,11 +514,11 @@ const { setOption, getInstance, resize } = useEcharts(chartRef, options);
 
 ```tsx
 import {
-  registerBuiltinThemes,
-  getBuiltinTheme,
+  getAvailableThemes,
   isBuiltinTheme,
+  getBuiltinTheme,
   registerCustomTheme,
-  getAvailableThemes,
+  registerBuiltinThemes,
 } from 'react-use-echarts';
 
 // Get all available built-in theme names
@@ -513,6 +533,9 @@ const darkTheme = getBuiltinTheme('dark');
 
 // Register a custom theme globally
 registerCustomTheme('my-theme', { color: ['#ff0000', '#00ff00'] });
+
+// Register built-in themes to ECharts (auto-called on module load, rarely needed manually)
+registerBuiltinThemes();
 ```
 
 ### useLazyInit
@@ -615,6 +638,13 @@ function MyChart() {
 }
 ```
 
+### 1.0.2
+
+- 主题切换后保留组联动与 loading 状态
+- 懒加载完成后正确加入组
+- onEvents 变更时自动重绑事件
+- 文档补充实例缓存与组联动工具导出
+
 ## 📝 Changelog
 
 Detailed changes for each release are documented in the [release notes](https://github.com/chensid/react-use-echarts/releases).

package/dist/index.es.js

@@ -1,69 +1,73 @@
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import * as echarts from "echarts";
-var __commonJSMin = (e, l) => () => (l || e((l = { exports: {} }).exports, l), l.exports), __require = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, l) => (typeof require < "u" ? require : e)[l] }) : e)(function(e) {
+var __commonJSMin = (e, i) => () => (i || e((i = { exports: {} }).exports, i), i.exports), __require = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, i) => (typeof require < "u" ? require : e)[i] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function.");
 }), require_react_compiler_runtime_production = /* @__PURE__ */ __commonJSMin(((e) => {
-	var l = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+	var i = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 	e.c = function(e) {
-		return l.H.useMemoCache(e);
+		return i.H.useMemoCache(e);
 	};
 })), require_react_compiler_runtime_development = /* @__PURE__ */ __commonJSMin(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
-		var l = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+		var i = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 		e.c = function(e) {
-			var u = l.H;
-			return u === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), u.useMemoCache(e);
+			var a = i.H;
+			return a === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), a.useMemoCache(e);
 		};
 	})();
-})), import_compiler_runtime = (/* @__PURE__ */ __commonJSMin(((e, l) => {
-	process.env.NODE_ENV === "production" ? l.exports = require_react_compiler_runtime_production() : l.exports = require_react_compiler_runtime_development();
+})), import_compiler_runtime = (/* @__PURE__ */ __commonJSMin(((e, i) => {
+	process.env.NODE_ENV === "production" ? i.exports = require_react_compiler_runtime_production() : i.exports = require_react_compiler_runtime_development();
 })))();
-function useLazyInit(l, f = !1) {
-	let p = f !== !1, [m, h] = useState(!p), g = useRef(f);
-	return g.current = f, useEffect(() => {
-		if (!p || m) return;
-		let e = l.current;
+function useLazyInit(i, o = !1) {
+	let c = o !== !1, [l, u] = useState(!c), d = typeof o == "object", f = d ? o.root : null, p = d ? o.rootMargin : void 0, m = d ? o.threshold : void 0, h = useMemo(() => ({
+		root: f ?? null,
+		rootMargin: p ?? "50px",
+		threshold: m ?? .1
+	}), [
+		f,
+		p,
+		m === void 0 ? void 0 : JSON.stringify(m)
+	]);
+	return useEffect(() => {
+		if (!c || l) return;
+		let e = i.current;
 		if (!e) return;
-		let u = g.current, d = {
-			root: null,
-			rootMargin: "50px",
-			threshold: .1,
-			...typeof u == "object" ? u : {}
-		}, f = new IntersectionObserver((e) => {
-			let [l] = e;
-			l.isIntersecting && (h(!0), f.disconnect());
-		}, d);
-		return f.observe(e), () => {
-			f.disconnect();
+		let a = new IntersectionObserver((e) => {
+			let [i] = e;
+			i.isIntersecting && (u(!0), a.disconnect());
+		}, h);
+		return a.observe(e), () => {
+			a.disconnect();
 		};
 	}, [
+		i,
+		c,
 		l,
-		p,
-		m
-	]), m;
+		h
+	]), l;
 }
 var instanceCache = /* @__PURE__ */ new WeakMap(), trackedElements = /* @__PURE__ */ new Set();
 function getCachedInstance(e) {
 	return instanceCache.get(e)?.instance;
 }
-function setCachedInstance(e, l) {
-	let u = instanceCache.get(e);
-	return u ? (u.refCount += 1, u.instance) : (instanceCache.set(e, {
-		instance: l,
+function setCachedInstance(e, i) {
+	let a = instanceCache.get(e);
+	return a ? (a.refCount += 1, a.instance) : (instanceCache.set(e, {
+		instance: i,
 		refCount: 1
-	}), trackedElements.add(e), l);
+	}), trackedElements.add(e), i);
 }
-function replaceCachedInstance(e, l) {
-	let u = instanceCache.get(e);
-	return u ? (u.instance.dispose(), u.instance = l, l) : (instanceCache.set(e, {
-		instance: l,
+function replaceCachedInstance(e, i) {
+	let a = instanceCache.get(e);
+	return a ? (a.instance.dispose(), a.instance = i, i) : (instanceCache.set(e, {
+		instance: i,
 		refCount: 1
-	}), trackedElements.add(e), l);
+	}), trackedElements.add(e), i);
 }
 function releaseCachedInstance(e) {
-	let l = instanceCache.get(e);
-	l && (--l.refCount, l.refCount <= 0 && (l.instance.dispose(), instanceCache.delete(e), trackedElements.delete(e)));
+	let i = instanceCache.get(e);
+	i && (--i.refCount, i.refCount <= 0 && (i.instance.dispose(), instanceCache.delete(e), trackedElements.delete(e)));
 }
 function getReferenceCount(e) {
 	return instanceCache.get(e)?.refCount ?? 0;
@@ -73,23 +77,23 @@ function clearInstanceCache() {
 	instanceCache = /* @__PURE__ */ new WeakMap(), trackedElements.clear();
 }
 var groupRegistry = /* @__PURE__ */ new Map();
-function addToGroup(e, l) {
-	let u = groupRegistry.get(l);
-	u || (u = /* @__PURE__ */ new Set(), groupRegistry.set(l, u)), u.add(e), u.size > 1 && echarts.connect(l);
+function addToGroup(e, i) {
+	let a = groupRegistry.get(i);
+	a || (a = /* @__PURE__ */ new Set(), groupRegistry.set(i, a)), a.add(e), a.size > 1 && echarts.connect(i);
 }
-function removeFromGroup(e, l) {
-	let u = groupRegistry.get(l);
-	u && (u.delete(e), u.size === 0 ? (groupRegistry.delete(l), echarts.disconnect(l)) : u.size === 1 ? echarts.disconnect(l) : echarts.connect(l));
+function removeFromGroup(e, i) {
+	let a = groupRegistry.get(i);
+	a && (a.delete(e), a.size === 0 ? (groupRegistry.delete(i), echarts.disconnect(i)) : a.size === 1 ? echarts.disconnect(i) : echarts.connect(i));
 }
-function updateGroup(e, l, u) {
-	l && removeFromGroup(e, l), u && addToGroup(e, u);
+function updateGroup(e, i, a) {
+	i && removeFromGroup(e, i), a && addToGroup(e, a);
 }
 function getGroupInstances(e) {
-	let l = groupRegistry.get(e);
-	return l ? Array.from(l) : [];
+	let i = groupRegistry.get(e);
+	return i ? Array.from(i) : [];
 }
 function getInstanceGroup(e) {
-	for (let [l, u] of groupRegistry.entries()) if (u.has(e)) return l;
+	for (let [i, a] of groupRegistry.entries()) if (a.has(e)) return i;
 }
 function isInGroup(e) {
 	return getInstanceGroup(e) !== void 0;
@@ -944,7 +948,7 @@ var themeRegistry = new Map([
 	}]
 ]), customThemeCache = /* @__PURE__ */ new WeakMap(), customThemeCounter = 0;
 function registerBuiltinThemes() {
-	for (let [e, l] of themeRegistry.entries()) echarts.registerTheme(e, l);
+	for (let [e, i] of themeRegistry.entries()) echarts.registerTheme(e, i);
 }
 function getBuiltinTheme(e) {
 	return themeRegistry.get(e) || null;
@@ -952,14 +956,14 @@ function getBuiltinTheme(e) {
 function isBuiltinTheme(e) {
 	return themeRegistry.has(e);
 }
-function registerCustomTheme(e, l) {
-	echarts.registerTheme(e, l);
+function registerCustomTheme(e, i) {
+	echarts.registerTheme(e, i);
 }
 function getOrRegisterCustomTheme(e) {
-	let l = customThemeCache.get(e);
-	if (l) return l;
-	let u = `__custom_theme_${customThemeCounter++}`;
-	return echarts.registerTheme(u, e), customThemeCache.set(e, u), u;
+	let i = customThemeCache.get(e);
+	if (i) return i;
+	let a = `__custom_theme_${customThemeCounter++}`;
+	return echarts.registerTheme(a, e), customThemeCache.set(e, a), a;
 }
 function getAvailableThemes() {
 	return Array.from(themeRegistry.keys());
@@ -968,129 +972,151 @@ registerBuiltinThemes();
 function resolveThemeName(e) {
 	return e == null ? null : typeof e == "string" && isBuiltinTheme(e) ? e : typeof e == "object" ? getOrRegisterCustomTheme(e) : null;
 }
-function bindEvents(e, l) {
-	if (l) for (let [u, { handler: d, query: f, context: p }] of Object.entries(l)) f ? e.on(u, f, d, p) : e.on(u, d, p);
+function bindEvents(e, i) {
+	if (i) for (let [a, { handler: o, query: s, context: c }] of Object.entries(i)) s ? e.on(a, s, o, c) : e.on(a, o, c);
 }
-function unbindEvents(e, l) {
-	if (l) for (let [u, { handler: d }] of Object.entries(l)) e.off(u, d);
+function unbindEvents(e, i) {
+	if (i) for (let [a, { handler: o }] of Object.entries(i)) e.off(a, o);
 }
-function useEcharts(d, p) {
-	let m = (0, import_compiler_runtime.c)(53), { option: h, theme: g, renderer: _, lazyInit: v, group: y, setOptionOpts: b, showLoading: x, loadingOption: S, onEvents: C } = p, w = _ === void 0 ? "canvas" : _, T = v === void 0 ? !1 : v, E = x === void 0 ? !1 : x, D = useRef(void 0), O = useRef(void 0), k = useRef(C), A, j;
-	m[0] === C ? (A = m[1], j = m[2]) : (A = () => {
-		k.current = C;
-	}, j = [C], m[0] = C, m[1] = A, m[2] = j), useEffect(A, j);
-	let M = useLazyInit(d, T), N;
-	m[3] === d ? N = m[4] : (N = () => {
-		if (d.current) return getCachedInstance(d.current);
-	}, m[3] = d, m[4] = N);
-	let P = N, F;
-	m[5] !== d || m[6] !== w || m[7] !== M || m[8] !== g ? (F = () => {
-		let e = d.current;
-		if (!e || !M) return;
-		let l = getCachedInstance(e);
-		if (!l) {
-			let u = resolveThemeName(g);
-			l = echarts.init(e, u, { renderer: w }), setCachedInstance(e, l), O.current = g;
+function useEcharts(a, s) {
+	let l = (0, import_compiler_runtime.c)(68), { option: u, theme: d, renderer: f, lazyInit: h, group: g, setOptionOpts: _, showLoading: v, loadingOption: y, onEvents: b } = s, x = f === void 0 ? "canvas" : f, S = h === void 0 ? !1 : h, C = v === void 0 ? !1 : v, w = useRef(void 0), T = useRef(void 0), E = useRef(b), D = useRef(void 0), O, k;
+	l[0] === b ? (O = l[1], k = l[2]) : (O = () => {
+		E.current = b;
+	}, k = [b], l[0] = b, l[1] = O, l[2] = k), useEffect(O, k);
+	let A = useLazyInit(a, S), j;
+	l[3] === a ? j = l[4] : (j = () => {
+		if (a.current) return getCachedInstance(a.current);
+	}, l[3] = a, l[4] = j);
+	let M = j, N;
+	l[5] !== a || l[6] !== x || l[7] !== A || l[8] !== d ? (N = () => {
+		let e = a.current;
+		if (!e || !A) return;
+		let i = getCachedInstance(e);
+		if (!i) {
+			let a = resolveThemeName(d);
+			i = echarts.init(e, a, { renderer: x }), setCachedInstance(e, i), T.current = d;
 		}
-		return l;
-	}, m[5] = d, m[6] = w, m[7] = M, m[8] = g, m[9] = F) : F = m[9];
-	let I = F, L;
-	m[10] !== P || m[11] !== I || m[12] !== b ? (L = (e, l) => {
+		return i;
+	}, l[5] = a, l[6] = x, l[7] = A, l[8] = d, l[9] = N) : N = l[9];
+	let P = N, F;
+	l[10] !== M || l[11] !== P || l[12] !== _ ? (F = (e, i) => {
 		queueMicrotask(() => {
-			let u = P() || I();
-			if (u) {
-				let d = {
-					...b,
-					...l
+			let a = M() || P();
+			if (a) {
+				let o = {
+					..._,
+					...i
 				};
-				u.setOption(e, d);
+				a.setOption(e, o);
 			}
 		});
-	}, m[10] = P, m[11] = I, m[12] = b, m[13] = L) : L = m[13];
-	let R = L, z;
-	m[14] === P ? z = m[15] : (z = () => {
-		P()?.resize();
-	}, m[14] = P, m[15] = z);
-	let B = z, V, H;
-	m[16] !== I || m[17] !== S || m[18] !== h || m[19] !== d || m[20] !== b || m[21] !== M || m[22] !== E ? (H = () => {
-		if (!M) return;
-		let e = d.current;
+	}, l[10] = M, l[11] = P, l[12] = _, l[13] = F) : F = l[13];
+	let I = F, L;
+	l[14] === M ? L = l[15] : (L = () => {
+		M()?.resize();
+	}, l[14] = M, l[15] = L);
+	let R = L, z, B;
+	l[16] !== P || l[17] !== y || l[18] !== u || l[19] !== a || l[20] !== _ || l[21] !== A || l[22] !== C ? (B = () => {
+		if (!A) return;
+		let e = a.current;
 		if (!e) return;
-		let l = I();
-		if (l) return l.setOption(h, b), E && l.showLoading(S), bindEvents(l, k.current), () => {
-			let l = getCachedInstance(e);
-			if (!l) return;
-			let u = D.current;
-			u && updateGroup(l, u, void 0), unbindEvents(l, k.current), releaseCachedInstance(e);
+		let i = P();
+		if (i) return i.setOption(u, _), C && i.showLoading(y), bindEvents(i, E.current), D.current = E.current, () => {
+			let i = getCachedInstance(e);
+			if (!i) return;
+			let a = w.current;
+			a && updateGroup(i, a, void 0), unbindEvents(i, D.current), D.current = void 0, releaseCachedInstance(e);
 		};
-	}, V = [
+	}, z = [
+		A,
+		P,
+		u,
+		_,
+		C,
+		y,
+		a
+	], l[16] = P, l[17] = y, l[18] = u, l[19] = a, l[20] = _, l[21] = A, l[22] = C, l[23] = z, l[24] = B) : (z = l[23], B = l[24]), useLayoutEffect(B, z);
+	let V, H;
+	l[25] !== M || l[26] !== u || l[27] !== _ ? (V = () => {
+		let e = M();
+		e && e.setOption(u, _);
+	}, H = [
 		M,
-		I,
-		h,
-		b,
-		E,
-		S,
-		d
-	], m[16] = I, m[17] = S, m[18] = h, m[19] = d, m[20] = b, m[21] = M, m[22] = E, m[23] = V, m[24] = H) : (V = m[23], H = m[24]), useLayoutEffect(H, V);
+		u,
+		_
+	], l[25] = M, l[26] = u, l[27] = _, l[28] = V, l[29] = H) : (V = l[28], H = l[29]), useEffect(V, H);
 	let U, W;
-	m[25] !== P || m[26] !== h || m[27] !== b ? (U = () => {
-		let e = P();
-		e && e.setOption(h, b);
+	l[30] !== y || l[31] !== u || l[32] !== a || l[33] !== x || l[34] !== _ || l[35] !== C || l[36] !== d ? (U = () => {
+		let e = a.current;
+		if (!e) return;
+		let i = getCachedInstance(e);
+		if (!i || T.current === d) return;
+		let o = w.current;
+		o && updateGroup(i, o, void 0);
+		let s = resolveThemeName(d), l = echarts.init(e, s, { renderer: x });
+		replaceCachedInstance(e, l), T.current = d, l.setOption(u, _), bindEvents(l, E.current), D.current = E.current, o && updateGroup(l, void 0, o), C ? l.showLoading(y) : l.hideLoading();
 	}, W = [
-		P,
-		h,
-		b
-	], m[25] = P, m[26] = h, m[27] = b, m[28] = U, m[29] = W) : (U = m[28], W = m[29]), useEffect(U, W);
-	let G, K;
-	m[30] !== h || m[31] !== d || m[32] !== w || m[33] !== b || m[34] !== g ? (G = () => {
-		let e = d.current;
-		if (!e || !getCachedInstance(e) || O.current === g) return;
-		let l = resolveThemeName(g), u = echarts.init(e, l, { renderer: w });
-		replaceCachedInstance(e, u), O.current = g, u.setOption(h, b), bindEvents(u, k.current);
-	}, K = [
+		a,
 		d,
-		g,
-		w,
-		h,
-		b
-	], m[30] = h, m[31] = d, m[32] = w, m[33] = b, m[34] = g, m[35] = G, m[36] = K) : (G = m[35], K = m[36]), useEffect(G, K);
+		x,
+		u,
+		_,
+		C,
+		y
+	], l[30] = y, l[31] = u, l[32] = a, l[33] = x, l[34] = _, l[35] = C, l[36] = d, l[37] = U, l[38] = W) : (U = l[37], W = l[38]), useEffect(U, W);
+	let G;
+	l[39] !== M || l[40] !== y || l[41] !== C ? (G = () => {
+		let e = M();
+		e && (C ? e.showLoading(y) : e.hideLoading());
+	}, l[39] = M, l[40] = y, l[41] = C, l[42] = G) : G = l[42];
+	let K;
+	l[43] !== M || l[44] !== y || l[45] !== C || l[46] !== d ? (K = [
+		M,
+		C,
+		y,
+		d
+	], l[43] = M, l[44] = y, l[45] = C, l[46] = d, l[47] = K) : K = l[47], useEffect(G, K);
 	let q, J;
-	m[37] !== P || m[38] !== S || m[39] !== E ? (q = () => {
-		let e = P();
-		e && (E ? e.showLoading(S) : e.hideLoading());
-	}, J = [
-		P,
-		E,
-		S
-	], m[37] = P, m[38] = S, m[39] = E, m[40] = q, m[41] = J) : (q = m[40], J = m[41]), useEffect(q, J);
-	let Y, X;
-	m[42] !== P || m[43] !== y ? (Y = () => {
-		let e = P();
-		e && (updateGroup(e, D.current, y), D.current = y);
-	}, X = [P, y], m[42] = P, m[43] = y, m[44] = Y, m[45] = X) : (Y = m[44], X = m[45]), useEffect(Y, X);
+	l[48] !== M || l[49] !== b ? (q = () => {
+		let e = M();
+		e && D.current !== b && (unbindEvents(e, D.current), bindEvents(e, b), D.current = b);
+	}, J = [M, b], l[48] = M, l[49] = b, l[50] = q, l[51] = J) : (q = l[50], J = l[51]), useEffect(q, J);
+	let Y;
+	l[52] !== M || l[53] !== g || l[54] !== A ? (Y = () => {
+		if (!A) return;
+		let e = M();
+		e && (updateGroup(e, w.current, g), w.current = g);
+	}, l[52] = M, l[53] = g, l[54] = A, l[55] = Y) : Y = l[55];
+	let X;
+	l[56] !== M || l[57] !== g || l[58] !== A || l[59] !== d ? (X = [
+		M,
+		g,
+		A,
+		d
+	], l[56] = M, l[57] = g, l[58] = A, l[59] = d, l[60] = X) : X = l[60], useEffect(Y, X);
 	let Z, Q;
-	m[46] === d ? (Z = m[47], Q = m[48]) : (Z = () => {
-		let e = d.current;
+	l[61] === a ? (Z = l[62], Q = l[63]) : (Z = () => {
+		let e = a.current;
 		if (!e) return;
-		let l;
+		let i;
 		try {
-			l = new ResizeObserver(() => {
+			i = new ResizeObserver(() => {
 				getCachedInstance(e)?.resize();
-			}), l.observe(e);
+			}), i.observe(e);
 		} catch (e) {
-			let l = e;
-			console.warn("ResizeObserver not available:", l);
+			let i = e;
+			console.warn("ResizeObserver not available:", i);
 		}
 		return () => {
-			l?.disconnect();
+			i?.disconnect();
 		};
-	}, Q = [d], m[46] = d, m[47] = Z, m[48] = Q), useEffect(Z, Q);
+	}, Q = [a], l[61] = a, l[62] = Z, l[63] = Q), useEffect(Z, Q);
 	let $;
-	return m[49] !== P || m[50] !== B || m[51] !== R ? ($ = {
-		setOption: R,
-		getInstance: P,
-		resize: B
-	}, m[49] = P, m[50] = B, m[51] = R, m[52] = $) : $ = m[52], $;
+	return l[64] !== M || l[65] !== R || l[66] !== I ? ($ = {
+		setOption: I,
+		getInstance: M,
+		resize: R
+	}, l[64] = M, l[65] = R, l[66] = I, l[67] = $) : $ = l[67], $;
 }
 var use_echarts_default = useEcharts;
 export { addToGroup, clearGroups, clearInstanceCache, getAvailableThemes, getBuiltinTheme, getCachedInstance, getGroupInstances, getInstanceGroup, getReferenceCount, isBuiltinTheme, isInGroup, registerBuiltinThemes, registerCustomTheme, releaseCachedInstance, removeFromGroup, replaceCachedInstance, setCachedInstance, updateGroup, use_echarts_default as useEcharts, useLazyInit };

package/dist/index.umd.js

@@ -1,5 +1,5 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`echarts`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`echarts`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`react-use-echarts`]={},e.React,e.echarts))})(this,function(e,t,n){var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(n);var d=l((e=>{var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){return t.H.useMemoCache(e)}})),f=l((e=>{process.env.NODE_ENV!==`production`&&(function(){var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){var n=t.H;return n===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`echarts`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`echarts`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`react-use-echarts`]={},e.React,e.echarts))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(n);var d=l((e=>{var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){return t.H.useMemoCache(e)}})),f=l((e=>{process.env.NODE_ENV!==`production`&&(function(){var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){var n=t.H;return n===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
 2. You might be breaking the Rules of Hooks
 3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),n.useMemoCache(e)}})()})),p=l(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=d():t.exports=f()}))();function m(e,n=!1){let r=n!==!1,[i,a]=(0,t.useState)(!r),o=(0,t.useRef)(n);return o.current=n,(0,t.useEffect)(()=>{if(!r||i)return;let t=e.current;if(!t)return;let n=o.current,s={root:null,rootMargin:`50px`,threshold:.1,...typeof n==`object`?n:{}},c=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(a(!0),c.disconnect())},s);return c.observe(t),()=>{c.disconnect()}},[e,r,i]),i}var h=new WeakMap,g=new Set;function _(e){return h.get(e)?.instance}function v(e,t){let n=h.get(e);return n?(n.refCount+=1,n.instance):(h.set(e,{instance:t,refCount:1}),g.add(e),t)}function y(e,t){let n=h.get(e);return n?(n.instance.dispose(),n.instance=t,t):(h.set(e,{instance:t,refCount:1}),g.add(e),t)}function b(e){let t=h.get(e);t&&(--t.refCount,t.refCount<=0&&(t.instance.dispose(),h.delete(e),g.delete(e)))}function x(e){return h.get(e)?.refCount??0}function S(){for(let e of g)h.get(e)?.instance.dispose();h=new WeakMap,g.clear()}var C=new Map;function w(e,t){let r=C.get(t);r||(r=new Set,C.set(t,r)),r.add(e),r.size>1&&n.connect(t)}function T(e,t){let r=C.get(t);r&&(r.delete(e),r.size===0?(C.delete(t),n.disconnect(t)):r.size===1?n.disconnect(t):n.connect(t))}function E(e,t,n){t&&T(e,t),n&&w(e,n)}function D(e){let t=C.get(e);return t?Array.from(t):[]}function O(e){for(let[t,n]of C.entries())if(n.has(e))return t}function k(e){return O(e)!==void 0}function A(){for(let e of C.keys())n.disconnect(e);C.clear()}var j=new Map([[`light`,{color:[`#5470c6`,`#91cc75`,`#fac858`,`#ee6666`,`#73c0de`,`#3ba272`,`#fc8452`,`#9a60b4`,`#ea7ccc`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#464646`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#ccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},candlestick:{itemStyle:{color:`#eb5454`,color0:`#47b262`,borderColor:`#eb5454`,borderColor0:`#47b262`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#ccc`},lineStyle:{width:1,color:`#aaa`},symbolSize:4,symbol:`emptyCircle`,smooth:!1,color:[`#5470c6`,`#91cc75`,`#fac858`,`#ee6666`,`#73c0de`,`#3ba272`,`#fc8452`,`#9a60b4`,`#ea7ccc`],label:{color:`#eee`}},map:{itemStyle:{areaColor:`#eee`,borderColor:`#444`,borderWidth:.5},label:{color:`#000`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#eee`,borderColor:`#444`,borderWidth:.5},label:{color:`#000`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!1,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},toolbox:{iconStyle:{borderColor:`#999`},emphasis:{iconStyle:{borderColor:`#666`}}},legend:{textStyle:{color:`#333`}},tooltip:{axisPointer:{lineStyle:{color:`#ccc`,width:1},crossStyle:{color:`#ccc`,width:1}}},timeline:{lineStyle:{color:`#293c55`,width:1},itemStyle:{color:`#293c55`,borderWidth:1},controlStyle:{color:`#293c55`,borderColor:`#293c55`,borderWidth:.5},checkpointStyle:{color:`#e43c59`,borderColor:`#c23531`},label:{color:`#293c55`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#293c55`,borderColor:`#293c55`,borderWidth:.5},label:{color:`#293c55`}}},visualMap:{color:[`#bf444c`,`#d88273`,`#f6efa6`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(255,255,255,0.3)`,fillerColor:`rgba(167,183,204,0.4)`,handleColor:`#a7b7cc`,handleSize:`100%`,textStyle:{color:`#333`}},markPoint:{label:{color:`#eee`},emphasis:{label:{color:`#eee`}}}}],[`dark`,{color:[`#4992ff`,`#7cffb2`,`#fddd60`,`#ff6e76`,`#58d9f9`,`#05c091`,`#ff8a45`,`#8d4eda`,`#dd79ff`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#cccccc`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#cccccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},candlestick:{itemStyle:{color:`#eb5454`,color0:`#47b262`,borderColor:`#eb5454`,borderColor0:`#47b262`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#cccccc`},lineStyle:{width:1,color:`#aaaaaa`},symbolSize:4,symbol:`emptyCircle`,smooth:!1,color:[`#4992ff`,`#7cffb2`,`#fddd60`,`#ff6e76`,`#58d9f9`,`#05c091`,`#ff8a45`,`#8d4eda`,`#dd79ff`],label:{color:`#cccccc`}},map:{itemStyle:{areaColor:`#2a2a2a`,borderColor:`#444444`,borderWidth:.5},label:{color:`#cccccc`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#2a2a2a`,borderColor:`#444444`,borderWidth:.5},label:{color:`#cccccc`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!1,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},toolbox:{iconStyle:{borderColor:`#cccccc`},emphasis:{iconStyle:{borderColor:`#ffffff`}}},legend:{textStyle:{color:`#cccccc`}},tooltip:{axisPointer:{lineStyle:{color:`#cccccc`,width:1},crossStyle:{color:`#cccccc`,width:1}}},timeline:{lineStyle:{color:`#cccccc`,width:1},itemStyle:{color:`#cccccc`,borderWidth:1},controlStyle:{color:`#cccccc`,borderColor:`#cccccc`,borderWidth:.5},checkpointStyle:{color:`#e43c59`,borderColor:`#c23531`},label:{color:`#cccccc`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#cccccc`,borderColor:`#cccccc`,borderWidth:.5},label:{color:`#cccccc`}}},visualMap:{color:[`#ff6e76`,`#fddd60`,`#7cffb2`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(255,255,255,0.3)`,fillerColor:`rgba(167,183,204,0.4)`,handleColor:`#a7b7cc`,handleSize:`100%`,textStyle:{color:`#cccccc`}},markPoint:{label:{color:`#cccccc`},emphasis:{label:{color:`#cccccc`}}}}],[`macarons`,{color:[`#2ec7c9`,`#b6a2de`,`#5ab1ef`,`#ffb980`,`#d87a80`,`#8d98b3`,`#e5cf0d`,`#97b552`,`#95706d`,`#dc69aa`,`#07a2a4`,`#9a7fd1`,`#588dd5`,`#f5994e`,`#c05050`,`#59678c`,`#c9ab00`,`#7eb00a`,`#6f5553`,`#c14089`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#008acd`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:`emptyCircle`,smooth:!0},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:`emptyCircle`,smooth:!0},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#ccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},candlestick:{itemStyle:{color:`#d87a80`,color0:`#2ec7c9`,borderColor:`#d87a80`,borderColor0:`#2ec7c9`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#ccc`},lineStyle:{width:1,color:`#aaa`},symbolSize:3,symbol:`emptyCircle`,smooth:!0,color:[`#2ec7c9`,`#b6a2de`,`#5ab1ef`,`#ffb980`,`#d87a80`,`#8d98b3`,`#e5cf0d`,`#97b552`,`#95706d`,`#dc69aa`,`#07a2a4`,`#9a7fd1`,`#588dd5`,`#f5994e`,`#c05050`,`#59678c`,`#c9ab00`,`#7eb00a`,`#6f5553`,`#c14089`],label:{color:`#eee`}},map:{itemStyle:{areaColor:`#dddddd`,borderColor:`#eeeeee`,borderWidth:.5},label:{color:`#d87a80`},emphasis:{itemStyle:{areaColor:`rgba(254,153,78,1)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#dddddd`,borderColor:`#eeeeee`,borderWidth:.5},label:{color:`#d87a80`},emphasis:{itemStyle:{areaColor:`rgba(254,153,78,1)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!1,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},toolbox:{iconStyle:{borderColor:`#2ec7c9`},emphasis:{iconStyle:{borderColor:`#18a4a6`}}},legend:{textStyle:{color:`#333333`}},tooltip:{axisPointer:{lineStyle:{color:`#008acd`,width:`1`},crossStyle:{color:`#008acd`,width:`1`}}},timeline:{lineStyle:{color:`#008acd`,width:1},itemStyle:{color:`#008acd`,borderWidth:1},controlStyle:{color:`#008acd`,borderColor:`#008acd`,borderWidth:.5},checkpointStyle:{color:`#2ec7c9`,borderColor:`#2ec7c9`},label:{color:`#008acd`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#008acd`,borderColor:`#008acd`,borderWidth:.5},label:{color:`#008acd`}}},visualMap:{color:[`#5ab1ef`,`#e0ffff`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(239,239,255,0.3)`,fillerColor:`rgba(182,162,222,0.2)`,handleColor:`#008acd`,handleSize:`100%`,textStyle:{color:`#333333`}},markPoint:{label:{color:`#eeeeee`},emphasis:{label:{color:`#eeeeee`}}}}]]),M=new WeakMap,N=0;function P(){for(let[e,t]of j.entries())n.registerTheme(e,t)}function F(e){return j.get(e)||null}function I(e){return j.has(e)}function L(e,t){n.registerTheme(e,t)}function R(e){let t=M.get(e);if(t)return t;let r=`__custom_theme_${N++}`;return n.registerTheme(r,e),M.set(e,r),r}function z(){return Array.from(j.keys())}P();function B(e){return e==null?null:typeof e==`string`&&I(e)?e:typeof e==`object`?R(e):null}function V(e,t){if(t)for(let[n,{handler:r,query:i,context:a}]of Object.entries(t))i?e.on(n,i,r,a):e.on(n,r,a)}function H(e,t){if(t)for(let[n,{handler:r}]of Object.entries(t))e.off(n,r)}function U(e,r){let i=(0,p.c)(53),{option:a,theme:o,renderer:s,lazyInit:c,group:l,setOptionOpts:u,showLoading:d,loadingOption:f,onEvents:h}=r,g=s===void 0?`canvas`:s,x=c===void 0?!1:c,S=d===void 0?!1:d,C=(0,t.useRef)(void 0),w=(0,t.useRef)(void 0),T=(0,t.useRef)(h),D,O;i[0]===h?(D=i[1],O=i[2]):(D=()=>{T.current=h},O=[h],i[0]=h,i[1]=D,i[2]=O),(0,t.useEffect)(D,O);let k=m(e,x),A;i[3]===e?A=i[4]:(A=()=>{if(e.current)return _(e.current)},i[3]=e,i[4]=A);let j=A,M;i[5]!==e||i[6]!==g||i[7]!==k||i[8]!==o?(M=()=>{let t=e.current;if(!t||!k)return;let r=_(t);if(!r){let e=B(o);r=n.init(t,e,{renderer:g}),v(t,r),w.current=o}return r},i[5]=e,i[6]=g,i[7]=k,i[8]=o,i[9]=M):M=i[9];let N=M,P;i[10]!==j||i[11]!==N||i[12]!==u?(P=(e,t)=>{queueMicrotask(()=>{let n=j()||N();if(n){let r={...u,...t};n.setOption(e,r)}})},i[10]=j,i[11]=N,i[12]=u,i[13]=P):P=i[13];let F=P,I;i[14]===j?I=i[15]:(I=()=>{j()?.resize()},i[14]=j,i[15]=I);let L=I,R,z;i[16]!==N||i[17]!==f||i[18]!==a||i[19]!==e||i[20]!==u||i[21]!==k||i[22]!==S?(z=()=>{if(!k)return;let t=e.current;if(!t)return;let n=N();if(n)return n.setOption(a,u),S&&n.showLoading(f),V(n,T.current),()=>{let e=_(t);if(!e)return;let n=C.current;n&&E(e,n,void 0),H(e,T.current),b(t)}},R=[k,N,a,u,S,f,e],i[16]=N,i[17]=f,i[18]=a,i[19]=e,i[20]=u,i[21]=k,i[22]=S,i[23]=R,i[24]=z):(R=i[23],z=i[24]),(0,t.useLayoutEffect)(z,R);let U,W;i[25]!==j||i[26]!==a||i[27]!==u?(U=()=>{let e=j();e&&e.setOption(a,u)},W=[j,a,u],i[25]=j,i[26]=a,i[27]=u,i[28]=U,i[29]=W):(U=i[28],W=i[29]),(0,t.useEffect)(U,W);let G,K;i[30]!==a||i[31]!==e||i[32]!==g||i[33]!==u||i[34]!==o?(G=()=>{let t=e.current;if(!t||!_(t)||w.current===o)return;let r=B(o),i=n.init(t,r,{renderer:g});y(t,i),w.current=o,i.setOption(a,u),V(i,T.current)},K=[e,o,g,a,u],i[30]=a,i[31]=e,i[32]=g,i[33]=u,i[34]=o,i[35]=G,i[36]=K):(G=i[35],K=i[36]),(0,t.useEffect)(G,K);let q,J;i[37]!==j||i[38]!==f||i[39]!==S?(q=()=>{let e=j();e&&(S?e.showLoading(f):e.hideLoading())},J=[j,S,f],i[37]=j,i[38]=f,i[39]=S,i[40]=q,i[41]=J):(q=i[40],J=i[41]),(0,t.useEffect)(q,J);let Y,X;i[42]!==j||i[43]!==l?(Y=()=>{let e=j();e&&(E(e,C.current,l),C.current=l)},X=[j,l],i[42]=j,i[43]=l,i[44]=Y,i[45]=X):(Y=i[44],X=i[45]),(0,t.useEffect)(Y,X);let Z,Q;i[46]===e?(Z=i[47],Q=i[48]):(Z=()=>{let t=e.current;if(!t)return;let n;try{n=new ResizeObserver(()=>{_(t)?.resize()}),n.observe(t)}catch(e){let t=e;console.warn(`ResizeObserver not available:`,t)}return()=>{n?.disconnect()}},Q=[e],i[46]=e,i[47]=Z,i[48]=Q),(0,t.useEffect)(Z,Q);let $;return i[49]!==j||i[50]!==L||i[51]!==F?($={setOption:F,getInstance:j,resize:L},i[49]=j,i[50]=L,i[51]=F,i[52]=$):$=i[52],$}var W=U;e.addToGroup=w,e.clearGroups=A,e.clearInstanceCache=S,e.getAvailableThemes=z,e.getBuiltinTheme=F,e.getCachedInstance=_,e.getGroupInstances=D,e.getInstanceGroup=O,e.getReferenceCount=x,e.isBuiltinTheme=I,e.isInGroup=k,e.registerBuiltinThemes=P,e.registerCustomTheme=L,e.releaseCachedInstance=b,e.removeFromGroup=T,e.replaceCachedInstance=y,e.setCachedInstance=v,e.updateGroup=E,e.useEcharts=W,e.useLazyInit=m});
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),n.useMemoCache(e)}})()})),ee=l(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=d():t.exports=f()}))();function te(e,n=!1){let r=n!==!1,[i,a]=(0,t.useState)(!r),o=typeof n==`object`,s=o?n.root:null,c=o?n.rootMargin:void 0,l=o?n.threshold:void 0,u=(0,t.useMemo)(()=>({root:s??null,rootMargin:c??`50px`,threshold:l??.1}),[s,c,l===void 0?void 0:JSON.stringify(l)]);return(0,t.useEffect)(()=>{if(!r||i)return;let t=e.current;if(!t)return;let n=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(a(!0),n.disconnect())},u);return n.observe(t),()=>{n.disconnect()}},[e,r,i,u]),i}var p=new WeakMap,m=new Set;function h(e){return p.get(e)?.instance}function ne(e,t){let n=p.get(e);return n?(n.refCount+=1,n.instance):(p.set(e,{instance:t,refCount:1}),m.add(e),t)}function g(e,t){let n=p.get(e);return n?(n.instance.dispose(),n.instance=t,t):(p.set(e,{instance:t,refCount:1}),m.add(e),t)}function _(e){let t=p.get(e);t&&(--t.refCount,t.refCount<=0&&(t.instance.dispose(),p.delete(e),m.delete(e)))}function v(e){return p.get(e)?.refCount??0}function y(){for(let e of m)p.get(e)?.instance.dispose();p=new WeakMap,m.clear()}var b=new Map;function x(e,t){let r=b.get(t);r||(r=new Set,b.set(t,r)),r.add(e),r.size>1&&n.connect(t)}function S(e,t){let r=b.get(t);r&&(r.delete(e),r.size===0?(b.delete(t),n.disconnect(t)):r.size===1?n.disconnect(t):n.connect(t))}function C(e,t,n){t&&S(e,t),n&&x(e,n)}function w(e){let t=b.get(e);return t?Array.from(t):[]}function T(e){for(let[t,n]of b.entries())if(n.has(e))return t}function E(e){return T(e)!==void 0}function D(){for(let e of b.keys())n.disconnect(e);b.clear()}var O=new Map([[`light`,{color:[`#5470c6`,`#91cc75`,`#fac858`,`#ee6666`,`#73c0de`,`#3ba272`,`#fc8452`,`#9a60b4`,`#ea7ccc`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#464646`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#ccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},candlestick:{itemStyle:{color:`#eb5454`,color0:`#47b262`,borderColor:`#eb5454`,borderColor0:`#47b262`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#ccc`},lineStyle:{width:1,color:`#aaa`},symbolSize:4,symbol:`emptyCircle`,smooth:!1,color:[`#5470c6`,`#91cc75`,`#fac858`,`#ee6666`,`#73c0de`,`#3ba272`,`#fc8452`,`#9a60b4`,`#ea7ccc`],label:{color:`#eee`}},map:{itemStyle:{areaColor:`#eee`,borderColor:`#444`,borderWidth:.5},label:{color:`#000`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#eee`,borderColor:`#444`,borderWidth:.5},label:{color:`#000`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!1,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#333`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#ccc`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},toolbox:{iconStyle:{borderColor:`#999`},emphasis:{iconStyle:{borderColor:`#666`}}},legend:{textStyle:{color:`#333`}},tooltip:{axisPointer:{lineStyle:{color:`#ccc`,width:1},crossStyle:{color:`#ccc`,width:1}}},timeline:{lineStyle:{color:`#293c55`,width:1},itemStyle:{color:`#293c55`,borderWidth:1},controlStyle:{color:`#293c55`,borderColor:`#293c55`,borderWidth:.5},checkpointStyle:{color:`#e43c59`,borderColor:`#c23531`},label:{color:`#293c55`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#293c55`,borderColor:`#293c55`,borderWidth:.5},label:{color:`#293c55`}}},visualMap:{color:[`#bf444c`,`#d88273`,`#f6efa6`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(255,255,255,0.3)`,fillerColor:`rgba(167,183,204,0.4)`,handleColor:`#a7b7cc`,handleSize:`100%`,textStyle:{color:`#333`}},markPoint:{label:{color:`#eee`},emphasis:{label:{color:`#eee`}}}}],[`dark`,{color:[`#4992ff`,`#7cffb2`,`#fddd60`,`#ff6e76`,`#58d9f9`,`#05c091`,`#ff8a45`,`#8d4eda`,`#dd79ff`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#cccccc`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:4,symbol:`emptyCircle`,smooth:!1},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#cccccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#cccccc`}},candlestick:{itemStyle:{color:`#eb5454`,color0:`#47b262`,borderColor:`#eb5454`,borderColor0:`#47b262`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#cccccc`},lineStyle:{width:1,color:`#aaaaaa`},symbolSize:4,symbol:`emptyCircle`,smooth:!1,color:[`#4992ff`,`#7cffb2`,`#fddd60`,`#ff6e76`,`#58d9f9`,`#05c091`,`#ff8a45`,`#8d4eda`,`#dd79ff`],label:{color:`#cccccc`}},map:{itemStyle:{areaColor:`#2a2a2a`,borderColor:`#444444`,borderWidth:.5},label:{color:`#cccccc`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#2a2a2a`,borderColor:`#444444`,borderWidth:.5},label:{color:`#cccccc`},emphasis:{itemStyle:{areaColor:`rgba(255,215,0,0.8)`,borderColor:`#444444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!1,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#cccccc`}},axisTick:{show:!0,lineStyle:{color:`#cccccc`}},axisLabel:{show:!0,color:`#cccccc`},splitLine:{show:!0,lineStyle:{color:[`#444444`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(255,255,255,0.05)`,`rgba(255,255,255,0.1)`]}}},toolbox:{iconStyle:{borderColor:`#cccccc`},emphasis:{iconStyle:{borderColor:`#ffffff`}}},legend:{textStyle:{color:`#cccccc`}},tooltip:{axisPointer:{lineStyle:{color:`#cccccc`,width:1},crossStyle:{color:`#cccccc`,width:1}}},timeline:{lineStyle:{color:`#cccccc`,width:1},itemStyle:{color:`#cccccc`,borderWidth:1},controlStyle:{color:`#cccccc`,borderColor:`#cccccc`,borderWidth:.5},checkpointStyle:{color:`#e43c59`,borderColor:`#c23531`},label:{color:`#cccccc`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#cccccc`,borderColor:`#cccccc`,borderWidth:.5},label:{color:`#cccccc`}}},visualMap:{color:[`#ff6e76`,`#fddd60`,`#7cffb2`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(255,255,255,0.3)`,fillerColor:`rgba(167,183,204,0.4)`,handleColor:`#a7b7cc`,handleSize:`100%`,textStyle:{color:`#cccccc`}},markPoint:{label:{color:`#cccccc`},emphasis:{label:{color:`#cccccc`}}}}],[`macarons`,{color:[`#2ec7c9`,`#b6a2de`,`#5ab1ef`,`#ffb980`,`#d87a80`,`#8d98b3`,`#e5cf0d`,`#97b552`,`#95706d`,`#dc69aa`,`#07a2a4`,`#9a7fd1`,`#588dd5`,`#f5994e`,`#c05050`,`#59678c`,`#c9ab00`,`#7eb00a`,`#6f5553`,`#c14089`],backgroundColor:`rgba(0,0,0,0)`,textStyle:{},title:{textStyle:{color:`#008acd`}},line:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:`emptyCircle`,smooth:!0},radar:{itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:`emptyCircle`,smooth:!0},bar:{itemStyle:{barBorderWidth:0,barBorderColor:`#ccc`}},pie:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},scatter:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},boxplot:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},parallel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},sankey:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},funnel:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},gauge:{itemStyle:{borderWidth:0,borderColor:`#ccc`}},candlestick:{itemStyle:{color:`#d87a80`,color0:`#2ec7c9`,borderColor:`#d87a80`,borderColor0:`#2ec7c9`,borderWidth:1}},graph:{itemStyle:{borderWidth:0,borderColor:`#ccc`},lineStyle:{width:1,color:`#aaa`},symbolSize:3,symbol:`emptyCircle`,smooth:!0,color:[`#2ec7c9`,`#b6a2de`,`#5ab1ef`,`#ffb980`,`#d87a80`,`#8d98b3`,`#e5cf0d`,`#97b552`,`#95706d`,`#dc69aa`,`#07a2a4`,`#9a7fd1`,`#588dd5`,`#f5994e`,`#c05050`,`#59678c`,`#c9ab00`,`#7eb00a`,`#6f5553`,`#c14089`],label:{color:`#eee`}},map:{itemStyle:{areaColor:`#dddddd`,borderColor:`#eeeeee`,borderWidth:.5},label:{color:`#d87a80`},emphasis:{itemStyle:{areaColor:`rgba(254,153,78,1)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},geo:{itemStyle:{areaColor:`#dddddd`,borderColor:`#eeeeee`,borderWidth:.5},label:{color:`#d87a80`},emphasis:{itemStyle:{areaColor:`rgba(254,153,78,1)`,borderColor:`#444`,borderWidth:1},label:{color:`rgb(100,0,0)`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!1,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:`#008acd`}},axisTick:{show:!0,lineStyle:{color:`#333`}},axisLabel:{show:!0,color:`#333`},splitLine:{show:!0,lineStyle:{color:[`#eee`]}},splitArea:{show:!1,areaStyle:{color:[`rgba(250,250,250,0.3)`,`rgba(200,200,200,0.3)`]}}},toolbox:{iconStyle:{borderColor:`#2ec7c9`},emphasis:{iconStyle:{borderColor:`#18a4a6`}}},legend:{textStyle:{color:`#333333`}},tooltip:{axisPointer:{lineStyle:{color:`#008acd`,width:`1`},crossStyle:{color:`#008acd`,width:`1`}}},timeline:{lineStyle:{color:`#008acd`,width:1},itemStyle:{color:`#008acd`,borderWidth:1},controlStyle:{color:`#008acd`,borderColor:`#008acd`,borderWidth:.5},checkpointStyle:{color:`#2ec7c9`,borderColor:`#2ec7c9`},label:{color:`#008acd`},emphasis:{itemStyle:{color:`#a9334c`},controlStyle:{color:`#008acd`,borderColor:`#008acd`,borderWidth:.5},label:{color:`#008acd`}}},visualMap:{color:[`#5ab1ef`,`#e0ffff`]},dataZoom:{backgroundColor:`rgba(47,69,84,0)`,dataBackgroundColor:`rgba(239,239,255,0.3)`,fillerColor:`rgba(182,162,222,0.2)`,handleColor:`#008acd`,handleSize:`100%`,textStyle:{color:`#333333`}},markPoint:{label:{color:`#eeeeee`},emphasis:{label:{color:`#eeeeee`}}}}]]),k=new WeakMap,A=0;function j(){for(let[e,t]of O.entries())n.registerTheme(e,t)}function M(e){return O.get(e)||null}function N(e){return O.has(e)}function P(e,t){n.registerTheme(e,t)}function F(e){let t=k.get(e);if(t)return t;let r=`__custom_theme_${A++}`;return n.registerTheme(r,e),k.set(e,r),r}function I(){return Array.from(O.keys())}j();function L(e){return e==null?null:typeof e==`string`&&N(e)?e:typeof e==`object`?F(e):null}function R(e,t){if(t)for(let[n,{handler:r,query:i,context:a}]of Object.entries(t))i?e.on(n,i,r,a):e.on(n,r,a)}function z(e,t){if(t)for(let[n,{handler:r}]of Object.entries(t))e.off(n,r)}function B(e,r){let i=(0,ee.c)(68),{option:a,theme:o,renderer:s,lazyInit:c,group:l,setOptionOpts:u,showLoading:d,loadingOption:f,onEvents:p}=r,m=s===void 0?`canvas`:s,v=c===void 0?!1:c,y=d===void 0?!1:d,b=(0,t.useRef)(void 0),x=(0,t.useRef)(void 0),S=(0,t.useRef)(p),w=(0,t.useRef)(void 0),T,E;i[0]===p?(T=i[1],E=i[2]):(T=()=>{S.current=p},E=[p],i[0]=p,i[1]=T,i[2]=E),(0,t.useEffect)(T,E);let D=te(e,v),O;i[3]===e?O=i[4]:(O=()=>{if(e.current)return h(e.current)},i[3]=e,i[4]=O);let k=O,A;i[5]!==e||i[6]!==m||i[7]!==D||i[8]!==o?(A=()=>{let t=e.current;if(!t||!D)return;let r=h(t);if(!r){let e=L(o);r=n.init(t,e,{renderer:m}),ne(t,r),x.current=o}return r},i[5]=e,i[6]=m,i[7]=D,i[8]=o,i[9]=A):A=i[9];let j=A,M;i[10]!==k||i[11]!==j||i[12]!==u?(M=(e,t)=>{queueMicrotask(()=>{let n=k()||j();if(n){let r={...u,...t};n.setOption(e,r)}})},i[10]=k,i[11]=j,i[12]=u,i[13]=M):M=i[13];let N=M,P;i[14]===k?P=i[15]:(P=()=>{k()?.resize()},i[14]=k,i[15]=P);let F=P,I,B;i[16]!==j||i[17]!==f||i[18]!==a||i[19]!==e||i[20]!==u||i[21]!==D||i[22]!==y?(B=()=>{if(!D)return;let t=e.current;if(!t)return;let n=j();if(n)return n.setOption(a,u),y&&n.showLoading(f),R(n,S.current),w.current=S.current,()=>{let e=h(t);if(!e)return;let n=b.current;n&&C(e,n,void 0),z(e,w.current),w.current=void 0,_(t)}},I=[D,j,a,u,y,f,e],i[16]=j,i[17]=f,i[18]=a,i[19]=e,i[20]=u,i[21]=D,i[22]=y,i[23]=I,i[24]=B):(I=i[23],B=i[24]),(0,t.useLayoutEffect)(B,I);let V,H;i[25]!==k||i[26]!==a||i[27]!==u?(V=()=>{let e=k();e&&e.setOption(a,u)},H=[k,a,u],i[25]=k,i[26]=a,i[27]=u,i[28]=V,i[29]=H):(V=i[28],H=i[29]),(0,t.useEffect)(V,H);let U,W;i[30]!==f||i[31]!==a||i[32]!==e||i[33]!==m||i[34]!==u||i[35]!==y||i[36]!==o?(U=()=>{let t=e.current;if(!t)return;let r=h(t);if(!r||x.current===o)return;let i=b.current;i&&C(r,i,void 0);let s=L(o),c=n.init(t,s,{renderer:m});g(t,c),x.current=o,c.setOption(a,u),R(c,S.current),w.current=S.current,i&&C(c,void 0,i),y?c.showLoading(f):c.hideLoading()},W=[e,o,m,a,u,y,f],i[30]=f,i[31]=a,i[32]=e,i[33]=m,i[34]=u,i[35]=y,i[36]=o,i[37]=U,i[38]=W):(U=i[37],W=i[38]),(0,t.useEffect)(U,W);let G;i[39]!==k||i[40]!==f||i[41]!==y?(G=()=>{let e=k();e&&(y?e.showLoading(f):e.hideLoading())},i[39]=k,i[40]=f,i[41]=y,i[42]=G):G=i[42];let K;i[43]!==k||i[44]!==f||i[45]!==y||i[46]!==o?(K=[k,y,f,o],i[43]=k,i[44]=f,i[45]=y,i[46]=o,i[47]=K):K=i[47],(0,t.useEffect)(G,K);let q,J;i[48]!==k||i[49]!==p?(q=()=>{let e=k();e&&w.current!==p&&(z(e,w.current),R(e,p),w.current=p)},J=[k,p],i[48]=k,i[49]=p,i[50]=q,i[51]=J):(q=i[50],J=i[51]),(0,t.useEffect)(q,J);let Y;i[52]!==k||i[53]!==l||i[54]!==D?(Y=()=>{if(!D)return;let e=k();e&&(C(e,b.current,l),b.current=l)},i[52]=k,i[53]=l,i[54]=D,i[55]=Y):Y=i[55];let X;i[56]!==k||i[57]!==l||i[58]!==D||i[59]!==o?(X=[k,l,D,o],i[56]=k,i[57]=l,i[58]=D,i[59]=o,i[60]=X):X=i[60],(0,t.useEffect)(Y,X);let Z,Q;i[61]===e?(Z=i[62],Q=i[63]):(Z=()=>{let t=e.current;if(!t)return;let n;try{n=new ResizeObserver(()=>{h(t)?.resize()}),n.observe(t)}catch(e){let t=e;console.warn(`ResizeObserver not available:`,t)}return()=>{n?.disconnect()}},Q=[e],i[61]=e,i[62]=Z,i[63]=Q),(0,t.useEffect)(Z,Q);let $;return i[64]!==k||i[65]!==F||i[66]!==N?($={setOption:N,getInstance:k,resize:F},i[64]=k,i[65]=F,i[66]=N,i[67]=$):$=i[67],$}var V=B;e.addToGroup=x,e.clearGroups=D,e.clearInstanceCache=y,e.getAvailableThemes=I,e.getBuiltinTheme=M,e.getCachedInstance=h,e.getGroupInstances=w,e.getInstanceGroup=T,e.getReferenceCount=v,e.isBuiltinTheme=N,e.isInGroup=E,e.registerBuiltinThemes=j,e.registerCustomTheme=P,e.releaseCachedInstance=_,e.removeFromGroup=S,e.replaceCachedInstance=g,e.setCachedInstance=ne,e.updateGroup=C,e.useEcharts=V,e.useLazyInit=te});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-use-echarts",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A powerful React hooks library for Apache ECharts",
   "keywords": [
     "react",
@@ -51,7 +51,7 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "@vitest/coverage-v8": "^4.0.14",
+    "@vitest/coverage-v8": "^4.0.15",
     "babel-plugin-react-compiler": "^1.0.0",
     "echarts": "^6.0.0",
     "eslint": "^9.39.1",
@@ -59,13 +59,13 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
     "jsdom": "^27.2.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.48.0",
-    "vite": "^7.2.4",
+    "typescript-eslint": "^8.48.1",
+    "vite": "npm:rolldown-vite@7.2.10",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.14"
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
     "echarts": "^6.0.0",