@easyv/charts 1.7.24 → 1.7.25

package/lib/components/CartesianChart.js

@@ -393,20 +393,22 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       var mouseleave = function mouseleave() {
         isEnter = false;
       };
+      var svgDom = svg.current;
+      var controlDom = controlEl.current;
       if (hover) {
-        svg.current.addEventListener("mouseenter", mouseenter);
-        svg.current.addEventListener("mouseleave", mouseleave);
-        controlEl.current.addEventListener("mouseenter", mouseenter);
-        controlEl.current.addEventListener("mouseleave", mouseleave);
+        svgDom && svgDom.addEventListener("mouseenter", mouseenter);
+        svgDom && svgDom.addEventListener("mouseleave", mouseleave);
+        controlDom && controlDom.addEventListener("mouseenter", mouseenter);
+        controlDom && controlDom.addEventListener("mouseleave", mouseleave);
       }
       if (show) {
         startAnimate();
       }
       return function () {
-        svg.current.removeEventListener("mouseenter", mouseenter);
-        svg.current.removeEventListener("mouseleave", mouseleave);
-        controlEl.current.removeEventListener("mouseenter", mouseenter);
-        controlEl.current.removeEventListener("mouseleave", mouseleave);
+        svgDom && svgDom.removeEventListener("mouseenter", mouseenter);
+        svgDom && svgDom.removeEventListener("mouseleave", mouseleave);
+        controlDom && controlDom.removeEventListener("mouseenter", mouseenter);
+        controlDom && controlDom.removeEventListener("mouseleave", mouseleave);
         cancelAnimationFrame(controlTimer.current);
       };
     }
@@ -441,11 +443,12 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     });
   }, [tooltipX, tickName]);
   (0, _react.useEffect)(function () {
-    svg.current.addEventListener("touchmove", setTouchIndex, {
+    var svgDom = svg.current;
+    svgDom && svgDom.addEventListener("touchmove", setTouchIndex, {
       passive: false
     });
     return function () {
-      svg.current.removeEventListener("touchmove", setTouchIndex);
+      svgDom && svgDom.removeEventListener("touchmove", setTouchIndex);
     };
   }, [control]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ChartContainer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.7.24",
+  "version": "1.7.25",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/CartesianChart.js

@@ -370,20 +370,22 @@ const Chart = memo(
         const mouseleave = () => {
           isEnter = false;
         };
+        const svgDom = svg.current;
+        const controlDom = controlEl.current;
         if(hover){
-          svg.current.addEventListener("mouseenter",mouseenter);
-          svg.current.addEventListener("mouseleave",mouseleave);
-          controlEl.current.addEventListener("mouseenter",mouseenter);
-          controlEl.current.addEventListener("mouseleave",mouseleave);
+          svgDom && svgDom.addEventListener("mouseenter",mouseenter);
+          svgDom && svgDom.addEventListener("mouseleave",mouseleave);
+          controlDom && controlDom.addEventListener("mouseenter",mouseenter);
+          controlDom && controlDom.addEventListener("mouseleave",mouseleave);
         }
         if(show){
           startAnimate();
         }
         return () => {
-          svg.current.removeEventListener("mouseenter",mouseenter);
-          svg.current.removeEventListener("mouseleave",mouseleave);
-          controlEl.current.removeEventListener("mouseenter",mouseenter);
-          controlEl.current.removeEventListener("mouseleave",mouseleave);
+          svgDom && svgDom.removeEventListener("mouseenter",mouseenter);
+          svgDom && svgDom.removeEventListener("mouseleave",mouseleave);
+          controlDom && controlDom.removeEventListener("mouseenter",mouseenter);
+          controlDom && controlDom.removeEventListener("mouseleave",mouseleave);
           cancelAnimationFrame(controlTimer.current);
         };
       }
@@ -409,9 +411,10 @@ const Chart = memo(
       })
     },[tooltipX, tickName]);
     useEffect(()=>{
-      svg.current.addEventListener("touchmove", setTouchIndex, {passive:false});
+      const svgDom = svg.current;
+      svgDom && svgDom.addEventListener("touchmove", setTouchIndex, {passive:false});
       return ()=>{
-        svg.current.removeEventListener("touchmove", setTouchIndex);
+        svgDom && svgDom.removeEventListener("touchmove", setTouchIndex);
       }
     },[control]);