@antv/gpt-vis 0.2.0 → 0.2.2

package/README.md

@@ -9,8 +9,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">Document</a> •
   <a href="/knowledges" target="_blank">Knowledge</a> •
-  <a href="https://huggingface.co/antvis" target="_blank">Huggingface</a> •
-  <a href="https://tbox.alipay.com/share/202410APr1n200110168?platform=WebService" target="_blank">Agent Demo</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">Agent Demo</a>
 </p>
 
 <div align="center">
@@ -65,7 +64,8 @@ export default () => {
 };
 ```
 
-## 🛠 Custom renderer
+<details>
+<summary>🛠 Custom renderer</summary>
 
 ```jsx
 import { GPTVisLite, withChartCode, ChartType, Pie } from '@antv/gpt-vis';
@@ -101,6 +101,8 @@ export default () => {
 };
 ```
 
+</details>
+
 ## 🐍 Streamlit
 
 ```python
@@ -118,7 +120,27 @@ Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022.
 set_gpt_vis(content)
 ```
 
-Learn more 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/bindings/streamlit-gpt-vis)
+Learn more 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/tree/main/bindings/streamlit-gpt-vis)
+
+## Visual Knowledge
+
+The purpose of the [Visual Knowledge Base](https://github.com/antvis/GPT-Vis/tree/main/knowledges) is to provide a comprehensive and systematic resource to help Agents understand, select, create various data visualization charts. Below are the metrics for generating accurate chart protocols based on the [evaluation dataset](https://github.com/antvis/GPT-Vis/tree/main/evaluations/datastes/chart) through the RAG.
+
+|               |                         |                      |               |                      |                 |         |
+| ------------- | ----------------------- | -------------------- | ------------- | -------------------- | --------------- | ------- |
+| Line(Multi)   | Column(Grouped/Stacked) | Pie                  | Area(Stacked) | Bar(Grouped/Stacked) | Scatter(Bubble) | Heatmap |
+| 40/40         | 25/27                   | 13/14                | 18/18         | 18/20                | 10/10           | 9/10    |
+| Histogram     | Tree Map                | Word Cloud           | Radar         | Dual Axis            | Rich Text NTV   | Pin Map |
+| 15/16         | 13/15                   | 11/12                | 23/23         | 13/14                | 7.3/10          | 10/11   |
+| Network Graph | Mind Map                | Organizational Chart | Flow Diagram  | Fishbone Diagram     |                 |         |
+| 8/10          | 12/14                   | 10/12                | 10/11         | 10/12                |                 |         |
+|               |                         |                      |               |                      |                 |         |
+
+Note: The numbers in the format of X/Y represent the metrics of the respective chart types when evaluated against the dataset.
+
+## 🤖 Chart Recommendation Dataset
+
+The chart recommendation dataset is designed to evaluate or fine-tune large language models on their ability to recommend chart types based on given data. The dataset currently encompasses 16 types of charts, with 1-3 different data scenarios per chart type, and more than 15 chart data instances for each scenario. The dataset is continuously updated, and we welcome contributions of chart data collected from your own use cases. For more detailed information about the dataset, please visit [evaluations/recommend](https://github.com/antvis/GPT-Vis/tree/main/evaluations/recommend/README.md).
 
 ## 💻 Development
 

package/README.zh-CN.md

@@ -9,8 +9,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">文档</a> •
   <a href="/knowledges" target="_blank">知识库</a> •
-  <a href="https://huggingface.co/antvis" target="_blank">Huggingface</a> •
-  <a href="https://tbox.alipay.com/share/202410APr1n200110168?platform=WebService" target="_blank">体验 Agent</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">体验 Agent</a>
 </p>
 
 <div align="center">
@@ -65,7 +64,8 @@ export default () => {
 };
 ```
 
