@antv/gpt-vis 0.0.6 → 0.1.0

package/dist/esm/Text/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const TEXT_THEME: {
+    fontSizeBase: number;
+    primaryColor: string;
+    black88: string;
+    black65: string;
+    posColor: string;
+    negColor: string;
+    statisticsInsightColor: string;
+};

package/dist/esm/Text/constants.js

@@ -0,0 +1,9 @@
+export 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'
+};

package/dist/esm/Text/custom-icons/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ArrowUp: () => React.JSX.Element;
+export declare const ArrowDown: () => React.JSX.Element;

package/dist/esm/Text/custom-icons/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+var MARGIN_RIGHT = 2;
+export var ArrowUp = function ArrowUp() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "8px",
+    height: "9px",
+    style: {
+      transform: 'rotate(180deg)',
+      marginRight: MARGIN_RIGHT
+    },
+    viewBox: "0 0 8 9",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(-2.000000, -2.000000)"
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fill: "currentColor",
+    points: "6 11 9.5 2 2.5 2"
+  })));
+};
+export var ArrowDown = function ArrowDown() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "8px",
+    height: "9px",
+    viewBox: "0 0 8 9",
+    style: {
+      marginRight: MARGIN_RIGHT
+    },
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(-2.000000, -2.000000)"
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fill: "currentColor",
+    points: "6 11 9.5 2 2.5 2"
+  })));
+};

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

@@ -0,0 +1,3 @@
+export { DEFAULT_VIS_TEXT_CONFIG } from './config';
+export type { VisTextProps } from './types';
+export { default as VisText } from './VisText';

package/dist/esm/Text/index.js

@@ -0,0 +1,2 @@
+export { DEFAULT_VIS_TEXT_CONFIG } from "./config";
+export { default as VisText } from "./VisText";

package/dist/esm/Text/mini-charts/hooks/getElementFontSize.d.ts

@@ -0,0 +1 @@
+export declare function getElementFontSize(ele: Element, defaultSize?: number): number;

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

@@ -0,0 +1,32 @@
+import { TEXT_THEME } from "../../constants";
+function getStyle(ele, style) {
+  var _ele$currentStyle;
+  return window.getComputedStyle ?
+  // @ts-ignore style as any
+  window.getComputedStyle(ele, null)[style] : // @ts-ignore currentStyle for IE
+  ele === null || ele === void 0 || (_ele$currentStyle = ele.currentStyle) === null || _ele$currentStyle === void 0 ? void 0 : _ele$currentStyle[style];
+}
+function isAbsoluteUnitPx(str) {
+  return str === null || str === void 0 ? void 0 : str.endsWith('px');
+}
+function getPxNumber(str) {
+  var removeUnit = str.replace(/px$/, '');
+  var resultNumber = Number(removeUnit);
+  if (!Number.isNaN(resultNumber)) return resultNumber;
+  return undefined;
+}
+export function getElementFontSize(ele) {
+  var defaultSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_THEME.fontSizeBase;
+  var FONT_SIZE = 'font-size';
+  var eleFontSizeStr = getStyle(ele, FONT_SIZE);
+  if (eleFontSizeStr && isAbsoluteUnitPx(eleFontSizeStr)) {
+    var px = getPxNumber(eleFontSizeStr);
+    if (px) return px;
+  }
+  var bodyFontSizeStr = getStyle(window.document.body, FONT_SIZE);
+  if (bodyFontSizeStr && isAbsoluteUnitPx(bodyFontSizeStr)) {
+    var _px = getPxNumber(bodyFontSizeStr);
+    if (_px) return _px;
+  }
+  return defaultSize;
+}

package/dist/esm/Text/mini-charts/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSvgWrapper } from './useSvgWrapper';

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

@@ -0,0 +1 @@
+export { useSvgWrapper } from "./useSvgWrapper";

