@easyv/charts 1.3.27 → 1.3.29

package/.babelrc

@@ -1,8 +1,8 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
-  "plugins": [
-    "@babel/plugin-proposal-export-default-from",
-    "@babel/plugin-transform-runtime",
-    "@babel/plugin-proposal-class-properties"
-  ]
-}
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
+  "plugins": [
+    "@babel/plugin-proposal-export-default-from",
+    "@babel/plugin-transform-runtime",
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

package/.husky/commit-msg

@@ -1,4 +1,4 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
 yarn commitlint --edit $1

package/CHANGELOG.md

@@ -1,18 +1,18 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
-
-## 1.1.0 (2022-04-02)
-
-
-### Features
-
-* 轴标签，label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
-* axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
-
-
-### Bug Fixes
-
-* **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
+
+## 1.1.0 (2022-04-02)
+
+
+### Features
+
+* 轴标签，label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
+* axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
+
+
+### Bug Fixes
+
+* **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))

package/lib/components/Background.js

@@ -13,8 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _utils = require("../utils");
 
-/**
- * 轴类图背景
+/**
+ * 轴类图背景
  */
 var _default = function _default(_ref) {
   var _ref$axis = _ref.axis,

package/lib/components/CartesianChart.js

@@ -15,6 +15,8 @@ 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");
@@ -69,6 +71,11 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       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];
+
   var _useContext = (0, _react.useContext)(_context.chartContext),
       chartWidth = _useContext.width,
       chartHeight = _useContext.height,
@@ -80,7 +87,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     axes: axesConfig,
     context: context
   });
