@antv/gpt-vis 0.1.0 → 0.2.1

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["children"];
 import React, { useLayoutEffect, useRef, useState } from 'react';
-import { TEXT_THEME } from "../../constants";
+import { TEXT_THEME } from "../../theme";
 import { getElementFontSize } from "./getElementFontSize";
 export var useSvgWrapper = function useSvgWrapper() {
   var ele = useRef(null);

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

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { isArray, isString, size } from 'lodash';
 import React, { useMemo } from 'react';
+import { TEXT_THEME } from "../../theme";
 import { useSvgWrapper } from "../hooks";
 import { useLineCompute } from "./useLineCompute";
 var LINEAR_FILL_COLOR_ID = 'wsc-line-fill';
-var LINE_STROKE_COLOR = '#5B8FF9';
 function getLineChartData(origin) {
   if (isArray(origin)) return origin;
   if (isString(origin)) {
@@ -40,7 +40,7 @@ export var SingleLineChart = function SingleLineChart(_ref) {
     y2: "122.389541%",
     id: LINEAR_FILL_COLOR_ID
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: LINE_STROKE_COLOR,
+    stopColor: TEXT_THEME.chart.lineStrokeColor,
     offset: "0%"
   }), /*#__PURE__*/React.createElement("stop", {
     stopColor: "#FFFFFF",
@@ -48,7 +48,7 @@ export var SingleLineChart = function SingleLineChart(_ref) {
     offset: "100%"
   }))), linePath && /*#__PURE__*/React.createElement("path", {
     d: linePath,
-    stroke: LINE_STROKE_COLOR,
+    stroke: TEXT_THEME.chart.lineStrokeColor,
     fill: "transparent"
   }), polygonPath && /*#__PURE__*/React.createElement("polygon", {
     points: polygonPath,

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

@@ -4,7 +4,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useEffect, useState } from 'react';
-import { TEXT_THEME } from "../../constants";
+import { TEXT_THEME } from "../../theme";
 import { scaleLinear } from "./scaleLinear";
 
 // adjust to draw line width

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

@@ -1,10 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { isNaN, isString, toNumber } from 'lodash';
 import React, { useMemo } from 'react';
+import { TEXT_THEME } from "../../theme";
 import { useSvgWrapper } from "../hooks/useSvgWrapper";
 import { getArcPath } from "./getArcPath";
-var SHADOW_COLOR = '#CDDDFD';
-var FILL_COLOR = '#3471F9';
 function getProportionNumber(children,
 // markdown 中传入的 children 文本为 string[]
 origin) {
@@ -47,14 +46,14 @@ export var ProportionChart = function ProportionChart(_ref) {
     cx: r,
     cy: r,
     r: r,
-    fill: SHADOW_COLOR
+    fill: TEXT_THEME.chart.proportionShadowColor
   }), data >= 1 ? /*#__PURE__*/React.createElement("circle", {
     cx: r,
     cy: r,
     r: r,
-    fill: FILL_COLOR
+    fill: TEXT_THEME.chart.proportionFillColor
   }) : /*#__PURE__*/React.createElement("path", {
     d: getArcPath(fontSize, data),
-    fill: FILL_COLOR
+    fill: TEXT_THEME.chart.proportionFillColor
   }));
 };

package/dist/esm/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/esm/Text/theme.js

@@ -0,0 +1,24 @@
+export var TEXT_THEME = {
+  fontSizeBase: 14,
+  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'
+  }
+};

package/dist/esm/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/esm/Text/utils/getThemeColor.js

