@easyv/charts 1.4.16 → 1.4.18

package/lib/components/CartesianChart.js

@@ -1,75 +1,89 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _hooks = require("../hooks");
+
 var _context = require("../context");
+
 var _ = require(".");
+
 var _excluded = ["Component", "yOrZ"],
-  _excluded2 = ["Component", "yOrZ"];
-/**
- * 轴类图表
- */
+    _excluded2 = ["Component", "yOrZ"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var _ref$config = _ref.config,
-    axesConfig = _ref$config.axes,
-    background = _ref$config.background,
-    _ref$config$chart = _ref$config.chart,
-    _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
-    height = _ref$config$chart$dim.height,
-    width = _ref$config$chart$dim.width,
-    _ref$config$chart$mar = _ref$config$chart.margin,
-    marginLeft = _ref$config$chart$mar.marginLeft,
-    marginTop = _ref$config$chart$mar.marginTop,
-    marginRight = _ref$config$chart$mar.marginRight,
-    marginBottom = _ref$config$chart$mar.marginBottom,
-    animation = _ref$config$chart.animation,
-    legend = _ref$config$chart.legend,
-    series = _ref$config.series,
-    bandLength = _ref$config.bandLength,
-    tooltip = _ref$config.tooltip,
-    _ref$config$baseLine = _ref$config.baseLine,
-    _ref$config$baseLine$ = _ref$config$baseLine.orientation,
-    baseLineOri = _ref$config$baseLine$ === void 0 ? '' : _ref$config$baseLine$,
-    _ref$config$baseLine$2 = _ref$config$baseLine.config,
-    baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
-    _ref$config$baseLine$3 = _ref$config$baseLine.data,
-    baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
-    _ref$config$tooltip = _ref$config.tooltip,
-    _ref$config$tooltip2 = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip,
-    _ref$config$tooltip2$ = _ref$config$tooltip2.config,
-    tooltipConfig = _ref$config$tooltip2$ === void 0 ? {} : _ref$config$tooltip2$,
-    _ref$config$tooltip2$2 = _ref$config$tooltip2.config,
-    _ref$config$tooltip2$3 = _ref$config$tooltip2$2 === void 0 ? {} : _ref$config$tooltip2$2,
-    auto = _ref$config$tooltip2$3.auto,
-    manual = _ref$config$tooltip2$3.manual,
-    _ref$config$tooltip2$4 = _ref$config$tooltip2$3.indicator,
-    indicator = _ref$config$tooltip2$4 === void 0 ? {} : _ref$config$tooltip2$4,
-    brush = _ref$config.brush,
-    style = _ref.style,
-    originData = _ref.originData,
-    filterData = _ref.filterData;
+      axesConfig = _ref$config.axes,
+      background = _ref$config.background,
+      _ref$config$chart = _ref$config.chart,
+      _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
+      height = _ref$config$chart$dim.height,
+      width = _ref$config$chart$dim.width,
+      _ref$config$chart$mar = _ref$config$chart.margin,
+      marginLeft = _ref$config$chart$mar.marginLeft,
+      marginTop = _ref$config$chart$mar.marginTop,
+      marginRight = _ref$config$chart$mar.marginRight,
+      marginBottom = _ref$config$chart$mar.marginBottom,
+      animation = _ref$config$chart.animation,
+      legend = _ref$config$chart.legend,
+      series = _ref$config.series,
+      bandLength = _ref$config.bandLength,
+      tooltip = _ref$config.tooltip,
+      _ref$config$baseLine = _ref$config.baseLine,
+      _ref$config$baseLine$ = _ref$config$baseLine.orientation,
+      baseLineOri = _ref$config$baseLine$ === void 0 ? '' : _ref$config$baseLine$,
+      _ref$config$baseLine$2 = _ref$config$baseLine.config,
+      baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
+      _ref$config$baseLine$3 = _ref$config$baseLine.data,
+      baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
+      _ref$config$tooltip = _ref$config.tooltip;
+  _ref$config$tooltip = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip;
+  var _ref$config$tooltip$c = _ref$config$tooltip.config,
+      tooltipConfig = _ref$config$tooltip$c === void 0 ? {} : _ref$config$tooltip$c,
+      _ref$config$tooltip$c2 = _ref$config$tooltip.config;
+  _ref$config$tooltip$c2 = _ref$config$tooltip$c2 === void 0 ? {} : _ref$config$tooltip$c2;
+  var auto = _ref$config$tooltip$c2.auto,
+      manual = _ref$config$tooltip$c2.manual,
+      _ref$config$tooltip$c3 = _ref$config$tooltip$c2.indicator,
+      indicator = _ref$config$tooltip$c3 === void 0 ? {} : _ref$config$tooltip$c3,
+      brush = _ref$config.brush,
+      style = _ref.style,
+      originData = _ref.originData,
+      filterData = _ref.filterData;
   var context = (0, _react.useContext)(_context.chartContext);
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isHover = _useState2[0],
-    setIsHover = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[1];
+
   var _useContext = (0, _react.useContext)(_context.chartContext),
-    chartWidth = _useContext.width,
-    chartHeight = _useContext.height,
-    triggerOnRelative = _useContext.triggerOnRelative,
-    onEmit = _useContext.onEmit;
+      chartWidth = _useContext.width,
+      chartHeight = _useContext.height,
+      triggerOnRelative = _useContext.triggerOnRelative,
+      onEmit = _useContext.onEmit;
+
   var svg = (0, _react.useRef)();
   var axes = (0, _hooks.useAxes)({
     axes: axesConfig,
@@ -78,19 +92,21 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var axisX = (0, _hooks.useCarouselAxisX)(axes.get('x'), animation, isHover);
   var xLineRange = width - marginLeft - marginRight;
   var yLineRange = height - marginTop - marginBottom;
+
   var _useTooltip = (0, _hooks.useTooltip)({
-      svg: svg,
-      marginLeft: marginLeft,
-      marginTop: marginTop,
-      width: chartWidth,
-      height: chartHeight,
-      axisX: axisX,
-      isHover: isHover,
-      config: tooltipConfig
-    }),
-    tooltipX = _useTooltip.x,
-    tickName = _useTooltip.name,
-    setIndex = _useTooltip.setIndex;
+    svg: svg,
+    marginLeft: marginLeft,
+    marginTop: marginTop,
+    width: chartWidth,
+    height: chartHeight,
+    axisX: axisX,
+    isHover: isHover,
+    config: tooltipConfig
+  }),
+      tooltipX = _useTooltip.x,
+      tickName = _useTooltip.name,
+      setIndex = _useTooltip.setIndex;
+
   var tooltipData = (0, _react.useMemo)(function () {
     return tickName !== undefined && originData.filter(function (d) {
       return d.x === tickName;
@@ -112,7 +128,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var onInteraction = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     var data = e.currentTarget.dataset.data;
+
     var _data = JSON.parse(data);
+
     triggerOnRelative(_data);
     onEmit('click', _data);
   }, [triggerOnRelative, onEmit]);
@@ -144,16 +162,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     axis: axisX,
     config: background,
     bandLength: bandLength
-  }))), (0, _toConsumableArray2["default"])(axes.values()).reverse().map(function (item, index) {
-    var config = item.axisType == 'x' ? axisX : item;
-    return /*#__PURE__*/_react["default"].createElement(_.Axis, (0, _extends2["default"])({
-      triggerClick: onInteraction,
-      xLineRange: xLineRange,
-      yLineRange: yLineRange
-    }, config, {
-      key: index
-    }));
-  }), showTooltip && /*#__PURE__*/_react["default"].createElement(_.Indicator, (0, _extends2["default"])({}, indicator, indicatorAttr)), /*#__PURE__*/_react["default"].createElement("foreignObject", {
+  }))), showTooltip && /*#__PURE__*/_react["default"].createElement(_.Indicator, (0, _extends2["default"])({}, indicator, indicatorAttr)), /*#__PURE__*/_react["default"].createElement("foreignObject", {
     style: isVertical ? {
       width: xLineRange + marginRight + marginLeft,
       height: yLineRange,
@@ -161,9 +170,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     } : {
       width: xLineRange,
       height: yLineRange + marginTop + marginBottom,
-      transform: "translateY(".concat(-marginTop, "px)")
-      // overflow:'visible'
+      transform: "translateY(".concat(-marginTop, "px)") // overflow:'visible'
       // paddingTop:marginTop
+
     }
   }, /*#__PURE__*/_react["default"].createElement("svg", {
     width: "100%",
@@ -174,8 +183,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }
   }, series.map(function (_ref2, index) {
     var Component = _ref2.Component,
-      yOrZ = _ref2.yOrZ,
-      config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+        yOrZ = _ref2.yOrZ,
+        config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
     var yAxis = axes.get(yOrZ);
     return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       key: index
@@ -187,8 +196,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }));
   }), series.map(function (_ref3, index) {
     var Component = _ref3.Component,
-      yOrZ = _ref3.yOrZ,
-      config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+        yOrZ = _ref3.yOrZ,
+        config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
     var yAxis = axes.get(yOrZ);
     return yAxis && /*#__PURE__*/_react["default"].createElement(_.Label, (0, _extends2["default"])({
       key: index
@@ -198,7 +207,16 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       yAxis: yAxis,
       triggerClick: onInteraction
     }));
-  }))), baseLineData && baseLineData.length > 0 && baseLineData.map(function (item, index) {
+  }))), (0, _toConsumableArray2["default"])(axes.values()).reverse().map(function (item, index) {
+    var config = item.axisType == 'x' ? axisX : item;
+    return /*#__PURE__*/_react["default"].createElement(_.Axis, (0, _extends2["default"])({
+      triggerClick: onInteraction,
+      xLineRange: xLineRange,
+      yLineRange: yLineRange
+    }, config, {
+      key: index
+    }));
+  }), baseLineData && baseLineData.length > 0 && baseLineData.map(function (item, index) {
     var yOrZ = baseLineConfig[index].line.yOrZ;
     var yAxis = axes.get(yOrZ);
     return yAxis && /*#__PURE__*/_react["default"].createElement(_.BaseLine, {
@@ -229,5 +247,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     width: width
   }));
 });