package/dist/esm/Text/mini-charts/hooks/useSvgWrapper.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+type SvgProps = PropsWithChildren<React.SVGProps<SVGSVGElement>>;
+export declare const useSvgWrapper: () => readonly [({ children, ...otherProps }: SvgProps) => React.JSX.Element, number];
+export {};

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

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["children"];
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import { TEXT_THEME } from "../../constants";
+import { getElementFontSize } from "./getElementFontSize";
+export var useSvgWrapper = function useSvgWrapper() {
+  var ele = useRef(null);
+  var _useState = useState(TEXT_THEME.fontSizeBase),
+    _useState2 = _slicedToArray(_useState, 2),
+    fontSize = _useState2[0],
+    setFontSize = _useState2[1];
+  useLayoutEffect(function () {
+    if (ele.current) {
+      setFontSize(getElementFontSize(ele.current, TEXT_THEME.fontSizeBase));
+    }
+  }, []);
+  var Svg = function Svg(_ref) {
+    var children = _ref.children,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      style: {
+        margin: '0px 4px',
+        transform: 'translate(0px, 0.125em)'
+      },
+      ref: ele
+    }, otherProps), children);
+  };
+  return [Svg, fontSize];
+};

package/dist/esm/Text/mini-charts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line';
+export * from './proportion';

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

@@ -0,0 +1,2 @@
+export * from "./line";
+export * from "./proportion";

package/dist/esm/Text/mini-charts/line/SingleLineChart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { VisTextProps } from '../../types';
+export declare const SingleLineChart: React.FC<VisTextProps>;

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

@@ -0,0 +1,57 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { isArray, isString, size } from 'lodash';
+import React, { useMemo } from 'react';
+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)) {
+    try {
+      var data = JSON.parse(origin);
+      if (isArray(data)) return data;
+    } catch (e) {
+      console.warn(e, "".concat(origin, " is not a valid json string"));
+    }
+  }
+}
+export var SingleLineChart = function SingleLineChart(_ref) {
+  var origin = _ref.origin;
+  var _useSvgWrapper = useSvgWrapper(),
+    _useSvgWrapper2 = _slicedToArray(_useSvgWrapper, 2),
+    Svg = _useSvgWrapper2[0],
+    fontSize = _useSvgWrapper2[1];
+  var data = useMemo(function () {
+    return getLineChartData(origin);
+  }, [origin]);
+  var _useLineCompute = useLineCompute(fontSize, data),
+    width = _useLineCompute.width,
+    height = _useLineCompute.height,
+    linePath = _useLineCompute.linePath,
+    polygonPath = _useLineCompute.polygonPath;
+  return size(data) > 0 && /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    x1: "50%",
+    y1: "0%",
+    x2: "50%",
+    y2: "122.389541%",
+    id: LINEAR_FILL_COLOR_ID
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: LINE_STROKE_COLOR,
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FFFFFF",
+    stopOpacity: "0",
+    offset: "100%"
+  }))), linePath && /*#__PURE__*/React.createElement("path", {
+    d: linePath,
+    stroke: LINE_STROKE_COLOR,
+    fill: "transparent"
+  }), polygonPath && /*#__PURE__*/React.createElement("polygon", {
+    points: polygonPath,
+    fill: "url(#".concat(LINEAR_FILL_COLOR_ID, ")")
+  }));
+};

package/dist/esm/Text/mini-charts/line/index.d.ts

@@ -0,0 +1 @@
+export { SingleLineChart } from './SingleLineChart';

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

@@ -0,0 +1 @@
+export { SingleLineChart } from "./SingleLineChart";

package/dist/esm/Text/mini-charts/line/scaleLinear.d.ts

@@ -0,0 +1,4 @@
+export type Domain = [number, number];
+export type Range = [number, number];
+export type Scale = (n: number) => number;
+export declare const scaleLinear: (domain: Domain, range: Range) => Scale;

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

@@ -0,0 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+export var scaleLinear = function scaleLinear(domain, range) {
+  return function (n) {
+    var _domain = _slicedToArray(domain, 2),
+      d1 = _domain[0],
+      d2 = _domain[1];
+    var _range = _slicedToArray(range, 2),
+      r1 = _range[0],
+      r2 = _range[1];
+    // Returns the intermediate value when the range is zero.
+    if (r1 === r2) return (d2 - d1) / 2;
+    return n / (r2 - r1) * (d2 - d1);
+  };
+};

package/dist/esm/Text/mini-charts/line/useLineCompute.d.ts

@@ -0,0 +1,6 @@
+export declare const useLineCompute: (size: number, data: undefined | number[]) => {
+    width: number;
+    height: number;
+    linePath: string | null;
+    polygonPath: string | null;
+};

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

