@antv/gpt-vis 0.1.0 → 0.2.0

package/README.md

@@ -4,10 +4,10 @@
 
 <div align="center">
 
-Components for GPTs, generative AI, and LLM projects. Not only UI Components.
+Components for GPTs, generative AI, and LLM projects. **Not only UI Components**.
 
 <p align="center">
-  <a href="https://gpt-vis.antv.com" target="_blank">Document</a> •
+  <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>
@@ -42,7 +42,21 @@ const markdownContent = `
 Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022. You can see a steady increase over the years, with notable *growth* particularly in recent years.
 
 \`\`\`vis-chart
-{ "type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}] }
+{
+  "type": "line",
+  "data": [
+    { "time":2013,"value":59.3 },
+    { "time":2014,"value":64.4 },
+    { "time":2015,"value":68.9 },
+    { "time":2016,"value":74.4 },
+    { "time":2017,"value":82.7 },
+    { "time":2018,"value":91.9 },
+    { "time":2019,"value":99.1 },
+    { "time":2020,"value":101.6 },
+    { "time":2021,"value":114.4 },
+    { "time":2022,"value":121 }
+  ]
+}
 \`\`\`
 `;
 
@@ -54,27 +68,58 @@ export default () => {
 ## 🛠 Custom renderer
 
 ```jsx
-import { GPTVis, withDefaultChartCode, VisText } from '@antv/gpt-vis';
+import { GPTVisLite, withChartCode, ChartType, Pie } from '@antv/gpt-vis';
 
 const markdownContent = `
-<vis-text type="time_desc">本月</vis-text>共产生<vis-text type="metric_name">决策数量</vis-text><vis-text type="metric_value">2,783</vis-text>个，环比<vis-text type="trend_desc">增长</vis-text><vis-text type="ratio_value_pos">15.2%</vis-text>。<vis-text type="dim_name">高优先级决策</vis-text>占比<vis-text type="proportion">56.2%</vis-text>，呈现稳定<vis-text type="trend_desc" origin="[1, 2, 6, 18, 24, 48]">上升</vis-text>趋势，预计<vis-text type="time_desc">下月</vis-text>将突破<vis-text type="metric_value">3,000</vis-text>大关。
-
 \`\`\`my-ui
 my data
 \`\`\`
+
+\`\`\`vis-chart
+{
+  "type": "pie",
+  "data": [
+    { "category": "category 1", "value": 27 },
+    { "category": "category 2", "value": 25 },
+    { "category": "category 3", "value": 18 },
+    { "category": "other", "value": 5 }
+  ]
+}
+\`\`\`
 `;
 
 const customRenderers = { 'my-ui': ({ children }) => <div>{children}</div> };
 const components = {
-  'vis-text': VisText,
-  code: withDefaultChartCode({ languageRenderers: customRenderers }),
+  code: withChartCode({
+    languageRenderers: customRenderers, // register custom block renderer
+    components: { [ChartType.Pie]: Pie }, // register a pie chart
+  }),
 };
 
 export default () => {
-  return <GPTVis components={components}>{markdownContent}</GPTVis>;
+  return <GPTVisLite components={components}>{markdownContent}</GPTVisLite>;
 };
 ```
 
+## 🐍 Streamlit
+
+```python
+import streamlit as st
+from streamlit_gpt_vis import set_gpt_vis
+
+content = '''
+Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022. You can see a steady increase over the years, with notable *growth* particularly in recent years.
+
+\`\`\`vis-chart
+{"type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}]}
+\`\`\`
+'''
+
+set_gpt_vis(content)
+```
+
+Learn more 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/bindings/streamlit-gpt-vis)
+
 ## 💻 Development
 
 ```bash

package/README.zh-CN.md

@@ -4,10 +4,10 @@
 
 <div align="center">
 
-Components for GPTs, generative AI, and LLM projects. Not only UI Components.
+Components for GPTs, generative AI, and LLM projects. **Not only UI Components**.
 
 <p align="center">
-  <a href="https://gpt-vis.antv.com" target="_blank">文档</a> •
+  <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>
@@ -42,7 +42,21 @@ const markdownContent = `
 Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022. You can see a steady increase over the years, with notable *growth* particularly in recent years.
 
 \`\`\`vis-chart
-{ "type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}] }
+{
+  "type": "line",
+  "data": [
+    { "time":2013,"value":59.3 },
+    { "time":2014,"value":64.4 },
+    { "time":2015,"value":68.9 },
+    { "time":2016,"value":74.4 },
+    { "time":2017,"value":82.7 },
+    { "time":2018,"value":91.9 },
+    { "time":2019,"value":99.1 },
+    { "time":2020,"value":101.6 },
+    { "time":2021,"value":114.4 },
+    { "time":2022,"value":121 }
+  ]
+}
 \`\`\`
 `;
 
@@ -54,27 +68,58 @@ export default () => {
 ## 🛠 定制渲染器
 
 ```jsx
-import { GPTVis, withDefaultChartCode, VisText } from '@antv/gpt-vis';
+import { GPTVisLite, withChartCode, ChartType, Pie } from '@antv/gpt-vis';
 
 const markdownContent = `
-<vis-text type="time_desc">本月</vis-text>共产生<vis-text type="metric_name">决策数量</vis-text><vis-text type="metric_value">2,783</vis-text>个，环比<vis-text type="trend_desc">增长</vis-text><vis-text type="ratio_value_pos">15.2%</vis-text>。<vis-text type="dim_name">高优先级决策</vis-text>占比<vis-text type="proportion">56.2%</vis-text>，呈现稳定<vis-text type="trend_desc" origin="[1, 2, 6, 18, 24, 48]">上升</vis-text>趋势，预计<vis-text type="time_desc">下月</vis-text>将突破<vis-text type="metric_value">3,000</vis-text>大关。
-
 \`\`\`my-ui
 my data
 \`\`\`
+
+\`\`\`vis-chart
+{
+  "type": "pie",
+  "data": [
+    { "category": "分类一", "value": 27 },
+    { "category": "分类二", "value": 25 },
+    { "category": "分类三", "value": 18 },
+    { "category": "其他", "value": 5 }
+  ]
+}
+\`\`\`
 `;
 
 const customRenderers = { 'my-ui': ({ children }) => <div>{children}</div> };
 const components = {
-  'vis-text': VisText,
-  code: withDefaultChartCode({ languageRenderers: customRenderers }),
+  code: withChartCode({
+    languageRenderers: customRenderers, // register custom block renderer
+    components: { [ChartType.Pie]: Pie }, // register a pie chart
+  }),
 };
 
 export default () => {
-  return <GPTVis components={components}>{markdownContent}</GPTVis>;
+  return <GPTVisLite components={components}>{markdownContent}</GPTVisLite>;
 };
 ```
 
+## 🐍 Streamlit
+
+```python
+import streamlit as st
+from streamlit_gpt_vis import set_gpt_vis
+
+content = '''
+Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022. You can see a steady increase over the years, with notable *growth* particularly in recent years.
+
+\`\`\`vis-chart
+{"type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}]}
+\`\`\`
+'''
+
+set_gpt_vis(content)
+```
+
+更多了解 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/bindings/streamlit-gpt-vis)
+
 ## 💻 本地开发
 
 ```bash

package/dist/cjs/ConfigProvider/hooks/useConfig.js

@@ -91,8 +91,9 @@ function useMapConfig(name, props) {
   return mapConfig;
 }
 function useGraphGlobalConfig(name) {
+  const { graph: graphConfig = {} } = useConfig();
   const componentConfig = useComponentGlobalConfig(name);
-  return componentConfig || {};
+  return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
 }
 function useGraphConfig(name, defaultConfig, props) {
   const globalConfig = useGraphGlobalConfig(name);

package/dist/cjs/GPTVis/Lite.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Options } from 'react-markdown';
+export interface GPTVisLiteProps extends Options {
+    /** 自定义 markdown components样式 */
+    components?: Options['components'] | {
+        [key: string]: (props: any) => React.ReactNode;
+    };
+}
+declare const _default: React.NamedExoticComponent<GPTVisLiteProps>;
+export default _default;

package/dist/cjs/GPTVis/Lite.js

@@ -0,0 +1,54 @@
+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/GPTVis/Lite.tsx
+var Lite_exports = {};
+__export(Lite_exports, {
+  default: () => Lite_default
+});
+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 GPTVisLite = ({
+  children,
+  components,
+  rehypePlugins,
+  ...rest
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_markdown.default,
+    {
+      components,
+      rehypePlugins: [import_rehype_raw.default, ...rehypePlugins ? rehypePlugins : []],
+      ...rest
+    },
+    children
+  );
+};
+var Lite_default = (0, import_react.memo)(GPTVisLite);

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

@@ -1,10 +1,6 @@
 import React from 'react';
-import type { Options } from 'react-markdown';
-export interface GPTVisProps extends Options {
-    /** 自定义 markdown components样式 */
-    components?: Options['components'] | {
-        [key: string]: (props: any) => React.ReactNode;
-    };
+import { type GPTVisLiteProps } from './Lite';
+export interface GPTVisProps extends GPTVisLiteProps {
 }
 declare const _default: React.NamedExoticComponent<GPTVisProps>;
 export default _default;

package/dist/cjs/GPTVis/index.js

@@ -33,19 +33,10 @@ __export(GPTVis_exports, {
 });
 module.exports = __toCommonJS(GPTVis_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_ChartCodeRender = require("../ChartCodeRender");
+var import_Lite = __toESM(require("./Lite"));
 var CodeBlock = (0, import_ChartCodeRender.withDefaultChartCode)();
-var GPTVis = ({ children, components, rehypePlugins, ...rest }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_markdown.default,
-    {
-      components: { code: CodeBlock, ...components },
-      rehypePlugins: [import_rehype_raw.default, ...rehypePlugins ? rehypePlugins : []],
-      ...rest
-    },
-    children
-  );
+var GPTVis = ({ children, components, ...rest }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Lite.default, { components: { code: CodeBlock, ...components }, ...rest }, children);
 };
 var GPTVis_default = (0, import_react.memo)(GPTVis);

package/dist/cjs/Text/VisText.js

@@ -58,6 +58,9 @@ var VisText = (props) => {
       {
         className,
         style: {
+          // antd Text 组件写死了 14px，在段落定义了 font-size 的情况下，显示很突兀，这里不设置，跟随上级容器字体大小改变。
+          // TODO @羽熙 之后看能否通过 antd ConfigProvider 统一配置
+          fontSize: "unset",
           ...style,
           ...(0, import_lodash.pick)(encoding, ["color", "backgroundColor", "fontWeight"])
         }

package/dist/cjs/export.d.ts

@@ -1,25 +1,28 @@
 /// <reference types="react" />
+/********** plot chart **********/
 import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
-import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as HeatMap, type HeatMapProps } from './HeatMap';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
-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 Pie, type PieProps } from './Pie';
-import { default as PinMap, type PinMapProps } from './PinMap';
 import { default as Radar, type RadarProps } from './Radar';
 import { default as Scatter, type ScatterProps } from './Scatter';
 import { default as Treemap, type TreemapProps } from './Treemap';
 import { default as WordCloud, type WordCloudProps } from './WordCloud';
-export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
+/********** graph chart **********/
+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';
-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, };
+/********** map chart **********/
+export { default as Map, type MapProps } from './Map';
+/********** 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 declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;

package/dist/cjs/export.js

@@ -32,7 +32,6 @@ __export(export_exports, {
   Area: () => import_Area.default,
   Bar: () => import_Bar.default,
   Column: () => import_Column.default,
-  ConfigProvider: () => import_ConfigProvider.default,
   DEFAULT_CHART_COMPONENTS: () => DEFAULT_CHART_COMPONENTS,
   DualAxes: () => import_DualAxes.default,
   FlowDiagram: () => import_FlowDiagram.default,
@@ -58,24 +57,23 @@ var import_Area = __toESM(require("./Area"));
 var import_Bar = __toESM(require("./Bar"));
 var import_Column = __toESM(require("./Column"));
 var import_DualAxes = __toESM(require("./DualAxes"));
-var import_FlowDiagram = __toESM(require("./FlowDiagram"));
 var import_HeatMap = __toESM(require("./HeatMap"));
 var import_Histogram = __toESM(require("./Histogram"));
 var import_Line = __toESM(require("./Line"));
-var import_MindMap = __toESM(require("./MindMap"));
-var import_NetworkGraph = __toESM(require("./NetworkGraph"));
-var import_PathMap = __toESM(require("./PathMap"));
 var import_Pie = __toESM(require("./Pie"));
-var import_PinMap = __toESM(require("./PinMap"));
 var import_Radar = __toESM(require("./Radar"));
 var import_Scatter = __toESM(require("./Scatter"));
 var import_Treemap = __toESM(require("./Treemap"));
-var import_types = require("./types");
 var import_WordCloud = __toESM(require("./WordCloud"));
-var import_ConfigProvider = __toESM(require("./ConfigProvider"));
+var import_FlowDiagram = __toESM(require("./FlowDiagram"));
+var import_MindMap = __toESM(require("./MindMap"));
+var import_NetworkGraph = __toESM(require("./NetworkGraph"));
+var import_PathMap = __toESM(require("./PathMap"));
+var import_PinMap = __toESM(require("./PinMap"));
+var import_types = require("./types");
 var import_IndentedTree = __toESM(require("./IndentedTree"));
-var import_Map = __toESM(require("./Map"));
 var import_OrganizationChart = __toESM(require("./OrganizationChart"));
+var import_Map = __toESM(require("./Map"));
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Line]: import_Line.default,
@@ -96,7 +94,6 @@ var DEFAULT_CHART_COMPONENTS = {
   Area,
   Bar,
   Column,
-  ConfigProvider,
   DEFAULT_CHART_COMPONENTS,
   DualAxes,
   FlowDiagram,

package/dist/cjs/index.d.ts

@@ -1,6 +1,11 @@
+/********** export chart **********/
 export * from './export';
-export { default as version } from './version';
+/********** export types **********/
+export * from './types';
+/********** export GPTVis **********/
 export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
 export type { CodeBlockComponent, WithChartCodeOptions } from './ChartCodeRender/type';
+export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
 export { default as GPTVis, type GPTVisProps } from './GPTVis';
-export * from './types';
+export { default as GPTVisLite, type GPTVisLiteProps } from './GPTVis/Lite';
+export { default as version } from './version';

package/dist/cjs/index.js

@@ -30,20 +30,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ConfigProvider: () => import_ConfigProvider.default,
   GPTVis: () => import_GPTVis.default,
+  GPTVisLite: () => import_Lite.default,
   version: () => import_version.default,
   withChartCode: () => import_ChartCodeRender.withChartCode,
   withDefaultChartCode: () => import_ChartCodeRender.withDefaultChartCode
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./export"), module.exports);
-var import_version = __toESM(require("./version"));
+__reExport(src_exports, require("./types"), module.exports);
 var import_ChartCodeRender = require("./ChartCodeRender");
+var import_ConfigProvider = __toESM(require("./ConfigProvider"));
 var import_GPTVis = __toESM(require("./GPTVis"));
-__reExport(src_exports, require("./types"), module.exports);
+var import_Lite = __toESM(require("./GPTVis/Lite"));
+var import_version = __toESM(require("./version"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ConfigProvider,
   GPTVis,
+  GPTVisLite,
   version,
   withChartCode,
   withDefaultChartCode,

package/dist/cjs/types/config.d.ts

@@ -1,9 +1,13 @@
+import type { GraphOptions as ADCGraphOptions } from '@ant-design/graphs';
 import type { G2 } from '@ant-design/plots';
 import type { Charts } from './chart';
 type PlotGlobalConfig = {
     theme?: G2.Theme;
     [key: string]: any;
 };
+type GraphGlobalConfig = ADCGraphOptions & {
+    [key: string]: any;
+};
 type MapGlobalConfig = {
     style?: 'normal' | 'light' | 'dark' | string;
     token?: string;
@@ -14,6 +18,7 @@ type MapGlobalConfig = {
 type ComponentsGlobalConfig = Partial<Record<Charts, Record<string, any>>>;
 export type GlobalConfig = {
     plot?: PlotGlobalConfig;
+    graph?: GraphGlobalConfig;
     map?: MapGlobalConfig;
     components?: ComponentsGlobalConfig;
 };

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.1.0";
+declare const _default: "0.2.0";
 export default _default;

package/dist/cjs/version.js

@@ -22,4 +22,4 @@ __export(version_exports, {
   default: () => version_default
 });
 module.exports = __toCommonJS(version_exports);
-var version_default = "0.1.0";
+var version_default = "0.2.0";

package/dist/esm/ConfigProvider/hooks/useConfig.js

@@ -45,9 +45,11 @@ export function useMapConfig(name, props) {
   return mapConfig;
 }
 function useGraphGlobalConfig(name) {
-  // TODO: global config
+  var _useConfig3 = useConfig(),
+    _useConfig3$graph = _useConfig3.graph,
+    graphConfig = _useConfig3$graph === void 0 ? {} : _useConfig3$graph;
   var componentConfig = useComponentGlobalConfig(name);
-  return componentConfig || {};
+  return mergeGraphOptions(graphConfig, componentConfig || {});
 }
 export function useGraphConfig(name, defaultConfig, props) {
   var globalConfig = useGraphGlobalConfig(name);

package/dist/esm/GPTVis/Lite.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Options } from 'react-markdown';
+export interface GPTVisLiteProps extends Options {
+    /** 自定义 markdown components样式 */
+    components?: Options['components'] | {
+        [key: string]: (props: any) => React.ReactNode;
+    };
+}
+declare const _default: React.NamedExoticComponent<GPTVisLiteProps>;
+export default _default;

package/dist/esm/GPTVis/Lite.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "components", "rehypePlugins"];
+import React, { memo } from 'react';
+import Markdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+var GPTVisLite = function GPTVisLite(_ref) {
+  var children = _ref.children,
+    components = _ref.components,
+    rehypePlugins = _ref.rehypePlugins,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Markdown, _extends({
+    components: components,
+    rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : []))
+  }, rest), children);
+};
+export default /*#__PURE__*/memo(GPTVisLite);

package/dist/esm/GPTVis/index.d.ts

@@ -1,10 +1,6 @@
 import React from 'react';
-import type { Options } from 'react-markdown';
-export interface GPTVisProps extends Options {
-    /** 自定义 markdown components样式 */
-    components?: Options['components'] | {
-        [key: string]: (props: any) => React.ReactNode;
-    };
+import { type GPTVisLiteProps } from './Lite';
+export interface GPTVisProps extends GPTVisLiteProps {
 }
 declare const _default: React.NamedExoticComponent<GPTVisProps>;
 export default _default;

package/dist/esm/GPTVis/index.js

@@ -1,23 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "components", "rehypePlugins"];
+var _excluded = ["children", "components"];
 import React, { memo } from 'react';
-import Markdown from 'react-markdown';
-import rehypeRaw from 'rehype-raw';
 import { withDefaultChartCode } from "../ChartCodeRender";
+import { default as GPTVisLite } from "./Lite";
 var CodeBlock = withDefaultChartCode();
 var GPTVis = function GPTVis(_ref) {
   var children = _ref.children,
     components = _ref.components,
-    rehypePlugins = _ref.rehypePlugins,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Markdown, _extends({
+  return /*#__PURE__*/React.createElement(GPTVisLite, _extends({
     components: _objectSpread({
       code: CodeBlock
-    }, components),
-    rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : []))
+    }, components)
   }, rest), children);
 };
 export default /*#__PURE__*/memo(GPTVis);