+
 var _default = (0, _.Mapping)((0, _.FilterData)((0, _.ExtentData)((0, _.AnimateData)((0, _.StackData)(Chart)))));
+
 exports["default"] = _default;

package/lib/components/Chart.js

@@ -1,66 +1,79 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _context = require("../context");
+
 var _ = require(".");
+
 var _excluded = ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"];
-/**
- * 总入口，通过外面传进来的type来确定渲染哪种图表，饼环图表为“pie”，否则为轴类图表
- */
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var getCallbackData = function getCallbackData(callbacks, data) {
   var callbackData;
+
   if (callbacks && Array.isArray(callbacks) && callbacks.length && data) {
     callbackData = {};
     callbacks.forEach(function (_ref) {
       var origin = _ref.origin,
-        target = _ref.target;
+          target = _ref.target;
       callbackData[target] = data[origin];
     });
   }
+
   return callbackData;
 };
+
 var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
   var id = _ref2.id,
-    type = _ref2.type,
-    config = _ref2.config,
-    _ref2$config = _ref2.config,
-    _ref2$config$chart = _ref2$config.chart,
-    _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
-    height = _ref2$config$chart$di.height,
-    width = _ref2$config$chart$di.width,
-    _ref2$config$chart$ma = _ref2$config$chart.margin,
-    marginRight = _ref2$config$chart$ma.marginRight,
-    marginLeft = _ref2$config$chart$ma.marginLeft,
-    marginBottom = _ref2$config$chart$ma.marginBottom,
-    marginTop = _ref2$config$chart$ma.marginTop,
-    interaction = _ref2$config.interaction,
-    data = _ref2.data,
-    onRelative = _ref2.onRelative,
-    emit = _ref2.emit,
-    emitEvent = _ref2.emitEvent,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      type = _ref2.type,
+      config = _ref2.config,
+      _ref2$config = _ref2.config,
+      _ref2$config$chart = _ref2$config.chart,
+      _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
+      height = _ref2$config$chart$di.height,
+      width = _ref2$config$chart$di.width,
+      _ref2$config$chart$ma = _ref2$config$chart.margin,
+      marginRight = _ref2$config$chart$ma.marginRight,
+      marginLeft = _ref2$config$chart$ma.marginLeft,
+      marginBottom = _ref2$config$chart$ma.marginBottom,
+      marginTop = _ref2$config$chart$ma.marginTop,
+      interaction = _ref2$config.interaction,
+      data = _ref2.data,
+      onRelative = _ref2.onRelative,
+      emit = _ref2.emit,
+      emitEvent = _ref2.emitEvent,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var svg = /*#__PURE__*/(0, _react.createRef)();
   var chartWidth = width - marginLeft - marginRight;
   var chartHeight = height - marginTop - marginBottom;
   var triggerOnRelative = (0, _react.useCallback)(function (data) {
     if (!interaction) return;
     var callbacks = interaction.callbacks,
-      remoteControls = interaction.remoteControls;
+        remoteControls = interaction.remoteControls;
     var callbackData = getCallbackData(callbacks, data);
+
     if (callbackData) {
       onRelative && onRelative(id, callbackData);
       remoteControls && emitEvent && remoteControls.forEach(function (o) {
         var control = JSON.parse(o.control);
+
         if (control.screen && control.type && control.type === 'callback') {
           emitEvent({
             screen: control.screen,

package/lib/components/ChartContainer.js

@@ -1,37 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * svg外框
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var event = function event() {};
+
 var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var width = _ref.width,
-    height = _ref.height,
-    marginLeft = _ref.marginLeft,
-    marginTop = _ref.marginTop,
-    style = _ref.style,
-    children = _ref.children,
-    _ref$onMouseEnter = _ref.onMouseEnter,
-    onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
-    _ref$onMouseLeave = _ref.onMouseLeave,
-    onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? event : _ref$onClick,
-    _ref$onMouseMove = _ref.onMouseMove,
-    onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
-    _ref$onMouseOut = _ref.onMouseOut,
-    onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
+      height = _ref.height,
+      marginLeft = _ref.marginLeft,
+      marginTop = _ref.marginTop,
+      style = _ref.style,
+      children = _ref.children,
+      _ref$onMouseEnter = _ref.onMouseEnter,
+      onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
+      _ref$onMouseLeave = _ref.onMouseLeave,
+      onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? event : _ref$onClick,
+      _ref$onMouseMove = _ref.onMouseMove,
+      onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
+      _ref$onMouseOut = _ref.onMouseOut,
+      onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     className: "__easyv-svg",
     width: width,
@@ -51,4 +59,5 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     transform: 'translate(' + marginLeft + ', ' + marginTop + ')'
   }, children));
 }));
+
 exports["default"] = _default;