@@ -0,0 +1,106 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 { scaleLinear } from "./scaleLinear";
+
+// adjust to draw line width
+var SCALE_ADJUST = 2;
+var Line = /*#__PURE__*/function () {
+  function Line(size, data) {
+    _classCallCheck(this, Line);
+    _defineProperty(this, "data", []);
+    _defineProperty(this, "size", TEXT_THEME.fontSizeBase);
+    _defineProperty(this, "height", this.size);
+    _defineProperty(this, "width", this.getWidth());
+    _defineProperty(this, "xScale", void 0);
+    _defineProperty(this, "yScale", void 0);
+    _defineProperty(this, "points", []);
+    this.size = size;
+    if (data) {
+      this.data = data;
+      this.compute();
+    }
+  }
+  _createClass(Line, [{
+    key: "getWidth",
+    value: function getWidth() {
+      var _this$data;
+      return Math.max(this.size * 2, ((_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.length) * 2);
+    }
+  }, {
+    key: "compute",
+    value: function compute() {
+      var _this$data2,
+        _this = this;
+      if (!this.data) return;
+      this.height = this.size;
+      this.width = this.getWidth();
+      this.xScale = scaleLinear([0, this.width], [0, ((_this$data2 = this.data) === null || _this$data2 === void 0 ? void 0 : _this$data2.length) - 1]);
+      var _ref = [Math.min.apply(Math, _toConsumableArray(this.data)), Math.max.apply(Math, _toConsumableArray(this.data))],
+        min = _ref[0],
+        max = _ref[1];
+      this.yScale = scaleLinear([SCALE_ADJUST, this.height - SCALE_ADJUST], [min, max]);
+      this.points = this.data.map(function (item, index) {
+        return [_this.xScale(index), _this.height - _this.yScale(item)];
+      });
+    }
+  }, {
+    key: "getLinePath",
+    value: function getLinePath() {
+      var _this$data3;
+      if (!((_this$data3 = this.data) !== null && _this$data3 !== void 0 && _this$data3.length) || !this.xScale || !this.yScale) return null;
+      var path = this.points.reduce(function (prev, _ref2, index) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          x = _ref3[0],
+          y = _ref3[1];
+        if (index === 0) return "M".concat(x, " ").concat(y);
+        return "".concat(prev, " L ").concat(x, " ").concat(y);
+      }, '');
+      return path;
+    }
+  }, {
+    key: "getPolygonPath",
+    value: function getPolygonPath() {
+      var _this$data4;
+      if (!((_this$data4 = this.data) !== null && _this$data4 !== void 0 && _this$data4.length) || !this.xScale || !this.yScale) return null;
+      var polygonPoints = _toConsumableArray(this.points);
+      var last = this.points[this.points.length - 1];
+      polygonPoints.push([last[0], this.height]);
+      polygonPoints.push([0, this.height]);
+      var startPoint = this.points[0];
+      polygonPoints.push(startPoint);
+      var path = polygonPoints.reduce(function (prev, _ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2),
+          x = _ref5[0],
+          y = _ref5[1];
+        return "".concat(prev, " ").concat(x, ",").concat(y);
+      }, '');
+      return path;
+    }
+  }, {
+    key: "getContainer",
+    value: function getContainer() {
+      return [this.width, this.height];
+    }
+  }]);
+  return Line;
+}();
+export var useLineCompute = function useLineCompute(size, data) {
+  var _useState = useState(new Line(size, data)),
+    _useState2 = _slicedToArray(_useState, 2),
+    line = _useState2[0],
+    setLine = _useState2[1];
+  useEffect(function () {
+    setLine(new Line(size, data));
+  }, [size, data]);
+  return {
+    width: line.getContainer()[0],
+    height: line.getContainer()[1],
+    linePath: line.getLinePath(),
+    polygonPath: line.getPolygonPath()
+  };
+};

package/dist/esm/Text/mini-charts/proportion/getArcPath.d.ts

@@ -0,0 +1 @@
+export declare function getArcPath(size: number, data: number): string;

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

@@ -0,0 +1,19 @@
+/**
+ * make data between 0 ~ 1
+ */
+function normalizeProportion(data) {
+  if (typeof data !== 'number') return 0;
+  if (data > 1) return 1;
+  if (data < 0) return 0;
+  return data;
+}
+export function getArcPath(size, data) {
+  var cx = size / 2;
+  var cy = size / 2;
+  var r = size / 2;
+  var angle = normalizeProportion(data) * 2 * Math.PI;
+  var dx = cx + r * Math.sin(angle);
+  var dy = cy - r * Math.cos(angle);
+  var path = "\n    M".concat(cx, " ", 0, "\n    A ").concat(cx, " ").concat(cy, " 0 ").concat(angle > Math.PI ? 1 : 0, " 1 ").concat(dx, " ").concat(dy, "\n    L ").concat(cx, " ").concat(cy, " Z\n  ");
+  return path;
+}

