react-use-echarts 0.0.11 → 1.0.1

package/dist/index.umd.js

@@ -1 +1,5 @@
-(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react"),require("echarts")):typeof define=="function"&&define.amd?define(["exports","react","echarts"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s["react-use-echarts"]={},s.React,s.echarts))})(this,function(s,n,y){"use strict";function k(c){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const u in c)if(u!=="default"){const a=Object.getOwnPropertyDescriptor(c,u);Object.defineProperty(i,u,a.get?a:{enumerable:!0,get:()=>c[u]})}}return i.default=c,Object.freeze(i)}const v=k(y),z=({option:c,theme:i,notMerge:u=!1,lazyUpdate:a=!1,showLoading:p=!1,loadingOption:b,onEvents:l})=>{const f=n.useRef(null),o=n.useRef(void 0),C=()=>o.current,h=n.useCallback(()=>({option:c,theme:i,notMerge:u,lazyUpdate:a,showLoading:p,loadingOption:b,onEvents:l}),[c,i,u,a,p,b,l]),d=n.useCallback(()=>{if(f.current&&!o.current){const e=v.init(f.current,i);o.current=e;const t=h();return t.onEvents&&Object.entries(t.onEvents).forEach(([r,{handler:O,query:g,context:j}])=>{g?e.on(r,g,O,j):e.on(r,O,j)}),t.showLoading?e.showLoading(t.loadingOption):e.hideLoading(),e.setOption(t.option,{notMerge:t.notMerge,lazyUpdate:t.lazyUpdate}),e}return o.current},[h,i]),R=n.useCallback((e,t)=>{queueMicrotask(()=>{const r=o.current||d();r&&r.setOption(e,t)})},[d]);return n.useEffect(()=>{const e=o.current;if(!e||!f.current)return;let t;try{t=new ResizeObserver(()=>{e.resize()}),t.observe(f.current)}catch(r){console.warn("ResizeObserver not available:",r)}return()=>{t?.disconnect()}},[]),n.useEffect(()=>{f.current&&queueMicrotask(d)},[f,d]),n.useEffect(()=>()=>{const e=o.current;e&&(l&&Object.entries(l).forEach(([t,{handler:r}])=>{e.off(t,r)}),e.dispose(),o.current=void 0)},[l]),{chartRef:f,setOption:R,getInstance:C}};s.useEcharts=z,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(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});

package/dist/themes/index.d.ts

@@ -0,0 +1,42 @@
+import { BuiltinTheme } from '../types';
+/**
+ * Register built-in themes with ECharts
+ * 向 ECharts 注册内置主题
+ */
+export declare function registerBuiltinThemes(): void;
+/**
+ * Get built-in theme configuration
+ * 获取内置主题配置
+ * @param themeName Theme name
+ * @returns Theme configuration object or null if not found
+ */
+export declare function getBuiltinTheme(themeName: BuiltinTheme): object | null;
+/**
+ * Check if a theme name is a built-in theme
+ * 检查主题名是否为内置主题
+ * @param themeName Theme name to check
+ * @returns True if built-in theme
+ */
+export declare function isBuiltinTheme(themeName: string): themeName is BuiltinTheme;
+/**
+ * Register a custom theme
+ * 注册自定义主题
+ * @param themeName Theme name
+ * @param themeConfig Theme configuration object
+ */
+export declare function registerCustomTheme(themeName: string, themeConfig: object): void;
+/**
+ * Get or create a cached theme name for a custom theme object
+ * This prevents memory leaks by reusing theme names for the same object reference
+ * 获取或创建自定义主题对象的缓存主题名称
+ * 通过为相同对象引用重用主题名称来防止内存泄漏
+ * @param themeConfig Custom theme configuration object
+ * @returns Cached or newly generated theme name
+ */
+export declare function getOrRegisterCustomTheme(themeConfig: object): string;
+/**
+ * Get all available built-in theme names
+ * 获取所有可用的内置主题名称
+ * @returns Array of built-in theme names
+ */
+export declare function getAvailableThemes(): BuiltinTheme[];

package/dist/themes/presets/dark.json.d.ts

@@ -0,0 +1,398 @@
+declare const _default: {
+  "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": false
+  },
+  "radar": {
+    "itemStyle": {
+      "borderWidth": 1
+    },
+    "lineStyle": {
+      "width": 2
+    },
+    "symbolSize": 4,
+    "symbol": "emptyCircle",
+    "smooth": false
+  },
+  "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": false,
+    "color": [
+      "#4992ff",
+      "#7cffb2",
+      "#fddd60",
+      "#ff6e76",
+      "#58d9f9",
+      "#05c091",
+      "#ff8a45",
+      "#8d4eda",
+      "#dd79ff"
+    ],
+    "label": {
+      "color": "#cccccc"
+    }
+  },
+  "map": {
+    "itemStyle": {
+      "areaColor": "#2a2a2a",
+      "borderColor": "#444444",
+      "borderWidth": 0.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": 0.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": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "color": "#cccccc"
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#444444"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(255,255,255,0.05)",
+          "rgba(255,255,255,0.1)"
+        ]
+      }
+    }
+  },
+  "valueAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "color": "#cccccc"
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#444444"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(255,255,255,0.05)",
+          "rgba(255,255,255,0.1)"
+        ]
+      }
+    }
+  },
+  "logAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "color": "#cccccc"
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#444444"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(255,255,255,0.05)",
+          "rgba(255,255,255,0.1)"
+        ]
+      }
+    }
+  },
+  "timeAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "color": "#cccccc"
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#444444"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "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": 0.5
+    },
+    "checkpointStyle": {
+      "color": "#e43c59",
+      "borderColor": "#c23531"
+    },
+    "label": {
+      "color": "#cccccc"
+    },
+    "emphasis": {
+      "itemStyle": {
+        "color": "#a9334c"
+      },
+      "controlStyle": {
+        "color": "#cccccc",
+        "borderColor": "#cccccc",
+        "borderWidth": 0.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"
+    }
+    }
+  }
+}
+;
+
+export default _default;