@lobehub/charts 1.9.10 → 1.9.12

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";
@@ -16,7 +17,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
-    styles = _useStyles.styles;
+    styles = _useStyles.styles,
+    prefixCls = _useStyles.prefixCls;
   var themeColorRange = useThemeColorRange();
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
@@ -37,6 +39,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') {
@@ -93,7 +96,7 @@ var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
         var _item$key, _item$color;
         return /*#__PURE__*/_jsxs(Flexbox, {
           align: 'center',
-          className: styles.barContainer,
+          className: cx(styles.barContainer, onValueChange && styles.barHover),
           height: rowHeight,
           horizontal: true,
           onClick: function onClick() {
@@ -104,7 +107,7 @@ var BarList = /*#__PURE__*/forwardRef(function (props, ref) {
           },
           width: '100%',
           children: [/*#__PURE__*/_jsx("div", {
-            className: cx(styles.bar, onValueChange && styles.barHover),
+            className: cx("".concat(prefixCls, "-chart-bar-item"), styles.bar),
             style: {
               background: (_item$color = item.color) !== null && _item$color !== void 0 ? _item$color : color,
               transition: showAnimation ? undefined : 'none',
@@ -136,6 +139,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/BarList/styles.js

@@ -2,12 +2,13 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
+  var prefixCls = _ref.prefixCls,
+    css = _ref.css,
     token = _ref.token;
   return {
     bar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    max-width: 100%;\n    height: 100%;\n\n    opacity: 0.25;\n    border-radius: ", "px;\n\n    transition: all 0.25s ", ";\n  "])), token.borderRadius, token.motionEaseInOut),
     barContainer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n  "]))),
-    barHover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &:hover {\n      opacity: 0.4;\n    }\n  "]))),
+    barHover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &:hover {\n      .", "-chart-bar-item {\n        opacity: 0.4;\n      }\n    }\n  "])), prefixCls),
     emphasis: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
     label: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 16px;\n    color: ", ";\n  "])), token.colorTextDescription),
     sourceALabel: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 14px;\n    line-height: 16px;\n    color: ", " !important;\n\n    &:hover {\n      color: ", " !important;\n    }\n  "])), token.colorText, token.colorLinkHover),

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.10",
+  "version": "1.9.12",
   "description": "React modern charts components built on recharts",
   "keywords": [
     "lobehub",