package/dist/esm/Text/VisText.js

@@ -27,7 +27,11 @@ var VisText = function VisText(props) {
       title: toString(origin)
     }, /*#__PURE__*/React.createElement(Text, {
       className: className,
-      style: _objectSpread(_objectSpread({}, style), pick(encoding, ['color', 'backgroundColor', 'fontWeight']))
+      style: _objectSpread(_objectSpread({
+        // antd Text 组件写死了 14px，在段落定义了 font-size 的情况下，显示很突兀，这里不设置，跟随上级容器字体大小改变。
+        // TODO @羽熙 之后看能否通过 antd ConfigProvider 统一配置
+        fontSize: 'unset'
+      }, style), pick(encoding, ['color', 'backgroundColor', 'fontWeight']))
     }, renderPrefixSuffix(encoding === null || encoding === void 0 ? void 0 : encoding.prefix, staticsConfig, props), children, renderPrefixSuffix(encoding === null || encoding === void 0 ? void 0 : encoding.suffix, staticsConfig, props)))
   );
 };

package/dist/esm/export.d.ts

@@ -1,25 +1,28 @@
 /// <reference types="react" />
+/********** plot chart **********/
 import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
-import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as HeatMap, type HeatMapProps } from './HeatMap';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
-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 Pie, type PieProps } from './Pie';
-import { default as PinMap, type PinMapProps } from './PinMap';
 import { default as Radar, type RadarProps } from './Radar';
 import { default as Scatter, type ScatterProps } from './Scatter';
 import { default as Treemap, type TreemapProps } from './Treemap';
 import { default as WordCloud, type WordCloudProps } from './WordCloud';
-export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
+/********** graph chart **********/
+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';
-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, };
+/********** map chart **********/
+export { default as Map, type MapProps } from './Map';
+/********** 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 declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;