-  var axisX = (0, _hooks.useCarouselAxisX)(axes.get('x'), animation);
+  var axisX = (0, _hooks.useCarouselAxisX)(axes.get('x'), animation, isHover);
 
   var _useTooltip = (0, _hooks.useTooltip)({
     svg: svg,
@@ -128,8 +135,14 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     height: height,
     marginLeft: marginLeft,
     marginTop: marginTop,
+    onMouseEnter: function onMouseEnter() {
+      setIsHover(true);
+    },
     onMouseMove: setIndex,
-    onMouseLeave: setIndex,
+    onMouseLeave: function onMouseLeave(e) {
+      setIsHover(false);
+      setIndex(e);
+    },
     ref: svg
   }, background && /*#__PURE__*/_react["default"].createElement(_.Background, {
     length: isVertical ? chartWidth : chartHeight,

package/lib/components/ConicalGradient.js

@@ -23,8 +23,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _default = function _default(_ref) {
   var width = _ref.width,
@@ -127,8 +127,8 @@ var _default = function _default(_ref) {
     }
   });
 };
-/**
- * ConicalGradient
+/**
+ * ConicalGradient
  */
 
 
@@ -140,11 +140,11 @@ function ConicalGradient() {
 }
 
 ConicalGradient.prototype = {
-  /**
-   * addColorStop
-   *
-   * @param {Number} offset
-   * @param {Array} color RGBA值
+  /**
+   * addColorStop
+   *
+   * @param {Number} offset
+   * @param {Array} color RGBA值
    */
   addColorStop: function addColorStop(offset, color) {
     this._offsets.push(offset);
@@ -154,23 +154,23 @@ ConicalGradient.prototype = {
     return this;
   },
 
-  /**
-   * _offsetsReverse (array.forEach callback)
+  /**
+   * _offsetsReverse (array.forEach callback)
    */
   _offsetsReverse: function _offsetsReverse(offset, index, array) {
     array[index] = 1 - offset;
   },
 
-  /**
-   * fill
-   *
-   * @param {Number} context
-   * @param {Number} x
-   * @param {Number} y
-   * @param {Number} radius
-   * @param {Number} startAngle
-   * @param {Number} endAngle
-   * @param {Boolean} anticlockwise
+  /**
+   * fill
+   *
+   * @param {Number} context
+   * @param {Number} x
+   * @param {Number} y
+   * @param {Number} radius
+   * @param {Number} startAngle
+   * @param {Number} endAngle
+   * @param {Boolean} anticlockwise
    */
   fill: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
     var offsets = this._offsets;

package/lib/components/Indicator.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-/**
- * 轴类图表移上去的指示框背景
+/**
+ * 轴类图表移上去的指示框背景
  */
 var _default = function _default(_ref) {
   var color = _ref.color,

package/lib/components/Lighter.js

@@ -1,180 +1,180 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _d3v = require("d3v7");
-
-var _utils = require("../utils");
-
-var _svgPathProperties = require("svg-path-properties");
-
-/**
- * 区域图发光跟踪路径
- */
-var _default = function _default(_ref) {
-  var d = _ref.path,
-      config = _ref.config,
-      _ref$config = _ref.config,
-      curveLength = _ref$config.length,
-      width = _ref$config.width,
-      fill = _ref$config.fill,
-      unitStep = _ref$config.unitStep;
-  var pointIndexRef = (0, _react.useRef)(0);
-  var raf = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      points = _useState2[0],
-      setPoints = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      lighter = _useState4[0],
-      setLighter = _useState4[1];
-
-  var pointLength = points.length;
-  var totalLength = getLength(pointLength, curveLength);
-  var easingFunc = easing.linear;
-  var interpolateList = (0, _react.useMemo)(function () {
-    return getColorsInterpolate((0, _utils.getColorList)(fill));
-  }, [fill]);
-  var drawLigher = (0, _react.useCallback)(function () {
-    var STEP = 2;
-    var LOOP = false;
-
-    if (lighter && lighter.children) {
-      var currentPointLength = pointIndexRef.current;
-      var pointIndex = currentPointLength >= totalLength ? LOOP ? curveLength : 0 : currentPointLength + unitStep + Math.floor(easingFunc(pointIndexRef.current / totalLength) * STEP);
-      var overstep = pointIndex - pointLength;
-      var startIndex = getPointIndex(pointIndex, pointLength, curveLength);
-      var endIndex = getPointIndex(pointIndex + curveLength, pointLength, curveLength);
-      var overstepPoints = LOOP && overstep > 0 ? points.slice(0, overstep) : [];
-      drawCircle(Array.from(lighter.children), [].concat((0, _toConsumableArray2["default"])(points.slice(startIndex, endIndex)), (0, _toConsumableArray2["default"])(overstepPoints)), interpolateList);
-      pointIndexRef.current = pointIndex;
-    }
-
-    raf.current = requestAnimationFrame(drawLigher);
-  }, [lighter, totalLength, curveLength, unitStep, points, interpolateList]);
-  (0, _react.useEffect)(function () {
-    var path = new _svgPathProperties.svgPathProperties(d);
-    var totalLength = path.getTotalLength();
-    var points = [];
-
-    for (var i = 0; i < totalLength; i++) {
-      var _path$getPointAtLengt = path.getPointAtLength(i),
-          x = _path$getPointAtLengt.x,
-          y = _path$getPointAtLengt.y;
-
-      points.push({
-        index: i,
-        x: x,
-        y: y
-      });
-    }
-
-    setPoints(points);
-  }, [d, config]);
-  (0, _react.useEffect)(function () {
-    raf.current = requestAnimationFrame(drawLigher);
-    return function () {
-      cancelAnimationFrame(raf.current);
-    };
-  }, [drawLigher]);
-  return /*#__PURE__*/_react["default"].createElement("g", {
-    ref: setLighter
-  }, points.map(function (_ref2, index) {
-    var x = _ref2.x,
-        y = _ref2.y;
-    return /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: x,
-      cy: y,
-      key: index,
-      r: width,
-      fill: "none"
-    });
-  }));
-};
-
-exports["default"] = _default;
-
-var drawCircle = function drawCircle(children, points, interpolateList) {
-  var pointLength = points.length; // const [startPoint] = points;
-  // const startIndex = startPoint ? startPoint.index : 0;
-
-  children.forEach(function (child, index) {
-    var pointIndex = points.findIndex(function (_ref3) {
-      var i = _ref3.index;
-      return i == index;
-    });
-    child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength, //TODO: 颜色插值尚需完善
-    interpolateList) : 'none');
-  });
-};
-
-var getColor = function getColor(x, interpolateList) {
-  return interpolateList(x);
-};
-
-var getLength = function getLength(pointLength, length) {
-  if (length > pointLength) {
-    return pointLength * 2;
-  }
-
-  return pointLength + length;
-};
-
-var getColorsInterpolate = function getColorsInterpolate(colors) {
-  var length = colors.length;
-  if (!!(length < 2)) return (0, _d3v.scaleLinear)().domain([0, 1]).range([colors[0].color || '#000', colors[0].color || '#000']);
-  var linear = (0, _d3v.scaleLinear)().domain(colors.map(function (d) {
-    return d.offset;
-  })).range(colors.map(function (d) {
-    return d.color;
-  }));
-  return linear;
-};
-
-var easing = {
-  linear: function linear() {
-    return 0;
-  },
-  easeIn: function easeIn(k) {
-    return Math.pow(k, 3);
-  },
-  easeOut: function easeOut(k) {
-    return 1 - easing.easeIn(1 - k);
-  },
-  easeInOut: function easeInOut(k) {
-    return k < 0.5 ? easing.easeIn(k * 2) / 2 : 1 - easing.easeIn(2 - 2 * k) / 2;
-  },
-  easeOutIn: function easeOutIn(k) {
-    return k < 0.5 ? 0.5 * (1 - easing.easeIn(1 - 2 * k)) : 0.5 * easing.easeIn(k * 2 - 1) + 0.5;
-  }
-};
-
-var getPointIndex = function getPointIndex(pointIndex, pointLength, curveLength) {
-  var index = pointIndex - curveLength;
-
-  if (index < 0) {
-    return 0;
-  }
-
-  if (index >= pointLength) {
-    return pointLength - 1;
-  }
-
-  return index;
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _d3v = require("d3v7");
+
+var _utils = require("../utils");
+
+var _svgPathProperties = require("svg-path-properties");
+
+/**
+ * 区域图发光跟踪路径
+ */
+var _default = function _default(_ref) {
+  var d = _ref.path,
+      config = _ref.config,
+      _ref$config = _ref.config,
+      curveLength = _ref$config.length,
+      width = _ref$config.width,
+      fill = _ref$config.fill,
+      unitStep = _ref$config.unitStep;
+  var pointIndexRef = (0, _react.useRef)(0);
+  var raf = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      points = _useState2[0],
+      setPoints = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      lighter = _useState4[0],
+      setLighter = _useState4[1];
+
+  var pointLength = points.length;
+  var totalLength = getLength(pointLength, curveLength);
+  var easingFunc = easing.linear;
+  var interpolateList = (0, _react.useMemo)(function () {
+    return getColorsInterpolate((0, _utils.getColorList)(fill));
+  }, [fill]);
+  var drawLigher = (0, _react.useCallback)(function () {
+    var STEP = 2;
+    var LOOP = false;
+
+    if (lighter && lighter.children) {
+      var currentPointLength = pointIndexRef.current;
+      var pointIndex = currentPointLength >= totalLength ? LOOP ? curveLength : 0 : currentPointLength + unitStep + Math.floor(easingFunc(pointIndexRef.current / totalLength) * STEP);
+      var overstep = pointIndex - pointLength;
+      var startIndex = getPointIndex(pointIndex, pointLength, curveLength);
+      var endIndex = getPointIndex(pointIndex + curveLength, pointLength, curveLength);
+      var overstepPoints = LOOP && overstep > 0 ? points.slice(0, overstep) : [];
+      drawCircle(Array.from(lighter.children), [].concat((0, _toConsumableArray2["default"])(points.slice(startIndex, endIndex)), (0, _toConsumableArray2["default"])(overstepPoints)), interpolateList);
+      pointIndexRef.current = pointIndex;
+    }
+
+    raf.current = requestAnimationFrame(drawLigher);
+  }, [lighter, totalLength, curveLength, unitStep, points, interpolateList]);
+  (0, _react.useEffect)(function () {
+    var path = new _svgPathProperties.svgPathProperties(d);
+    var totalLength = path.getTotalLength();
+    var points = [];
+
+    for (var i = 0; i < totalLength; i++) {
+      var _path$getPointAtLengt = path.getPointAtLength(i),
+          x = _path$getPointAtLengt.x,
+          y = _path$getPointAtLengt.y;
+
+      points.push({
+        index: i,
+        x: x,
+        y: y
+      });
+    }
+
+    setPoints(points);
+  }, [d, config]);
+  (0, _react.useEffect)(function () {
+    raf.current = requestAnimationFrame(drawLigher);
+    return function () {
+      cancelAnimationFrame(raf.current);
+    };
+  }, [drawLigher]);
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    ref: setLighter
+  }, points.map(function (_ref2, index) {
+    var x = _ref2.x,
+        y = _ref2.y;
+    return /*#__PURE__*/_react["default"].createElement("circle", {
+      cx: x,
+      cy: y,
+      key: index,
+      r: width,
+      fill: "none"
+    });
+  }));
+};
+
+exports["default"] = _default;
+
+var drawCircle = function drawCircle(children, points, interpolateList) {
+  var pointLength = points.length; // const [startPoint] = points;
+  // const startIndex = startPoint ? startPoint.index : 0;
+
+  children.forEach(function (child, index) {
+    var pointIndex = points.findIndex(function (_ref3) {
+      var i = _ref3.index;
+      return i == index;
+    });
+    child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength, //TODO: 颜色插值尚需完善
+    interpolateList) : 'none');
+  });
+};
+
+var getColor = function getColor(x, interpolateList) {
+  return interpolateList(x);
+};
+
+var getLength = function getLength(pointLength, length) {
+  if (length > pointLength) {
+    return pointLength * 2;
+  }
+
+  return pointLength + length;
+};
+
+var getColorsInterpolate = function getColorsInterpolate(colors) {
+  var length = colors.length;
+  if (!!(length < 2)) return (0, _d3v.scaleLinear)().domain([0, 1]).range([colors[0].color || '#000', colors[0].color || '#000']);
+  var linear = (0, _d3v.scaleLinear)().domain(colors.map(function (d) {
+    return d.offset;
+  })).range(colors.map(function (d) {
+    return d.color;
+  }));
+  return linear;
+};
+
+var easing = {
+  linear: function linear() {
+    return 0;
+  },
+  easeIn: function easeIn(k) {
+    return Math.pow(k, 3);
+  },
+  easeOut: function easeOut(k) {
+    return 1 - easing.easeIn(1 - k);
+  },
+  easeInOut: function easeInOut(k) {
+    return k < 0.5 ? easing.easeIn(k * 2) / 2 : 1 - easing.easeIn(2 - 2 * k) / 2;
+  },
+  easeOutIn: function easeOutIn(k) {
+    return k < 0.5 ? 0.5 * (1 - easing.easeIn(1 - 2 * k)) : 0.5 * easing.easeIn(k * 2 - 1) + 0.5;
+  }
+};
+
+var getPointIndex = function getPointIndex(pointIndex, pointLength, curveLength) {
+  var index = pointIndex - curveLength;
+
+  if (index < 0) {
+    return 0;
+  }
+
+  if (index >= pointLength) {
+    return pointLength - 1;
+  }
+
+  return index;
 };