-## 🛠 定制渲染器
+<details>
+<summary>🛠 定制渲染器</summary>
 
 ```jsx
 import { GPTVisLite, withChartCode, ChartType, Pie } from '@antv/gpt-vis';
@@ -101,6 +101,8 @@ export default () => {
 };
 ```
 
+</details>
+
 ## 🐍 Streamlit
 
 ```python
@@ -118,7 +120,25 @@ Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022.
 set_gpt_vis(content)
 ```
 
-更多了解 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/bindings/streamlit-gpt-vis)
+更多了解 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/tree/main/bindings/streamlit-gpt-vis)
+
+## 🗂 可视化知识库
+
+[可视化知识库](https://github.com/antvis/GPT-Vis/tree/main/knowledges)的目的是为了提供一个全面、系统的资源，帮助 Agent 理解、选择、创建各种数据可视化图表，以下是 Agent 通过 RAG 方式接入知识，根据[评测数据集](https://github.com/antvis/GPT-Vis/tree/main/evaluations/datastes/chart)生成准确图表协议的指标。
+
+|               |                         |                      |               |                      |                 |         |
+| ------------- | ----------------------- | -------------------- | ------------- | -------------------- | --------------- | ------- |
+| Line(Multi)   | Column(Grouped/Stacked) | Pie                  | Area(Stacked) | Bar(Grouped/Stacked) | Scatter(Bubble) | Heatmap |
+| 40/40         | 25/27                   | 13/14                | 18/18         | 18/20                | 10/10           | 9/10    |
+| Histogram     | Tree Map                | Word Cloud           | Radar         | Dual Axis            | Rich Text NTV   | Pin Map |
+| 15/16         | 13/15                   | 11/12                | 23/23         | 13/14                | 7.3/10          | 10/11   |
+| Network Graph | Mind Map                | Organizational Chart | Flow Diagram  | Fishbone Diagram     |                 |         |
+| 8/10          | 12/14                   | 10/12                | 10/11         | 10/12                |                 |         |
+|               |                         |                      |               |                      |                 |         |
+
+## 🤖 图表模型推荐数据集
+
+图表推荐数据集用于评测/微调大模型在“给定数据，推荐图表类型”任务上的能力。数据集目前涵盖了 16 种图表类型，每种图表类型下 1-3 个不同数据场景，每个场景下 15+ 个图表数据。数据会持续更新，也欢迎向我们贡献你的使用场景中收集的图表数据。数据集详细信息见 [evaluations/recommend](https://github.com/antvis/GPT-Vis/tree/main/evaluations/recommend/README.md)
 
 ## 💻 本地开发
 

package/dist/cjs/FishboneDiagram/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { TreeGraphProps } from '../types';
+export interface FishboneDiagramProps extends TreeGraphProps {
+}
+declare const FishboneDiagram: React.FC<FishboneDiagramProps>;
+export default FishboneDiagram;

package/dist/cjs/FishboneDiagram/index.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/FishboneDiagram/index.tsx
+var FishboneDiagram_exports = {};
+__export(FishboneDiagram_exports, {
+  default: () => FishboneDiagram_default
+});
+module.exports = __toCommonJS(FishboneDiagram_exports);
+var import_graphs = require("@ant-design/graphs");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_graph = require("../utils/graph");
+var defaultConfig = {
+  autoFit: "view",
+  autoResize: true
+};
+var FishboneDiagram = (props) => {
+  const { data: propsData, ...restProps } = props;
+  const data = (0, import_react.useMemo)(() => (0, import_graph.visTreeData2GraphData)(propsData), [propsData]);
+  const config = (0, import_hooks.useGraphConfig)("FishboneDiagram", defaultConfig, restProps);
+  return /* @__PURE__ */ import_react.default.createElement(import_graphs.Fishbone, { data, ...config });
+};
+var FishboneDiagram_default = FishboneDiagram;

package/dist/cjs/GPTVis/Lite.js

@@ -35,10 +35,12 @@ module.exports = __toCommonJS(Lite_exports);
 var import_react = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
+var import_remark_gfm = __toESM(require("remark-gfm"));
 var GPTVisLite = ({
   children,
   components,
   rehypePlugins,
+  remarkPlugins,
   ...rest
 }) => {
   return /* @__PURE__ */ import_react.default.createElement(
@@ -46,6 +48,7 @@ var GPTVisLite = ({
     {
       components,
       rehypePlugins: [import_rehype_raw.default, ...rehypePlugins ? rehypePlugins : []],
+      remarkPlugins: [import_remark_gfm.default, ...remarkPlugins ? remarkPlugins : []],
       ...rest
     },
     children

package/dist/cjs/Text/VisText.js

@@ -37,6 +37,7 @@ var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
 var import_hooks = require("../ConfigProvider/hooks");
 var import_config = require("./config");
+var import_utils = require("./utils");
 var { Text } = import_antd.Typography;
 function renderPrefixSuffix(symbol, staticsConfig, props) {
   if (!symbol)
@@ -48,6 +49,7 @@ function renderPrefixSuffix(symbol, staticsConfig, props) {
 }
 var VisText = (props) => {
   const { children, className, style, type, origin } = props;
+  const isDark = (0, import_utils.useAntdDarkAlgorithm)();
   const textConfig = (0, import_hooks.useComponentGlobalConfig)("VisText");
   const encoding = type ? textConfig == null ? void 0 : textConfig[type] : {};
   const staticsConfig = textConfig == null ? void 0 : textConfig[import_config.STATICS_KEY];
@@ -61,8 +63,9 @@ var VisText = (props) => {
           // antd Text 组件写死了 14px，在段落定义了 font-size 的情况下，显示很突兀，这里不设置，跟随上级容器字体大小改变。
           // TODO @羽熙 之后看能否通过 antd ConfigProvider 统一配置
           fontSize: "unset",
+          color: (0, import_utils.getThemeColor)({ type, color: encoding == null ? void 0 : encoding.color, theme: isDark ? "dark" : "light" }),
           ...style,
-          ...(0, import_lodash.pick)(encoding, ["color", "backgroundColor", "fontWeight"])
+          ...(0, import_lodash.pick)(encoding, ["backgroundColor", "fontWeight"])
         }
       },
       renderPrefixSuffix(encoding == null ? void 0 : encoding.prefix, staticsConfig, props),

package/dist/cjs/Text/config.js

@@ -23,9 +23,9 @@ __export(config_exports, {
   STATICS_KEY: () => STATICS_KEY
 });
 module.exports = __toCommonJS(config_exports);
-var import_constants = require("./constants");
 var import_custom_icons = require("./custom-icons");
 var import_mini_charts = require("./mini-charts");
+var import_theme = require("./theme");
 var STATICS_KEY = "__statics";
 var DEFAULT_VIS_TEXT_CONFIG = {
   [STATICS_KEY]: {
@@ -36,49 +36,49 @@ var DEFAULT_VIS_TEXT_CONFIG = {
     "mini-chart:line": import_mini_charts.SingleLineChart
   },
   metric_name: {
-    color: import_constants.TEXT_THEME.black88,
+    color: import_theme.TEXT_THEME.light.default88Color,
     fontWeight: 500
   },
   metric_value: {
-    color: import_constants.TEXT_THEME.primaryColor
+    color: import_theme.TEXT_THEME.light.primaryColor
   },
   other_metric_value: {
-    color: import_constants.TEXT_THEME.black65
+    color: import_theme.TEXT_THEME.light.default65Color
   },
   delta_value: {
-    color: import_constants.TEXT_THEME.black65
+    color: import_theme.TEXT_THEME.light.default65Color
   },
   ratio_value: {
-    color: import_constants.TEXT_THEME.black65
+    color: import_theme.TEXT_THEME.light.default65Color
   },
   delta_value_pos: {
-    color: import_constants.TEXT_THEME.posColor,
+    color: import_theme.TEXT_THEME.light.posColor,
     prefix: "+"
   },
   delta_value_neg: {
-    color: import_constants.TEXT_THEME.negColor,
+    color: import_theme.TEXT_THEME.light.negColor,
     prefix: "-"
   },
   ratio_value_pos: {
-    color: import_constants.TEXT_THEME.posColor,
+    color: import_theme.TEXT_THEME.light.posColor,
     prefix: "icon:arrow-up"
   },
   ratio_value_neg: {
-    color: import_constants.TEXT_THEME.negColor,
+    color: import_theme.TEXT_THEME.light.negColor,
     prefix: "icon:arrow-down"
   },
   contribute_ratio: {
-    color: import_constants.TEXT_THEME.statisticsInsightColor
+    color: import_theme.TEXT_THEME.light.conclusionColor
   },
   trend_desc: {
-    color: import_constants.TEXT_THEME.statisticsInsightColor,
+    color: import_theme.TEXT_THEME.light.conclusionColor,
     suffix: "mini-chart:line"
   },
   dim_value: {
-    color: import_constants.TEXT_THEME.black88
+    color: import_theme.TEXT_THEME.light.default88Color
   },
   time_desc: {
-    color: import_constants.TEXT_THEME.black88
+    color: import_theme.TEXT_THEME.light.default88Color
   },
   proportion: {
     suffix: "mini-chart:proportion"

package/dist/cjs/Text/mini-charts/hooks/getElementFontSize.js

@@ -22,7 +22,7 @@ __export(getElementFontSize_exports, {
   getElementFontSize: () => getElementFontSize
 });
 module.exports = __toCommonJS(getElementFontSize_exports);
-var import_constants = require("../../constants");
+var import_theme = require("../../theme");
 function getStyle(ele, style) {
   var _a;
   return window.getComputedStyle ? (
@@ -43,7 +43,7 @@ function getPxNumber(str) {
     return resultNumber;
   return void 0;
 }
-function getElementFontSize(ele, defaultSize = import_constants.TEXT_THEME.fontSizeBase) {
+function getElementFontSize(ele, defaultSize = import_theme.TEXT_THEME.fontSizeBase) {
   const FONT_SIZE = "font-size";
   const eleFontSizeStr = getStyle(ele, FONT_SIZE);
   if (eleFontSizeStr && isAbsoluteUnitPx(eleFontSizeStr)) {

package/dist/cjs/Text/mini-charts/hooks/useSvgWrapper.js

@@ -33,14 +33,14 @@ __export(useSvgWrapper_exports, {
 });
 module.exports = __toCommonJS(useSvgWrapper_exports);
 var import_react = __toESM(require("react"));
-var import_constants = require("../../constants");
+var import_theme = require("../../theme");
 var import_getElementFontSize = require("./getElementFontSize");
 var useSvgWrapper = () => {
   const ele = (0, import_react.useRef)(null);
-  const [fontSize, setFontSize] = (0, import_react.useState)(import_constants.TEXT_THEME.fontSizeBase);
+  const [fontSize, setFontSize] = (0, import_react.useState)(import_theme.TEXT_THEME.fontSizeBase);
   (0, import_react.useLayoutEffect)(() => {
     if (ele.current) {
-      setFontSize((0, import_getElementFontSize.getElementFontSize)(ele.current, import_constants.TEXT_THEME.fontSizeBase));
+      setFontSize((0, import_getElementFontSize.getElementFontSize)(ele.current, import_theme.TEXT_THEME.fontSizeBase));
     }
   }, []);
   const Svg = ({ children, ...otherProps }) => {

package/dist/cjs/Text/mini-charts/line/SingleLineChart.js

@@ -34,10 +34,10 @@ __export(SingleLineChart_exports, {
 module.exports = __toCommonJS(SingleLineChart_exports);
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
+var import_theme = require("../../theme");
 var import_hooks = require("../hooks");
 var import_useLineCompute = require("./useLineCompute");
 var LINEAR_FILL_COLOR_ID = "wsc-line-fill";
-var LINE_STROKE_COLOR = "#5B8FF9";
 function getLineChartData(origin) {
   if ((0, import_lodash.isArray)(origin))
     return origin;
@@ -55,7 +55,7 @@ var SingleLineChart = ({ origin }) => {
   const [Svg, fontSize] = (0, import_hooks.useSvgWrapper)();
   const data = (0, import_react.useMemo)(() => getLineChartData(origin), [origin]);
   const { width, height, linePath, polygonPath } = (0, import_useLineCompute.useLineCompute)(fontSize, data);
-  return (0, import_lodash.size)(data) > 0 && /* @__PURE__ */ import_react.default.createElement(Svg, { width, height }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "122.389541%", id: LINEAR_FILL_COLOR_ID }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: LINE_STROKE_COLOR, offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#FFFFFF", stopOpacity: "0", offset: "100%" }))), linePath && /* @__PURE__ */ import_react.default.createElement("path", { d: linePath, stroke: LINE_STROKE_COLOR, fill: "transparent" }), polygonPath && /* @__PURE__ */ import_react.default.createElement("polygon", { points: polygonPath, fill: `url(#${LINEAR_FILL_COLOR_ID})` }));
+  return (0, import_lodash.size)(data) > 0 && /* @__PURE__ */ import_react.default.createElement(Svg, { width, height }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "122.389541%", id: LINEAR_FILL_COLOR_ID }, /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: import_theme.TEXT_THEME.chart.lineStrokeColor, offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { stopColor: "#FFFFFF", stopOpacity: "0", offset: "100%" }))), linePath && /* @__PURE__ */ import_react.default.createElement("path", { d: linePath, stroke: import_theme.TEXT_THEME.chart.lineStrokeColor, fill: "transparent" }), polygonPath && /* @__PURE__ */ import_react.default.createElement("polygon", { points: polygonPath, fill: `url(#${LINEAR_FILL_COLOR_ID})` }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/Text/mini-charts/line/useLineCompute.js

@@ -23,13 +23,13 @@ __export(useLineCompute_exports, {
 });
 module.exports = __toCommonJS(useLineCompute_exports);
 var import_react = require("react");
-var import_constants = require("../../constants");
+var import_theme = require("../../theme");
 var import_scaleLinear = require("./scaleLinear");
 var SCALE_ADJUST = 2;
 var Line = class {
   constructor(size, data) {
     this.data = [];
-    this.size = import_constants.TEXT_THEME.fontSizeBase;
+    this.size = import_theme.TEXT_THEME.fontSizeBase;
     this.height = this.size;
     this.width = this.getWidth();
     this.points = [];

package/dist/cjs/Text/mini-charts/proportion/index.js

@@ -34,10 +34,9 @@ __export(proportion_exports, {
 module.exports = __toCommonJS(proportion_exports);
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
+var import_theme = require("../../theme");
 var import_useSvgWrapper = require("../hooks/useSvgWrapper");
 var import_getArcPath = require("./getArcPath");
-var SHADOW_COLOR = "#CDDDFD";
-var FILL_COLOR = "#3471F9";
 function getProportionNumber(children, origin) {
   var _a;
   let result;
@@ -64,7 +63,7 @@ var ProportionChart = ({ origin, children }) => {
   const data = (0, import_react.useMemo)(() => getProportionNumber(children, origin), [children, origin]);
   const [Svg, fontSize] = (0, import_useSvgWrapper.useSvgWrapper)();
   const r = fontSize / 2;
-  return data && /* @__PURE__ */ import_react.default.createElement(Svg, { width: fontSize, height: fontSize }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: r, cy: r, r, fill: SHADOW_COLOR }), data >= 1 ? /* @__PURE__ */ import_react.default.createElement("circle", { cx: r, cy: r, r, fill: FILL_COLOR }) : /* @__PURE__ */ import_react.default.createElement("path", { d: (0, import_getArcPath.getArcPath)(fontSize, data), fill: FILL_COLOR }));
+  return data && /* @__PURE__ */ import_react.default.createElement(Svg, { width: fontSize, height: fontSize }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: r, cy: r, r, fill: import_theme.TEXT_THEME.chart.proportionShadowColor }), data >= 1 ? /* @__PURE__ */ import_react.default.createElement("circle", { cx: r, cy: r, r, fill: import_theme.TEXT_THEME.chart.proportionFillColor }) : /* @__PURE__ */ import_react.default.createElement("path", { d: (0, import_getArcPath.getArcPath)(fontSize, data), fill: import_theme.TEXT_THEME.chart.proportionFillColor }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/Text/theme.d.ts

@@ -0,0 +1,24 @@
+export declare const TEXT_THEME: {
+    fontSizeBase: number;
+    chart: {
+        proportionShadowColor: string;
+        proportionFillColor: string;
+        lineStrokeColor: string;
+    };
+    light: {
+        primaryColor: string;
+        default88Color: string;
+        default65Color: string;
+        posColor: string;
+        negColor: string;
+        conclusionColor: string;
+    };
+    dark: {
+        primaryColor: string;
+        default88Color: string;
+        default65Color: string;
+        posColor: string;
+        negColor: string;
+        conclusionColor: string;
+    };
+};

package/dist/cjs/Text/{constants.js → theme.js}

@@ -16,20 +16,35 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Text/constants.ts
-var constants_exports = {};
-__export(constants_exports, {
+// src/Text/theme.ts
+var theme_exports = {};
+__export(theme_exports, {
   TEXT_THEME: () => TEXT_THEME
 });
-module.exports = __toCommonJS(constants_exports);
+module.exports = __toCommonJS(theme_exports);
 var TEXT_THEME = {
   fontSizeBase: 14,
-  primaryColor: "#1677FF",
-  black88: "rgba(0, 0, 0, 0.88)",
-  black65: "rgba(0, 0, 0, 0.65)",
-  posColor: "#FA541C",
-  negColor: "#13A8A8",
-  statisticsInsightColor: "#1F0352"
+  chart: {
+    proportionShadowColor: "#CDDDFD",
+    proportionFillColor: "#3471F9",
+    lineStrokeColor: "#5B8FF9"
+  },
+  light: {
+    primaryColor: "#1677FF",
+    default88Color: "rgba(0, 0, 0, 0.88)",
+    default65Color: "rgba(0, 0, 0, 0.65)",
+    posColor: "#FA541C",
+    negColor: "#13A8A8",
+    conclusionColor: "#1F0352"
+  },
+  dark: {
+    primaryColor: "#4B91FF",
+    default88Color: "rgba(255, 255, 255, 0.88)",
+    default65Color: "rgba(255, 255, 255, 0.65)",
+    posColor: "#FA541C",
+    negColor: "#13A8A8",
+    conclusionColor: "#D8C3F3"
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/Text/utils/getThemeColor.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 自动适配暗黑模式
+ * @params type 类型
+ * @params color 当前颜色
+ * @params theme 当前主题
+ */
+export declare const getThemeColor: ({ type, color, theme, }: {
+    type?: string | undefined;
+    color: string | undefined;
+    theme: 'dark' | 'light';
+}) => string | undefined;

package/dist/cjs/Text/utils/getThemeColor.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Text/utils/getThemeColor.ts
+var getThemeColor_exports = {};
+__export(getThemeColor_exports, {
+  getThemeColor: () => getThemeColor
+});
+module.exports = __toCommonJS(getThemeColor_exports);
+var import_lodash = require("lodash");
+var import_config = require("../config");
+var import_theme = require("../theme");
+var getThemeColor = ({
+  type,
+  color,
+  theme
+}) => {
+  if (type && color && theme === "dark") {
+    const defaultLightColor = (0, import_lodash.get)(import_config.DEFAULT_VIS_TEXT_CONFIG, [type, "color"]);
+    if (color === defaultLightColor) {
+      const token = (0, import_lodash.findKey)(import_theme.TEXT_THEME.light, (i) => i === color);
+      if (token)
+        return import_theme.TEXT_THEME.dark[token];
+    }
+  }
+  return color;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getThemeColor
+});

package/dist/cjs/Text/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getThemeColor';
+export * from './useAntdDarkAlgorithm';

package/dist/cjs/Text/utils/index.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Text/utils/index.ts
+var utils_exports = {};
+module.exports = __toCommonJS(utils_exports);
+__reExport(utils_exports, require("./getThemeColor"), module.exports);
+__reExport(utils_exports, require("./useAntdDarkAlgorithm"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./getThemeColor"),
+  ...require("./useAntdDarkAlgorithm")
+});

package/dist/cjs/Text/utils/useAntdDarkAlgorithm.d.ts

@@ -0,0 +1,2 @@
+/** 判断是否运用了 antd dark algorithm */
+export declare const useAntdDarkAlgorithm: () => boolean;

package/dist/cjs/Text/utils/useAntdDarkAlgorithm.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Text/utils/useAntdDarkAlgorithm.ts
+var useAntdDarkAlgorithm_exports = {};
+__export(useAntdDarkAlgorithm_exports, {
+  useAntdDarkAlgorithm: () => useAntdDarkAlgorithm
+});
+module.exports = __toCommonJS(useAntdDarkAlgorithm_exports);
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_react = require("react");
+var { darkAlgorithm } = import_antd.theme;
+var useAntdDarkAlgorithm = () => {
+  var _a;
+  const config = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const currentAlgorithm = (_a = config.theme) == null ? void 0 : _a.algorithm;
+  if ((0, import_lodash.isArray)(currentAlgorithm) && currentAlgorithm.includes(darkAlgorithm))
+    return true;
+  return currentAlgorithm === darkAlgorithm;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAntdDarkAlgorithm
+});

package/dist/cjs/export.d.ts

@@ -13,16 +13,17 @@ import { default as Scatter, type ScatterProps } from './Scatter';
 import { default as Treemap, type TreemapProps } from './Treemap';
 import { default as WordCloud, type WordCloudProps } from './WordCloud';
 /********** graph chart **********/
+import { default as FishboneDiagram, type FishboneDiagramProps } from './FishboneDiagram';
 import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as MindMap, type MindMapProps } from './MindMap';
 import { default as NetworkGraph, type NetworkGraphProps } from './NetworkGraph';
-import { default as PathMap, type PathMapProps } from './PathMap';
-import { default as PinMap, type PinMapProps } from './PinMap';
 export { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
+export { default as Map, type MapProps } from './Map';
 export { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
 /********** map chart **********/
-export { default as Map, type MapProps } from './Map';
+import { default as PathMap, type PathMapProps } from './PathMap';
+import { default as PinMap, type PinMapProps } from './PinMap';
 /********** NTV **********/
 export { VisText, type VisTextProps } from './Text';
-export { Area, Bar, Column, DualAxes, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud, type AreaProps, type BarProps, type ColumnProps, type DualAxesProps, type FlowDiagramProps, type HeatMapProps, type HistogramProps, type LineProps, type MindMapProps, type NetworkGraphProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type ScatterProps, type TreemapProps, type WordCloudProps, };
+export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud, type AreaProps, type BarProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, type FlowDiagramProps, type HeatMapProps, type HistogramProps, type LineProps, type MindMapProps, type NetworkGraphProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type ScatterProps, type TreemapProps, type WordCloudProps, };
 export declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;