@lobehub/charts 4.0.2 → 4.0.3

package/es/AccuracyBarChart/index.js

@@ -17,8 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef, useMemo, useState } from 'react';
 import { Bar, CartesianGrid, ErrorBar, Label, LabelList, Legend, BarChart as ReChartsBarChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
@@ -135,13 +134,10 @@ var AccuracyBarChart = /*#__PURE__*/forwardRef(function (props, ref) {
       valueFormatter: xAxisLabelFormatter
     });
   }, [yAxisWidth, layout, data, xAxisLabelFormatter, index]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var CustomTooltip = customTooltip;
   var paddingValue = !showXAxis && !showYAxis ? 0 : 20;

package/es/AreaChart/index.js

@@ -17,8 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { Fragment, forwardRef, useMemo, useState } from 'react';
 import { Area, CartesianGrid, Dot, Label, Legend, Line, AreaChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
@@ -121,13 +120,10 @@ var AreaChart = /*#__PURE__*/forwardRef(function (props, ref) {
       valueFormatter: valueFormatter
     });
   }, [yAxisWidth, data, valueFormatter, index]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var CustomTooltip = customTooltip;
   var paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;

package/es/BarChart/index.js

@@ -17,8 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef, useMemo, useState } from 'react';
 import { Bar, CartesianGrid, Label, Legend, BarChart as ReChartsBarChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
@@ -118,13 +117,10 @@ var BarChart = /*#__PURE__*/forwardRef(function (props, ref) {
       valueFormatter: valueFormatter
     });
   }, [yAxisWidth, layout, data, valueFormatter, index]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var CustomTooltip = customTooltip;
   var paddingValue = !showXAxis && !showYAxis ? 0 : 20;

package/es/BarList/index.js

@@ -15,23 +15,20 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { A, Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
-import { cx } from 'antd-style';
+import { A, Flexbox, Skeleton } from '@lobehub/ui';
+import { cssVar, cx } from 'antd-style';
 import React, { forwardRef, useMemo } from 'react';
 import NoData from "../common/NoData";
-import { useThemeColorRange } from "../hooks/useThemeColorRange";
 import { defaultValueFormatter } from "../utils";
 import { styles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefixCls = 'ant';
 var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
-  var themeColorRange = useThemeColorRange();
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
     _props$color = props.color,
-    color = _props$color === void 0 ? themeColorRange[0] : _props$color,
+    color = _props$color === void 0 ? cssVar.colorTextQuaternary : _props$color,
     _props$valueFormatter = props.valueFormatter,
     valueFormatter = _props$valueFormatter === void 0 ? defaultValueFormatter : _props$valueFormatter,
     _props$showAnimation = props.showAnimation,
@@ -65,13 +62,10 @@ var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
       return item.value === 0 ? 0 : Math.max(item.value / maxValue * 100, 2);
     });
   }, [sortedData]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var rowHeight = 32;
   var labelHeight = 20;

package/es/DonutChart/index.js

@@ -18,8 +18,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx, useThemeMode } from 'antd-style';
 import { forwardRef, useEffect, useState } from 'react';
 import { Pie, PieChart as ReChartsDonutChart, ResponsiveContainer, Tooltip } from 'recharts';
@@ -97,13 +96,10 @@ var DonutChart = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }
   }, [activeIndex]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var onShapeClick = function onShapeClick(data, index, event) {
     event.stopPropagation();

package/es/FunnelChart/index.js

@@ -22,9 +22,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { Flexbox } from '@lobehub/ui';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { useSize } from 'ahooks';
-import { Skeleton } from 'antd';
 import { css, cssVar, cx } from 'antd-style';
 import { Fragment, forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import ArrowRightIcon from "./ArrowRightIcon";
@@ -254,13 +253,10 @@ var FunnelChart = /*#__PURE__*/forwardRef(function (props, ref) {
       y: closestBar.startY
     });
   };
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var errorMessage = data ? validateData(data, calculateFrom) : null;
   if (errorMessage) {

package/es/LineChart/index.js

@@ -17,8 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { Fragment, forwardRef, useMemo, useState } from 'react';
 import { CartesianGrid, Dot, Label, Legend, Line, LineChart as ReChartsLineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
@@ -117,13 +116,10 @@ var LineChart = /*#__PURE__*/forwardRef(function (props, ref) {
       valueFormatter: valueFormatter
     });
   }, [yAxisWidth, data, valueFormatter, index]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var CustomTooltip = customTooltip;
   var paddingValue = !showXAxis && !showYAxis ? 0 : 20;

package/es/ScatterChart/index.js

@@ -17,8 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef, useMemo, useState } from 'react';
 import { CartesianGrid, Label, Legend, ScatterChart as ReChartsScatterChart, ResponsiveContainer, Scatter, Tooltip, XAxis, YAxis, ZAxis } from 'recharts';
@@ -126,13 +125,10 @@ var ScatterChart = /*#__PURE__*/forwardRef(function (props, ref) {
       valueFormatter: valueFormatter === null || valueFormatter === void 0 ? void 0 : valueFormatter.y
     });
   }, [yAxisWidth, data, valueFormatter, y]);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var CustomTooltip = customTooltip;
   var hasOnValueChange = !!onValueChange;