package/dist/esm/Text/mini-charts/proportion/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { VisTextProps } from '../../types';
+export declare const ProportionChart: React.FC<VisTextProps>;

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

@@ -0,0 +1,60 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { isNaN, isString, toNumber } from 'lodash';
+import React, { useMemo } from 'react';
+import { useSvgWrapper } from "../hooks/useSvgWrapper";
+import { getArcPath } from "./getArcPath";
+var SHADOW_COLOR = '#CDDDFD';
+var FILL_COLOR = '#3471F9';
+function getProportionNumber(children,
+// markdown 中传入的 children 文本为 string[]
+origin) {
+  var result;
+  var originNumber = toNumber(origin);
+  if (!isNaN(originNumber)) {
+    result = originNumber;
+  } else {
+    var _text, _text$endsWith;
+    var text;
+    if (isString(children)) {
+      text = children;
+    } else if (Array.isArray(children) && isString(children[0])) {
+      text = children[0];
+    }
+    if ((_text = text) !== null && _text !== void 0 && (_text$endsWith = _text.endsWith) !== null && _text$endsWith !== void 0 && _text$endsWith.call(_text, '%')) {
+      var _text2;
+      var percentageStr = (_text2 = text) === null || _text2 === void 0 ? void 0 : _text2.replace(/%$/, '');
+      var proportionNumber = toNumber(percentageStr);
+      if (!isNaN(proportionNumber)) result = proportionNumber / 100;
+    }
+  }
+  return result;
+}
+export var ProportionChart = function ProportionChart(_ref) {
+  var origin = _ref.origin,
+    children = _ref.children;
+  var data = useMemo(function () {
+    return getProportionNumber(children, origin);
+  }, [children, origin]);
+  var _useSvgWrapper = useSvgWrapper(),
+    _useSvgWrapper2 = _slicedToArray(_useSvgWrapper, 2),
+    Svg = _useSvgWrapper2[0],
+    fontSize = _useSvgWrapper2[1];
+  var r = fontSize / 2;
+  return data && /*#__PURE__*/React.createElement(Svg, {
+    width: fontSize,
+    height: fontSize
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: r,
+    cy: r,
+    r: r,
+    fill: SHADOW_COLOR
+  }), data >= 1 ? /*#__PURE__*/React.createElement("circle", {
+    cx: r,
+    cy: r,
+    r: r,
+    fill: FILL_COLOR
+  }) : /*#__PURE__*/React.createElement("path", {
+    d: getArcPath(fontSize, data),
+    fill: FILL_COLOR
+  }));
+};

package/dist/esm/Text/types.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { TextEntityType } from './config';
+/**
+ * the props for the Text
+ */
+export type VisTextProps = PropsWithChildren<{
+    style?: CSSProperties;
+    className?: string;
+    children: string;
+    /** 类型，包括内置的类型，以及 string 用于用户自行扩展 */
+    type?: TextEntityType;
+    /**
+     * 原始数值
+     * 用于传递各种情况的原始数据值，比如：
+     * 1. metric_value: 未经过格式化的指标值，原始数据；eg 1.234
+     * 2. proportion: 百分比，eg 0.37
+     * 3. trend_desc: 趋势值，eg [1, 2, 6, 18, 24, 48]
+     */
+    origin?: any;
+}>;

package/dist/esm/Text/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import type { TreemapConfig } from '@ant-design/plots';
+import React from 'react';
+import type { BasePlotProps } from '../types';
+type TreeNode = {
+    name: string;
+    value: number;
+    children?: TreeNode[];
+};
+export type TreemapProps = BasePlotProps<TreeNode> & Partial<TreemapConfig>;
+declare const Treemap: (props: TreemapProps) => React.JSX.Element;
+export default Treemap;

