react-use-echarts 0.0.7 → 0.0.9

package/README.md

@@ -55,7 +55,7 @@ function MyChart() {
     option: options
   });
 
-  return <div ref={chartRef} style={{ width: '100%', height: '400px' }} />;
+  return <div ref={chartRef} style={{ width: '100%', height: '300px' }} />;
 }
 ```
 

package/dist/index.d.ts

@@ -1,11 +1,3 @@
-/**
- * react-use-echarts
- * A React hook library for Apache ECharts with TypeScript support
- * 基于 TypeScript 的 Apache ECharts React Hook 库
- *
- * @packageDocumentation
- */
-
 import { ECharts } from 'echarts';
 import { EChartsOption } from 'echarts';
 import { SetOptionOpts } from 'echarts';

package/dist/index.es.js

@@ -1,73 +1,73 @@
-import { useRef as z, useCallback as a, useEffect as C } from "react";
+import { useRef as z, useCallback as f, useEffect as C } from "react";
 import * as R from "echarts";
-const v = ({
+const w = ({
   /** Chart configuration */
-  option: f,
+  option: a,
   /** Theme name */
   theme: i,
   /** Skip merging with previous options */
-  notMerge: l = !1,
+  notMerge: d = !1,
   /** Enable lazy update mode */
-  lazyUpdate: p = !1,
+  lazyUpdate: l = !1,
   /** Display loading animation */
-  showLoading: d = !1,
+  showLoading: p = !1,
   /** Loading animation config */
   loadingOption: O,
   /** Event handlers map */
   onEvents: c
 }) => {
-  const s = z(null), t = z(void 0), k = () => t.current, b = a(() => ({
-    option: f,
+  const s = z(null), n = z(void 0), k = () => n.current, b = f(() => ({
+    option: a,
     theme: i,
-    notMerge: l,
-    lazyUpdate: p,
-    showLoading: d,
+    notMerge: d,
+    lazyUpdate: l,
+    showLoading: p,
     loadingOption: O,
     onEvents: c
   }), [
-    f,
+    a,
     i,
+    d,
     l,
     p,
-    d,
     O,
     c
-  ]), o = a(() => {
-    if (s.current && !t.current) {
+  ]), o = f(() => {
+    if (s.current && !n.current) {
       const e = R.init(s.current, i);
-      t.current = e;
+      n.current = e;
       const r = b();
       return r.onEvents && Object.entries(r.onEvents).forEach(
-        ([n, { handler: u, query: g, context: h }]) => {
-          g ? e.on(n, g, u, h) : e.on(n, u, h);
+        ([t, { handler: u, query: g, context: h }]) => {
+          g ? e.on(t, g, u, h) : e.on(t, u, h);
         }
       ), r.showLoading ? e.showLoading(r.loadingOption) : e.hideLoading(), e.setOption(r.option, {
         notMerge: r.notMerge,
         lazyUpdate: r.lazyUpdate
       }), e;
     }
-    return t.current;
-  }, [b, i]), M = a(
+    return n.current;
+  }, [b, i]), M = f(
     (e, r) => {
       queueMicrotask(() => {
-        const n = t.current || o();
-        n && n.setOption(e, r);
+        const t = n.current || o();
+        t && t.setOption(e, r);
       });
     },
     [o]
   );
   return C(() => {
-    const e = t.current;
+    const e = n.current;
     if (!e) return;
     const r = new ResizeObserver(() => {
       e.resize();
     });
     return r.observe(s.current), () => {
-      r.disconnect(), c && e && Object.entries(c).forEach(([n, { handler: u }]) => {
-        e.off(n, u);
-      }), e.dispose(), t.current = void 0;
+      r.disconnect(), c && e && Object.entries(c).forEach(([t, { handler: u }]) => {
+        e.off(t, u);
+      }), e.dispose(), n.current = void 0;
     };
-  }, [t, c]), C(() => {
+  }, [n, c]), C(() => {
     s.current && queueMicrotask(o);
   }, [s, o]), {
     chartRef: s,
@@ -76,5 +76,5 @@ const v = ({
   };
 };
 export {
-  v as useEcharts
+  w as useEcharts
 };

package/dist/index.umd.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-use-echarts",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "A powerful React hooks library for Apache ECharts",
   "keywords": [
     "react",
@@ -41,26 +41,26 @@
     "dist"
   ],
   "devDependencies": {
-    "@eslint/js": "^9.16.0",
-    "@testing-library/react": "^16.1.0",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "@vitest/coverage-v8": "2.1.8",
-    "echarts": "^5.5.1",
-    "eslint": "^9.16.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.13.0",
-    "jsdom": "^25.0.1",
+    "@eslint/js": "^9.22.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/node": "^22.13.10",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react-swc": "^3.8.0",
+    "@vitest/coverage-v8": "3.0.8",
+    "echarts": "^5.6.0",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "jsdom": "^26.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.18.0",
-    "vite": "^6.0.3",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.8"
+    "typescript": "~5.8.2",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.2.1",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.0.8"
   },
   "peerDependencies": {
     "echarts": "^5.5.1",