package/es/SparkChart/SparkAreaChart.js

@@ -11,8 +11,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef } from 'react';
 import { Area, AreaChart as ReChartsAreaChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
@@ -56,13 +55,10 @@ var SparkAreaChart = /*#__PURE__*/forwardRef(function (props, ref) {
     height = _props$height === void 0 ? 48 : _props$height,
     style = props.style,
     rest = _objectWithoutProperties(props, _excluded);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var categoryColors = constructCategoryColors(categories, colors);
   var yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);

package/es/SparkChart/SparkBarChart.js

@@ -11,8 +11,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef } from 'react';
 import { Bar, BarChart as ReChartsBarChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
@@ -52,13 +51,10 @@ var SparkBarChart = /*#__PURE__*/forwardRef(function (props, ref) {
     height = _props$height === void 0 ? 48 : _props$height,
     style = props.style,
     rest = _objectWithoutProperties(props, _excluded);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var categoryColors = constructCategoryColors(categories, colors);
   var yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);

package/es/SparkChart/SparkLineChart.js

@@ -11,8 +11,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
-import { Skeleton } from 'antd';
+import { Flexbox, Skeleton } from '@lobehub/ui';
 import { css, cssVar, cx } from 'antd-style';
 import { forwardRef } from 'react';
 import { Line, LineChart as ReChartsLineChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
@@ -52,13 +51,10 @@ var SparkLineChart = /*#__PURE__*/forwardRef(function (props, ref) {
     style = props.style,
     loading = props.loading,
     rest = _objectWithoutProperties(props, _excluded);
-  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Button, {
+  if (loading || !data) return /*#__PURE__*/_jsx(Skeleton.Block, {
     active: true,
-    block: true,
-    style: {
-      height: height,
-      width: width
-    }
+    height: height,
+    width: width
   });
   var categoryColors = constructCategoryColors(categories, colors);
   var yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);

package/es/Tracker/index.js

@@ -9,7 +9,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Flexbox } from '@lobehub/ui';
+import { Flexbox, TooltipGroup } from '@lobehub/ui';
 import { cx } from 'antd-style';
 import { forwardRef } from 'react';
 import TrackerBlock from "./TrackerBlock";
@@ -35,20 +35,22 @@ var Tracker = /*#__PURE__*/forwardRef(function (props, ref) {
     rightLabel = props.rightLabel,
     style = props.style,
     rest = _objectWithoutProperties(props, _excluded);
-  var content = data.map(function (item, idx) {
-    var _item$key;
-    return /*#__PURE__*/_jsx(TrackerBlock, {
-      color: item.color,
-      height: blockHeight,
-      onClick: function onClick() {
-        return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(item);
-      },
-      style: {
-        cursor: onValueChange ? 'pointer' : 'default'
-      },
-      tooltip: customTooltip ? customTooltip(item) : item.tooltip,
-      width: blockWidth
-    }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : idx);
+  var content = /*#__PURE__*/_jsx(TooltipGroup, {
+    children: data.map(function (item, idx) {
+      var _item$key;
+      return /*#__PURE__*/_jsx(TrackerBlock, {
+        color: item.color,
+        height: blockHeight,
+        onClick: function onClick() {
+          return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(item);
+        },
+        style: {
+          cursor: onValueChange ? 'pointer' : 'default'
+        },
+        tooltip: customTooltip ? customTooltip(item) : item.tooltip,
+        width: blockWidth
+      }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : idx);
+    })
   });
   if (leftLabel || rightLabel) {
     return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/charts",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "description": "React modern charts components built on recharts",
   "keywords": [
     "lobehub",