@antv/gpt-vis 0.1.0 → 0.2.1

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

@@ -1,25 +1,29 @@
 /// <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 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';
 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 **********/
+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, 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>>;

package/dist/cjs/export.js

@@ -32,9 +32,9 @@ __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,
+  FishboneDiagram: () => import_FishboneDiagram.default,
   FlowDiagram: () => import_FlowDiagram.default,
   HeatMap: () => import_HeatMap.default,
   Histogram: () => import_Histogram.default,
@@ -54,28 +54,28 @@ __export(export_exports, {
   WordCloud: () => import_WordCloud.default
 });
 module.exports = __toCommonJS(export_exports);
+var import_types = require("./types");
 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_FishboneDiagram = __toESM(require("./FishboneDiagram"));
+var import_FlowDiagram = __toESM(require("./FlowDiagram"));
+var import_MindMap = __toESM(require("./MindMap"));
+var import_NetworkGraph = __toESM(require("./NetworkGraph"));
 var import_IndentedTree = __toESM(require("./IndentedTree"));
 var import_Map = __toESM(require("./Map"));
 var import_OrganizationChart = __toESM(require("./OrganizationChart"));
+var import_PathMap = __toESM(require("./PathMap"));
+var import_PinMap = __toESM(require("./PinMap"));
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Line]: import_Line.default,
@@ -89,16 +89,17 @@ var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.HeatMap]: import_HeatMap.default,
   [import_types.ChartType.MindMap]: import_MindMap.default,
   [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
-  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default
+  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default,
+  [import_types.ChartType.FishboneDiagram]: import_FishboneDiagram.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Area,
   Bar,
   Column,
-  ConfigProvider,
   DEFAULT_CHART_COMPONENTS,
   DualAxes,
+  FishboneDiagram,
   FlowDiagram,
   HeatMap,
   Histogram,

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/chart.d.ts

@@ -18,10 +18,11 @@ export declare enum ChartType {
     PathMap = "path-map",
     HeatMap = "heat-map",
     MindMap = "mind-map",
-    NetworkGraph = "network-graph",
+    FishboneDiagram = "fishbone-diagram",
     FlowDiagram = "flow-diagram",
-    OrganizationChart = "organization-chart",
     IndentedTree = "indented-tree",
+    NetworkGraph = "network-graph",
+    OrganizationChart = "organization-chart",
     VisText = "vis-text"
 }
 export type Charts = keyof typeof ChartType;

package/dist/cjs/types/chart.js

@@ -38,10 +38,11 @@ var ChartType = /* @__PURE__ */ ((ChartType2) => {
   ChartType2["PathMap"] = "path-map";
   ChartType2["HeatMap"] = "heat-map";
   ChartType2["MindMap"] = "mind-map";
-  ChartType2["NetworkGraph"] = "network-graph";
+  ChartType2["FishboneDiagram"] = "fishbone-diagram";
   ChartType2["FlowDiagram"] = "flow-diagram";
-  ChartType2["OrganizationChart"] = "organization-chart";
   ChartType2["IndentedTree"] = "indented-tree";
+  ChartType2["NetworkGraph"] = "network-graph";
+  ChartType2["OrganizationChart"] = "organization-chart";
   ChartType2["VisText"] = "vis-text";
   return ChartType2;
 })(ChartType || {});

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.1";
 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.1";

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/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/esm/FishboneDiagram/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["data"];
+import { Fishbone as ADCFishbone } from '@ant-design/graphs';
+import React, { useMemo } from 'react';
+import { useGraphConfig } from "../ConfigProvider/hooks";
+import { visTreeData2GraphData } from "../utils/graph";
+var defaultConfig = {
+  autoFit: 'view',
+  autoResize: true
+};
+var FishboneDiagram = function FishboneDiagram(props) {
+  var propsData = props.data,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var data = useMemo(function () {
+    return visTreeData2GraphData(propsData);
+  }, [propsData]);
+  var config = useGraphConfig('FishboneDiagram', defaultConfig, restProps);
+  return /*#__PURE__*/React.createElement(ADCFishbone, _extends({
+    data: data
+  }, config));
+};
+export default FishboneDiagram;

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

@@ -4,6 +4,7 @@ import { pick, toString } from 'lodash';
 import React from 'react';
 import { useComponentGlobalConfig } from "../ConfigProvider/hooks";
 import { STATICS_KEY } from "./config";
+import { getThemeColor, useAntdDarkAlgorithm } from "./utils";
 var Text = Typography.Text;
 function renderPrefixSuffix(symbol, staticsConfig, props) {
   if (!symbol) return null;
@@ -17,6 +18,7 @@ var VisText = function VisText(props) {
     style = props.style,
     type = props.type,
     origin = props.origin;
+  var isDark = useAntdDarkAlgorithm();
   var textConfig = useComponentGlobalConfig('VisText');
   var encoding = type ? textConfig === null || textConfig === void 0 ? void 0 : textConfig[type] : {};
   var staticsConfig = textConfig === null || textConfig === void 0 ? void 0 : textConfig[STATICS_KEY];
@@ -27,7 +29,16 @@ 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',
+        color: getThemeColor({
+          type: type,
+          color: encoding === null || encoding === void 0 ? void 0 : encoding.color,
+          theme: isDark ? 'dark' : 'light'
+        })
+      }, style), pick(encoding, ['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/Text/config.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _DEFAULT_VIS_TEXT_CON;
-import { TEXT_THEME } from "./constants";
 import { ArrowDown, ArrowUp } from "./custom-icons";
 import { ProportionChart, SingleLineChart } from "./mini-charts";
+import { TEXT_THEME } from "./theme";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var INNER_ENTITY_TYPES = ['metric_name',
 // 指标名
@@ -43,37 +43,37 @@ export var DEFAULT_VIS_TEXT_CONFIG = (_DEFAULT_VIS_TEXT_CON = {}, _definePropert
   // TODO @羽熙 当前仅支持单折线图，之后可以考虑支持多折线图，在组件内实现分支判断
   'mini-chart:line': SingleLineChart
 }), "metric_name", {
-  color: TEXT_THEME.black88,
+  color: TEXT_THEME.light.default88Color,
   fontWeight: 500
 }), "metric_value", {
-  color: TEXT_THEME.primaryColor
+  color: TEXT_THEME.light.primaryColor
 }), "other_metric_value", {
-  color: TEXT_THEME.black65
+  color: TEXT_THEME.light.default65Color
 }), "delta_value", {
-  color: TEXT_THEME.black65
+  color: TEXT_THEME.light.default65Color
 }), "ratio_value", {
-  color: TEXT_THEME.black65
+  color: TEXT_THEME.light.default65Color
 }), "delta_value_pos", {
-  color: TEXT_THEME.posColor,
+  color: TEXT_THEME.light.posColor,
   prefix: '+'
 }), "delta_value_neg", {
-  color: TEXT_THEME.negColor,
+  color: TEXT_THEME.light.negColor,
   prefix: '-'
 }), "ratio_value_pos", {
-  color: TEXT_THEME.posColor,
+  color: TEXT_THEME.light.posColor,
   prefix: 'icon:arrow-up'
 }), "ratio_value_neg", {
-  color: TEXT_THEME.negColor,
+  color: TEXT_THEME.light.negColor,
   prefix: 'icon:arrow-down'
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_VIS_TEXT_CON, "contribute_ratio", {
-  color: TEXT_THEME.statisticsInsightColor
+  color: TEXT_THEME.light.conclusionColor
 }), "trend_desc", {
-  color: TEXT_THEME.statisticsInsightColor,
+  color: TEXT_THEME.light.conclusionColor,
   suffix: 'mini-chart:line'
 }), "dim_value", {
-  color: TEXT_THEME.black88
+  color: TEXT_THEME.light.default88Color
 }), "time_desc", {
-  color: TEXT_THEME.black88
+  color: TEXT_THEME.light.default88Color
 }), "proportion", {
   suffix: 'mini-chart:proportion'
 }));

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

@@ -1,4 +1,4 @@
-import { TEXT_THEME } from "../../constants";
+import { TEXT_THEME } from "../../theme";
 function getStyle(ele, style) {
   var _ele$currentStyle;
   return window.getComputedStyle ?