package/lib/components/LinearGradient.js

@@ -9,8 +9,8 @@ exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-/**
- * svg渐变滤镜
+/**
+ * svg渐变滤镜
  */
 var _default = function _default(_ref) {
   var id = _ref.id,

package/lib/components/PieChart.js

@@ -875,9 +875,6 @@ var Label = function Label(_ref10) {
       judge = _ref10.judge,
       animation = _ref10.animation;
 
-  // const [labels, setLabels] = useState(null);
-  // const [opacity, setOpacity] = useState(0);
-  // console.log('judeg1111',judge)
   var _arcs = (0, _react.useMemo)(function () {
     return (0, _utils.getDataWithPercent)(arcs, precision);
   }, [arcs, precision]); //数据做出容错
@@ -887,48 +884,14 @@ var Label = function Label(_ref10) {
     _arcs.forEach(function (d) {
       d.percent = 0;
     });
-  } // useEffect(() => {
-  //   if (labels) {
-  //     const children = [...labels.children];
-  //     const bbox = children.reduce(
-  //       (prev, current) => {
-  //         const { topRight, bottomRight, bottomLeft, topLeft } = prev;
-  //         const { x, y, height } = current.getBBox();
-  //         current._y1 = y;
-  //         current._y2 = y + height;
-  //         current._delta = 0;
-  //         if (x > 0) {
-  //           if (y > 0) {
-  //             bottomRight.push(current);
-  //           } else {
-  //             topRight.push(current);
-  //           }
-  //         } else {
-  //           if (y > 0) {
-  //             bottomLeft.push(current);
-  //           } else {
-  //             topLeft.push(current);
-  //           }
-  //         }
-  //         return prev;
-  //       },
-  //       {
-  //         topRight: [],
-  //         bottomRight: [],
-  //         bottomLeft: [],
-  //         topLeft: [],
-  //       }
-  //     );
-  //     console.log('bbox: ', bbox);
-  //   }
-  // }, [labels]);
-
+  }
 
   return /*#__PURE__*/_react["default"].createElement("g", null, _arcs.map(function (_ref11, index) {
     var _ref11$series$color = _ref11.series.color,
         type = _ref11$series$color.type,
         pure = _ref11$series$color.pure,
         stops = _ref11$series$color.linear.stops,
+        data = _ref11.data,
         displayName = _ref11.displayName,
         value = _ref11.value,
         percent = _ref11.percent,
@@ -990,7 +953,7 @@ var Label = function Label(_ref10) {
       dx: valueDx(_showName, mode),
       dy: !!(_showName && mode == 'vertical') ? '1.5em' : '',
       style: (0, _utils.getFontStyle)(valueFont, 'svg')
-    }, value), showSuffix && /*#__PURE__*/_react["default"].createElement("tspan", {
+    }, data.y), showSuffix && /*#__PURE__*/_react["default"].createElement("tspan", {
       style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(valueFont, 'svg')), {}, {
         fontSize: suffixFontSize
       }),