@lobehub/charts 1.9.9 → 1.9.11

package/es/BarList/index.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
+import { NoDataProps } from "../common/NoData";
 import { ValueFormatter } from "../types/charts";
 export interface Bar {
     [key: string]: any;
@@ -16,6 +17,7 @@ export interface BarListProps extends HTMLAttributes<HTMLDivElement> {
     height?: string | number;
     leftLabel?: ReactNode;
     loading?: boolean;
+    noDataText?: NoDataProps['noDataText'];
     onValueChange?: (payload: Bar) => void;
     rightLabel?: ReactNode;
     showAnimation?: boolean;

package/es/BarList/index.js

@@ -3,11 +3,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["data", "color", "valueFormatter", "showAnimation", "onValueChange", "sortOrder", "className", "leftLabel", "rightLabel", "style", "loading", "width", "height"];
+var _excluded = ["data", "color", "valueFormatter", "showAnimation", "onValueChange", "sortOrder", "className", "leftLabel", "rightLabel", "style", "loading", "width", "height", "noDataText"];
 import A from '@lobehub/ui/es/A';
 import { Skeleton } from 'antd';
 import React, { forwardRef, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import NoData from "../common/NoData";
 import { useThemeColorRange } from "../hooks/useThemeColorRange";
 import { defaultValueFormatter } from "../utils";
 import { useStyles } from "./styles";
@@ -37,6 +38,7 @@ var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$width = props.width,
     width = _props$width === void 0 ? '100%' : _props$width,
     height = props.height,
+    noDataText = props.noDataText,
     rest = _objectWithoutProperties(props, _excluded);
   var sortedData = useMemo(function () {
     if (sortOrder === 'none') {
@@ -136,6 +138,8 @@ var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
             })]
           })]
         }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : index);
+      }), !(data !== null && data !== void 0 && data.length) && /*#__PURE__*/_jsx(NoData, {
+        noDataText: noDataText
       })]
     }), /*#__PURE__*/_jsxs(Flexbox, {
       gap: 8,

package/es/Heatmaps/index.js

@@ -86,7 +86,7 @@ var Heatmaps = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       case 4:
         {
-          return [theme.colorFillSecondary, isDarkMode ? theme.lime4 : theme.green4, isDarkMode ? theme.lime6 : theme.green6, isDarkMode ? theme.lime8 : theme.green8, isDarkMode ? theme.lime10 : theme.green10];
+          return [theme.colorFillSecondary, isDarkMode ? theme.lime2 : theme.green2, isDarkMode ? theme.lime4 : theme.green4, isDarkMode ? theme.lime6 : theme.green6, isDarkMode ? theme.lime8 : theme.green8];
         }
       default:
         {

package/es/Heatmaps/styles.js

@@ -9,6 +9,6 @@ export var useStyles = createStyles(function (_ref) {
     container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    width: max-content;\n    max-width: 100%;\n\n    rect {\n      stroke: ", ";\n      stroke-width: 1px;\n      shape-rendering: geometricprecision;\n    }\n  "])), token.colorFillTertiary),
     footer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px 16px;\n    white-space: nowrap;\n  "]))),
     legendColors: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 3px;\n    align-items: center;\n    margin-left: auto;\n  "]))),
-    scrollContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: auto hidden;\n    max-width: 100%;\n  "])))
+    scrollContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: auto hidden;\n    max-width: 100%;\n    padding-block: 2px;\n  "])))
   };
 });

package/es/common/BaseSparkChartProps.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+import { NoDataProps } from "./NoData";
 import BaseAnimationTimingProps from './BaseAnimationTimingProps';
 interface BaseSparkChartProps extends BaseAnimationTimingProps, HTMLAttributes<HTMLDivElement> {
     autoMinValue?: boolean;
@@ -8,6 +9,6 @@ interface BaseSparkChartProps extends BaseAnimationTimingProps, HTMLAttributes<H
     index: string;
     maxValue?: number;
     minValue?: number;
-    noDataText?: string;
+    noDataText?: NoDataProps['noDataText'];
 }
 export default BaseSparkChartProps;

package/package.json

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