@lobehub/charts 1.9.3 → 1.9.5

package/README.md

@@ -10,7 +10,7 @@
 
 React modern charts components built on recharts
 
-[Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
+[Documents](https://charts.lobehub.com) · [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
 
 <!-- SHIELD GROUP -->
 
@@ -43,8 +43,10 @@ React modern charts components built on recharts
 - [🤝 Contributing](#-contributing)
 - [🩷 Sponsor](#-sponsor)
 - [🔗 Links](#-links)
-  - [More Products](#more-products)
   - [Credits](#credits)
+  - [More Products](#more-products)
+  - [Design Resources](#design-resources)
+  - [Development Resources](#development-resources)
 
 ####
 
@@ -157,19 +159,31 @@ Every bit counts and your one-time donation sparkles in our galaxy of support! Y
 
 ## 🔗 Links
 
-### More Products
-
-- **[🤖 Lobe Chat][lobe-chat] :** An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application.
-- **[🤯 Lobe Theme][lobe-theme] :** The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
-- **[🌏 Lobe i18n][lobe-i18n] :** Lobe i18n is an automation tool for the i18n (internationalization) translation process, powered by ChatGPT. It supports features such as automatic splitting of large files, incremental updates, and customization options for the OpenAI model, API proxy, and temperature.
-- **[💌 Lobe Commit][lobe-commit] :** Lobe Commit is a CLI tool that leverages Langchain/ChatGPT to generate Gitmoji-based commit messages.
-
 ### Credits
 
 - **recharts** - <https://github.com/recharts/recharts>
 - **tremor** - <https://github.com/tremorlabs/tremor>
 - **react-activity-calendar** - <https://github.com/grubersjoe/react-activity-calendar>
 
+### More Products
+
+- **[🤯 Lobe Chat](https://github.com/lobehub/lobe-chat)** - An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application.
+- **[🅰️ Lobe Theme](https://github.com/lobehub/sd-webui-lobe-theme)** - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
+- **[🧸 Lobe Vidol](https://github.com/lobehub/lobe-vidol)** - Experience the magic of virtual idol creation with Lobe Vidol, enjoy the elegance of our Exquisite UI Design, dance along using MMD Dance Support, and engage in Smooth Conversations.
+
+### Design Resources
+
+- **[🍭 Lobe UI](https://ui.lobehub.com)** - An open-source UI component library for building AIGC web apps.
+- **[🥨 Lobe Icons](https://lobehub.com/icons)** - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
+- **[📊 Lobe Charts](https://charts.lobehub.com)** - React modern charts components built on recharts
+
+### Development Resources
+
+- **[🎤 Lobe TTS](https://tts.lobehub.com)** - A high-quality & reliable TTS/STT library for Server and Browser
+- **[🌏 Lobe i18n](https://github.com/lobehub/lobe-cli-toolbox/blob/master/packages/lobe-i18n)** - Automation ai tool for the i18n (internationalization) translation process.
+
+[More Resources](https://lobehub.com/resources)
+
 <div align="right">
 
 [![][back-to-top]](#readme-top)
@@ -216,10 +230,6 @@ This project is [MIT](./LICENSE) licensed.
 [github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/lobe-charts?labelColor=black&style=flat-square
 [github-stars-link]: https://github.com/lobehub/lobe-charts/network/stargazers
 [github-stars-shield]: https://img.shields.io/github/stars/lobehub/lobe-charts?color=ffcb47&labelColor=black&style=flat-square
-[lobe-chat]: https://github.com/lobehub/lobe-chat
-[lobe-commit]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-commit
-[lobe-i18n]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-i18n
-[lobe-theme]: https://github.com/lobehub/sd-webui-lobe-theme
 [npm-downloads-link]: https://www.npmjs.com/package/@lobehub/charts
 [npm-downloads-shield]: https://img.shields.io/npm/dt/@lobehub/charts?labelColor=black&style=flat-square
 [npm-release-link]: https://www.npmjs.com/package/@lobehub/charts

package/es/AreaChart/index.js

@@ -260,7 +260,8 @@ var AreaChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 return _objectSpread(_objectSpread({}, payloadItem), {}, {
                   color: (_categoryColors$get = categoryColors.get(payloadItem.dataKey)) !== null && _categoryColors$get !== void 0 ? _categoryColors$get : theme.colorPrimary
                 });
-              })
+              }),
+              valueFormatter: valueFormatter
             }) : /*#__PURE__*/_jsx(ChartTooltip, {
               active: active,
               categoryColors: categoryColors,

package/es/BarChart/index.js

@@ -332,7 +332,8 @@ var BarChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 return _objectSpread(_objectSpread({}, payloadItem), {}, {
                   color: (_categoryColors$get = categoryColors.get(payloadItem.dataKey)) !== null && _categoryColors$get !== void 0 ? _categoryColors$get : theme.colorPrimary
                 });
-              })
+              }),
+              valueFormatter: valueFormatter
             }) : /*#__PURE__*/_jsx(ChartTooltip, {
               active: active,
               categoryColors: categoryColors,

package/es/DonutChart/index.js

@@ -206,7 +206,8 @@ var DonutChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 return _objectSpread(_objectSpread({}, payloadItem), {}, {
                   color: (_payload$0$payload$co = payload === null || payload === void 0 || (_payload$2 = payload[0]) === null || _payload$2 === void 0 || (_payload$2 = _payload$2.payload) === null || _payload$2 === void 0 ? void 0 : _payload$2.color) !== null && _payload$0$payload$co !== void 0 ? _payload$0$payload$co : theme.colorPrimary
                 });
-              })
+              }),
+              valueFormatter: valueFormatter
             }) : /*#__PURE__*/_jsx(DonutChartTooltip, {
               active: active,
               customCategories: customCategories,

package/es/FunnelChart/index.js

@@ -474,7 +474,8 @@ var FunnelChart = /*#__PURE__*/forwardRef(function (props, ref) {
         children: CustomTooltip ? /*#__PURE__*/_jsx(CustomTooltip, {
           active: !!tooltip.data,
           label: (_tooltip$data = tooltip.data) === null || _tooltip$data === void 0 ? void 0 : _tooltip$data.name,
-          payload: tooltip.data ? [tooltip.data] : []
+          payload: tooltip.data ? [tooltip.data] : [],
+          valueFormatter: valueFormatter
         }) : /*#__PURE__*/_jsx(ChartTooltip, {
           active: !!tooltip.data,
           categoryColors: new Map([[(_tooltip$data$name = (_tooltip$data2 = tooltip.data) === null || _tooltip$data2 === void 0 ? void 0 : _tooltip$data2.name) !== null && _tooltip$data$name !== void 0 ? _tooltip$data$name : '', (_tooltip$data$color = (_tooltip$data3 = tooltip.data) === null || _tooltip$data3 === void 0 ? void 0 : _tooltip$data3.color) !== null && _tooltip$data$color !== void 0 ? _tooltip$data$color : '']]),

package/es/LineChart/index.js

@@ -255,7 +255,8 @@ var LineChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 return _objectSpread(_objectSpread({}, payloadItem), {}, {
                   color: (_categoryColors$get = categoryColors.get(payloadItem.dataKey)) !== null && _categoryColors$get !== void 0 ? _categoryColors$get : theme.colorPrimary
                 });
-              })
+              }),
+              valueFormatter: valueFormatter
             }) : /*#__PURE__*/_jsx(ChartTooltip, {
               active: active,
               categoryColors: categoryColors,

package/es/ScatterChart/index.js

@@ -268,7 +268,8 @@ var ScatterChart = /*#__PURE__*/forwardRef(function (props, ref) {
                 return _objectSpread(_objectSpread({}, payloadItem), {}, {
                   color: (_categoryColors$get = categoryColors.get(color)) !== null && _categoryColors$get !== void 0 ? _categoryColors$get : theme.colorPrimary
                 });
-              })
+              }),
+              valueFormatter: valueFormatter
             }) : /*#__PURE__*/_jsx(ScatterChartTooltip, {
               active: active,
               axis: {

package/es/common/CustomTooltipProps.d.ts

@@ -1,4 +1,6 @@
 import { NameType, Payload } from 'recharts/types/component/DefaultTooltipContent';
+import { ScatterChartValueFormatter } from "../ScatterChart";
+import { ValueFormatter } from "../types";
 export type CustomTooltipProps = {
     active: boolean | undefined;
     customCategories?: {
@@ -6,4 +8,5 @@ export type CustomTooltipProps = {
     };
     label: NameType | undefined;
     payload: Payload<string | number | (string | number)[], string | number>[] | undefined;
+    valueFormatter: ValueFormatter | ScatterChartValueFormatter;
 };

package/package.json

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