package/dist/esm/Treemap/index.js

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["data"];
+import { Treemap as ADCTreemap } from '@ant-design/plots';
+import React, { useMemo } from 'react';
+import { usePlotConfig } from "../ConfigProvider/hooks";
+
+// binNumber和binWidth为互斥属性，选其一即可
+
+var defaultConfig = function defaultConfig(props) {
+  var _props$valueField = props.valueField,
+    valueField = _props$valueField === void 0 ? 'value' : _props$valueField;
+  return {
+    legend: false,
+    layout: {
+      tile: 'treemapBinary',
+      paddingInner: 3
+    },
+    valueField: valueField,
+    tooltip: {
+      items: [function (d) {
+        var _d$data;
+        return {
+          name: (_d$data = d.data) === null || _d$data === void 0 ? void 0 : _d$data.name,
+          value: d[valueField]
+        };
+      }]
+    },
+    style: {
+      fillOpacity: 0.8,
+      labelFontSize: 12
+    }
+  };
+};
+var transform = function transform(data) {
+  return {
+    name: 'root',
+    children: data
+  };
+};
+var Treemap = function Treemap(props) {
+  var config = usePlotConfig('Treemap', defaultConfig, props);
+  var data = config.data,
+    others = _objectWithoutProperties(config, _excluded);
+  var transformData = useMemo(function () {
+    return transform(data);
+  }, [data]);
+  return /*#__PURE__*/React.createElement(ADCTreemap, _extends({}, others, {
+    data: transformData
+  }));
+};
+export default Treemap;

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

@@ -1,11 +1,10 @@
+import type { WordCloudConfig } from '@ant-design/plots';
 import { type FC } from 'react';
-import { BaseChartProps } from '../types';
-type PlotData = {
+import type { BasePlotProps } from '../types';
+type WordCloudDataItem = {
     text: string;
     value: number;
 };
-export interface WordCloudProps extends BaseChartProps<PlotData> {
-    className?: string;
-}
+export type WordCloudProps = BasePlotProps<WordCloudDataItem> & Partial<WordCloudConfig>;
 declare const WordCloud: FC<WordCloudProps>;
 export default WordCloud;

package/dist/esm/WordCloud/index.js

@@ -1,27 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { WordCloud as WordCloudPlot } from '@ant-design/plots';
+import { WordCloud as ADCWordCloud } from '@ant-design/plots';
 import React from 'react';
-var config = {
+import { usePlotConfig } from "../ConfigProvider/hooks";
+var defaultConfig = {
   autoFit: true,
   layout: {
     fontSize: [20, 100]
   },
-  encode: {
-    color: 'text'
-  },
-  legend: false
+  colorField: 'text',
+  legend: false,
+  tooltip: false
 };
 var WordCloud = function WordCloud(props) {
-  var className = props.className,
-    style = props.style,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data;
-  return /*#__PURE__*/React.createElement(WordCloudPlot, _extends({
-    className: className,
-    containerStyle: _objectSpread({}, style)
-  }, config, {
-    data: data
-  }));
+  var config = usePlotConfig('WordCloud', defaultConfig, props);
+  return /*#__PURE__*/React.createElement(ADCWordCloud, config);
 };
 export default WordCloud;

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

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { GlobalConfig } from '../types';
-export declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;
+import type { GlobalConfig } from '../types';
 export declare const DEFAULT_GLOBAL_CONFIG: GlobalConfig;

package/dist/esm/constants/index.js

@@ -1,18 +1,9 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import Area from "../Area";
-import Column from "../Column";
-import HeatMap from "../HeatMap";
-import Line from "../Line";
-import PathMap from "../PathMap";
-import Pie from "../Pie";
-import PinMap from "../PinMap";
-import { ChartType } from "../types";
-import WordCloud from "../WordCloud";
-export var DEFAULT_CHART_COMPONENTS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ChartType.Pie, Pie), ChartType.Area, Area), ChartType.Column, Column), ChartType.Line, Line), ChartType.WordCloud, WordCloud), ChartType.PinMap, PinMap), ChartType.PathMap, PathMap), ChartType.HeatMap, HeatMap);
+import { DEFAULT_VIS_TEXT_CONFIG } from "../Text";
 export var DEFAULT_GLOBAL_CONFIG = {
   map: {
-    style: 'normal',
-    // TODO: next step remove
-    token: 'f0230f884bbd54e2913c890cdf45aa7e'
+    style: 'light'
+  },
+  components: {
+    VisText: DEFAULT_VIS_TEXT_CONFIG
   }
 };