@@ -0,0 +1,29 @@
+import { findKey, get } from 'lodash';
+import { DEFAULT_VIS_TEXT_CONFIG } from "../config";
+import { TEXT_THEME } from "../theme";
+
+/**
+ * 自动适配暗黑模式
+ * @params type 类型
+ * @params color 当前颜色
+ * @params theme 当前主题
+ */
+export var getThemeColor = function getThemeColor(_ref) {
+  var type = _ref.type,
+    color = _ref.color,
+    theme = _ref.theme;
+  // 仅暗黑主题才处理
+  if (type && color && theme === 'dark') {
+    var defaultLightColor = get(DEFAULT_VIS_TEXT_CONFIG, [type, 'color']);
+    // 仅当前颜色为默认的浅色主题时才处理
+    if (color === defaultLightColor) {
+      // 找到浅色主题的 token
+      var token = findKey(TEXT_THEME.light, function (i) {
+        return i === color;
+      });
+      // 返回暗黑主题的对应 token 的颜色
+      if (token) return TEXT_THEME.dark[token];
+    }
+  }
+  return color;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { ConfigProvider, theme as antdTheme } from 'antd';
+import { isArray } from 'lodash';
+import { useContext } from 'react';
+var darkAlgorithm = antdTheme.darkAlgorithm;
+
+/** 判断是否运用了 antd dark algorithm */
+export var useAntdDarkAlgorithm = function useAntdDarkAlgorithm() {
+  var _config$theme;
+  var config = useContext(ConfigProvider.ConfigContext);
+  var currentAlgorithm = (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.algorithm;
+  if (isArray(currentAlgorithm) && currentAlgorithm.includes(darkAlgorithm)) return true;
+  return currentAlgorithm === darkAlgorithm;
+};

package/dist/esm/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/esm/export.js

@@ -1,27 +1,35 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _DEFAULT_CHART_COMPON;
+import { ChartType } from "./types";
+
+/********** plot chart **********/
 import { default as Area } from "./Area";
 import { default as Bar } from "./Bar";
 import { default as Column } from "./Column";
 import { default as DualAxes } from "./DualAxes";
-import { default as FlowDiagram } from "./FlowDiagram";
 import { default as HeatMap } from "./HeatMap";
 import { default as Histogram } from "./Histogram";
 import { default as Line } from "./Line";
-import { default as MindMap } from "./MindMap";
-import { default as NetworkGraph } from "./NetworkGraph";
-import { default as PathMap } from "./PathMap";
 import { default as Pie } from "./Pie";
-import { default as PinMap } from "./PinMap";
 import { default as Radar } from "./Radar";
 import { default as Scatter } from "./Scatter";
 import { default as Treemap } from "./Treemap";
-import { ChartType } from "./types";
 import { default as WordCloud } from "./WordCloud";
-export { default as ConfigProvider } from "./ConfigProvider";
+
+/********** graph chart **********/
+import { default as FishboneDiagram } from "./FishboneDiagram";
+import { default as FlowDiagram } from "./FlowDiagram";
+import { default as MindMap } from "./MindMap";
+import { default as NetworkGraph } from "./NetworkGraph";
 export { default as IndentedTree } from "./IndentedTree";
 export { default as Map } from "./Map";
 export { default as OrganizationChart } from "./OrganizationChart";
-export { Area, Bar, Column, DualAxes, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud };
+
+/********** map chart **********/
+import { default as PathMap } from "./PathMap";
+import { default as PinMap } from "./PinMap";
+
+/********** NTV **********/
 export { VisText } from "./Text";
-export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Line, Line), ChartType.Column, Column), ChartType.Pie, Pie), ChartType.Bar, Bar), ChartType.Area, Area), ChartType.Scatter, Scatter), ChartType.PinMap, PinMap), ChartType.PathMap, PathMap), ChartType.HeatMap, HeatMap), ChartType.MindMap, MindMap), _defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.FlowDiagram, FlowDiagram), ChartType.NetworkGraph, NetworkGraph));
+export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud };
+export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Line, Line), ChartType.Column, Column), ChartType.Pie, Pie), ChartType.Bar, Bar), ChartType.Area, Area), ChartType.Scatter, Scatter), ChartType.PinMap, PinMap), ChartType.PathMap, PathMap), ChartType.HeatMap, HeatMap), ChartType.MindMap, MindMap), _defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.FlowDiagram, FlowDiagram), ChartType.NetworkGraph, NetworkGraph), ChartType.FishboneDiagram, FishboneDiagram));

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

@@ -1,5 +1,12 @@
+/********** export chart **********/
 export * from "./export";
-export { default as version } from "./version";
+
+/********** export types **********/
+export * from "./types";
+
+/********** export GPTVis **********/
 export { withChartCode, withDefaultChartCode } from "./ChartCodeRender";
+export { default as ConfigProvider } from "./ConfigProvider";
 export { default as GPTVis } from "./GPTVis";
-export * from "./types";
+export { default as GPTVisLite } from "./GPTVis/Lite";
+export { default as version } from "./version";

package/dist/esm/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/esm/types/chart.js

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

package/dist/esm/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/esm/version.d.ts

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

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.1.0';
+export default '0.2.1';