@easyv/charts 1.6.23 → 1.6.24

package/lib/components/Axis.js

@@ -228,7 +228,7 @@ var Label = function Label(_ref5) {
     }
   })));
 };
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
   var orientation = _ref6.orientation,
     scaler = _ref6.scaler,
     _ref6$tickSize = _ref6.tickSize,

package/lib/components/ChartContainer.js

@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * svg外框
  */
 var event = function event() {};
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var width = _ref.width,
     height = _ref.height,
     marginLeft = _ref.marginLeft,

package/lib/components/Control.js

@@ -18,7 +18,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$actions = props.actions,
     setX = _props$actions.setX,
     setWorking = _props$actions.setWorking,

package/lib/components/Marquee.js

@@ -17,7 +17,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 文字跑马灯组件
  * eg: <Marquee value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
  */
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
     style = props.style,
     _props$speed = props.speed,

package/lib/components/SplitText.js

@@ -0,0 +1,50 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var value = props.value,
+    _props$config = props.config,
+    fontFamily = _props$config.fontFamily,
+    separator = _props$config.separator,
+    show = _props$config.show,
+    splitCount = _props$config.splitCount,
+    style = _props$config.style,
+    _props$config$margin = _props$config.margin,
+    left = _props$config$margin.left,
+    right = _props$config$margin.right;
+  var stringValue = String(value);
+  var _stringValue$split = stringValue.split('.'),
+    _stringValue$split2 = (0, _slicedToArray2["default"])(_stringValue$split, 2),
+    intValueString = _stringValue$split2[0],
+    _stringValue$split2$ = _stringValue$split2[1],
+    pointValueSting = _stringValue$split2$ === void 0 ? '' : _stringValue$split2$;
+  var intArray = [];
+  var pointArray = (0, _toConsumableArray2["default"])(pointValueSting);
+  (0, _toConsumableArray2["default"])(intValueString).forEach(function (i, index) {
+    !(intValueString.length - index - 1) || (intValueString.length - index - 1) % splitCount ? intArray.push(i) : (intArray.push(i), intArray.push('分隔符'));
+  });
+  return show ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, intArray.map(function (v, index) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      key: 'int_' + index,
+      style: {
+        fontFamily: v === '分隔符' && style != 'default' ? fontFamily : 'inherit',
+        marginLeft: v === '分隔符' ? left : 0,
+        marginRight: v === '分隔符' ? right : 0
+      }
+    }, v === '分隔符' ? style == 'custom' && separator ? separator : ',' : v);
+  }), pointArray.length ? /*#__PURE__*/_react["default"].createElement("span", null, ".") : null, pointArray.map(function (v, index) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      key: 'point_' + index
+    }, v);
+  })) : value;
+});

package/lib/components/TextOverflow.js

@@ -17,7 +17,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 文本溢出组件
  * eg: <TextOverflow  type={溢出形式} value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
  */
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var type = props.type,
     value = props.value,
     style = props.style,

package/lib/components/index.js

@@ -143,6 +143,12 @@ Object.defineProperty(exports, "PieTooltip", {
     return _PieTooltip.PieTooltip;
   }
 });
+Object.defineProperty(exports, "SplitText", {
+  enumerable: true,
+  get: function get() {
+    return _SplitText["default"];
+  }
+});
 Object.defineProperty(exports, "StackData", {
   enumerable: true,
   get: function get() {
@@ -194,4 +200,5 @@ var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
 var _BaseLine = _interopRequireDefault(require("./BaseLine"));
 var _Control = _interopRequireDefault(require("./Control"));
 var _PieTooltip = require("./PieTooltip");
+var _SplitText = _interopRequireDefault(require("./SplitText"));
 var Area = exports.Area = _Line["default"];

package/lib/formatter/legend.js

@@ -37,6 +37,7 @@ var pieLegendFormatter = exports.pieLegendFormatter = function pieLegendFormatte
     _ref2$value$translate = _ref2$value.translate,
     valueX = _ref2$value$translate.x,
     valueY = _ref2$value$translate.y,
+    splitConfig = _ref2$value.splitConfig,
     _ref2$value$suffix = _ref2$value.suffix,
     showSuffix = _ref2$value$suffix.show,
     text = _ref2$value$suffix.text,
@@ -90,7 +91,10 @@ var pieLegendFormatter = exports.pieLegendFormatter = function pieLegendFormatte
       alignItems: 'center',
       justifyContent: valueAlign == "left" ? "flex-start" : valueAlign == "right" ? "flex-end" : 'center'
     })
-  }, /*#__PURE__*/React.createElement("span", null, data.y), showSuffix && /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_components.SplitText, {
+    value: data.y,
+    config: splitConfig
+  })), showSuffix && /*#__PURE__*/React.createElement("span", {
     style: {
       whiteSpace: "nowrap",
       fontSize: fontSize,

package/lib/utils/index.js

@@ -390,11 +390,11 @@ function band() {
   };
   scale.range = function (_) {
     var _ref12;
-    return arguments.length ? (_ref12 = (0, _slicedToArray2["default"])(_, 2), r0 = _ref12[0], r1 = _ref12[1], r0 = +r0, r1 = +r1, rescale()) : [r0, r1];
+    return arguments.length ? ((_ref12 = (0, _slicedToArray2["default"])(_, 2), r0 = _ref12[0], r1 = _ref12[1]), r0 = +r0, r1 = +r1, rescale()) : [r0, r1];
   };
   scale.rangeRound = function (_) {
     var _ref13;
-    return _ref13 = (0, _slicedToArray2["default"])(_, 2), r0 = _ref13[0], r1 = _ref13[1], r0 = +r0, r1 = +r1, round = true, rescale();
+    return (_ref13 = (0, _slicedToArray2["default"])(_, 2), r0 = _ref13[0], r1 = _ref13[1]), r0 = +r0, r1 = +r1, round = true, rescale();
   };
   scale.bandwidth = function () {
     return bandwidth;
@@ -535,7 +535,7 @@ var getBandBackground = exports.getBandBackground = function getBandBackground(p
     var _pattern$backgroundSi = pattern.backgroundSize,
       backgroundSize = _pattern$backgroundSi === void 0 ? '100% 100%' : _pattern$backgroundSi,
       _pattern = (0, _objectWithoutProperties2["default"])(pattern, _excluded2);
-    return 'center top / ' + backgroundSize + ' url("data:image/svg+xml,' + encodeURIComponent((0, _server.renderToStaticMarkup)(/*#__PURE__*/React.createElement(SvgBackground, {
+    return 'center top / ' + backgroundSize + ' url("data:image/svg+xml,' + encodeURIComponent((0, _server.renderToStaticMarkup)( /*#__PURE__*/React.createElement(SvgBackground, {
       fill: fill,
       pattern: _pattern
     }))) + '")';

package/package.json

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

package/src/components/SplitText.tsx

@@ -0,0 +1,70 @@
+import React, { memo } from 'react';
+
+type SplitConfig = {
+	fontFamily: string;
+	separator: string;
+	show: boolean;
+	splitCount: number;
+	style: 'custom' | 'default';
+	margin: {
+		left: number;
+		right: number;
+	};
+};
+
+interface SplitProps {
+	value: number | string;
+	config: SplitConfig;
+}
+
+export default memo((props: SplitProps) => {
+	const {
+		value,
+		config: {
+			fontFamily,
+			separator,
+			show,
+			splitCount,
+			style,
+			margin: { left, right },
+		},
+	} = props;
+
+	const stringValue = String(value);
+	const [intValueString, pointValueSting = ''] = stringValue.split('.');
+
+	const intArray: (string | '分隔符')[] = [];
+
+	const pointArray = [...pointValueSting];
+
+	[...intValueString].forEach((i, index) => {
+		!(intValueString.length - index - 1) || (intValueString.length - index - 1) % splitCount
+			? intArray.push(i)
+			: (intArray.push(i), intArray.push('分隔符'));
+	});
+
+	return show ? (
+		<>
+			{intArray.map((v, index) => {
+				return (
+					<span
+						key={'int_' + index}
+						style={{
+							fontFamily: v === '分隔符' && style != 'default' ? fontFamily : 'inherit',
+							marginLeft: v === '分隔符' ? left : 0,
+							marginRight: v === '分隔符' ? right : 0,
+						}}
+					>
+						{v === '分隔符' ? (style == 'custom' && separator ? separator : ',') : v}
+					</span>
+				);
+			})}
+			{pointArray.length ? <span>.</span> : null}
+			{pointArray.map((v, index) => {
+				return <span key={'point_' + index}>{v}</span>;
+			})}
+		</>
+	) : (
+		value
+	);
+});

package/src/components/index.js

@@ -25,6 +25,7 @@ import TextOverflow from './TextOverflow';
 import BaseLine from './BaseLine';
 import Control from './Control';
 import { PieTooltip } from './PieTooltip';
+import SplitText from './SplitText';
 
 const Area = Line;
 export {
@@ -55,5 +56,6 @@ export {
   Chart,
   ConicalGradient,
   BaseLine,
-  PieTooltip
+  PieTooltip,
+  SplitText
 };

package/src/formatter/legend.js

@@ -1,6 +1,6 @@
 import css from '../css/index.module.css';
 import { getFontStyle } from '../utils';
-import { TextOverflow } from '../components';
+import { TextOverflow, SplitText } from '../components';
 
 export const pieLegendFormatter = (
   { displayName, data, percent, series: { color: seriesColor, icon="" } },
@@ -16,6 +16,7 @@ export const pieLegendFormatter = (
         x:valueX,
         y:valueY
       },
+      splitConfig,
       suffix: {
         show: showSuffix,
         text,
@@ -77,7 +78,7 @@ export const pieLegendFormatter = (
               justifyContent: valueAlign=="left"?"flex-start":valueAlign=="right"?"flex-end":'center',
             }}
           >
-            <span>{data.y}</span>
+            <span><SplitText value={data.y} config={splitConfig} /></span>
             {showSuffix && (
               <span
                 style={{