@antv/gpt-vis 0.0.5 → 0.1.0

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,2 +1,2 @@
-/// <reference types="react" />
-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,8 +1,9 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import Area from "../Area";
-import Column from "../Column";
-import Line from "../Line";
-import Pie from "../Pie";
-import { ChartType } from "../types";
-import WordCloud from "../WordCloud";
-export var DEFAULT_CHART_COMPONENTS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ChartType.Pie, Pie), ChartType.Area, Area), ChartType.Column, Column), ChartType.Line, Line), ChartType.WordCloud, WordCloud);
+import { DEFAULT_VIS_TEXT_CONFIG } from "../Text";
+export var DEFAULT_GLOBAL_CONFIG = {
+  map: {
+    style: 'light'
+  },
+  components: {
+    VisText: DEFAULT_VIS_TEXT_CONFIG
+  }
+};

package/dist/esm/export.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+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';
+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, };
+export { VisText, type VisTextProps } from './Text';
+export declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;

package/dist/esm/export.js

@@ -0,0 +1,27 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _DEFAULT_CHART_COMPON;
+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";
+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 };
+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));

package/dist/esm/index.d.ts

@@ -1,13 +1,6 @@
-export { default as Area, type AreaProps } from './Area';
-export { default as Column, type ColumnProps } from './Column';
-export { default as Line, type LineProps } from './Line';
-export { default as Pie, type PieProps } from './Pie';
-export { default as WordCloud, type WordCloudProps } from './WordCloud';
+export * from './export';
+export { default as version } from './version';
 export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
-export { default as GPTVis } from './GPTVis';
-/**
- * @deprecated
- * 请使用 GPTVis
- */
-export { default as MarkdownVis } from './GPTVis';
+export type { CodeBlockComponent, WithChartCodeOptions } from './ChartCodeRender/type';
+export { default as GPTVis, type GPTVisProps } from './GPTVis';
 export * from './types';

package/dist/esm/index.js

@@ -1,18 +1,5 @@
-export { default as Area } from "./Area";
-export { default as Column } from "./Column";
-export { default as Line } from "./Line";
-export { default as Pie } from "./Pie";
-export { default as WordCloud } from "./WordCloud";
-
-// export { default as HeatMap, type HeatMapProps } from './HeatMap';
-// export { default as PathMap, type PathMapProps } from './PathMap';
-// export { default as PinMap, type PinMapProps } from './PinMap';
-
+export * from "./export";
+export { default as version } from "./version";
 export { withChartCode, withDefaultChartCode } from "./ChartCodeRender";
 export { default as GPTVis } from "./GPTVis";
-/**
- * @deprecated
- * 请使用 GPTVis
- */
-export { default as MarkdownVis } from "./GPTVis";
 export * from "./types";

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

@@ -0,0 +1,65 @@
+import type { LarkMapProps } from '@antv/larkmap';
+import type { CSSProperties, ReactNode } from 'react';
+import type { Map } from './map';
+export type { LarkMapProps };
+export declare enum ChartType {
+    Pie = "pie",
+    Column = "column",
+    Line = "line",
+    Area = "area",
+    Scatter = "scatter",
+    Histogram = "histogram",
+    Treemap = "treemap",
+    Bar = "bar",
+    WordCloud = "word-cloud",
+    DualAxes = "dual-axes",
+    Radar = "radar",
+    PinMap = "pin-map",
+    PathMap = "path-map",
+    HeatMap = "heat-map",
+    MindMap = "mind-map",
+    NetworkGraph = "network-graph",
+    FlowDiagram = "flow-diagram",
+    OrganizationChart = "organization-chart",
+    IndentedTree = "indented-tree",
+    VisText = "vis-text"
+}
+export type Charts = keyof typeof ChartType;
+export interface BaseChartProps {
+    containerStyle?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+}
+export interface BasePlotProps<T> extends BaseChartProps {
+    data: T[];
+    axisXTitle?: string;
+    axisYTitle?: string;
+}
+export interface BaseMapProps<T> extends BaseChartProps, Map {
+    data: T[];
+    token?: string;
+}
+export interface BaseGraphProps<T> extends BaseChartProps {
+    data: T;
+}
+interface GraphNode {
+    name: string;
+}
+interface GraphEdge {
+    source: string;
+    target: string;
+    name?: string;
+}
+export interface GraphData {
+    nodes: GraphNode[];
+    edges: GraphEdge[];
+}
+export interface TreeGraphData {
+    name: string;
+    children?: TreeGraphData[];
+    [key: string]: any;
+}
+export interface GraphProps extends BaseGraphProps<GraphData> {
+}
+export interface TreeGraphProps extends BaseGraphProps<TreeGraphData> {
+}

package/dist/esm/types/chart.js

@@ -0,0 +1,23 @@
+export var ChartType = /*#__PURE__*/function (ChartType) {
+  ChartType["Pie"] = "pie";
+  ChartType["Column"] = "column";
+  ChartType["Line"] = "line";
+  ChartType["Area"] = "area";
+  ChartType["Scatter"] = "scatter";
+  ChartType["Histogram"] = "histogram";
+  ChartType["Treemap"] = "treemap";
+  ChartType["Bar"] = "bar";
+  ChartType["WordCloud"] = "word-cloud";
+  ChartType["DualAxes"] = "dual-axes";
+  ChartType["Radar"] = "radar";
+  ChartType["PinMap"] = "pin-map";
+  ChartType["PathMap"] = "path-map";
+  ChartType["HeatMap"] = "heat-map";
+  ChartType["MindMap"] = "mind-map";
+  ChartType["NetworkGraph"] = "network-graph";
+  ChartType["FlowDiagram"] = "flow-diagram";
+  ChartType["OrganizationChart"] = "organization-chart";
+  ChartType["IndentedTree"] = "indented-tree";
+  ChartType["VisText"] = "vis-text";
+  return ChartType;
+}({});

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

@@ -0,0 +1,20 @@
+import type { G2 } from '@ant-design/plots';
+import type { Charts } from './chart';
+type PlotGlobalConfig = {
+    theme?: G2.Theme;
+    [key: string]: any;
+};
+type MapGlobalConfig = {
+    style?: 'normal' | 'light' | 'dark' | string;
+    token?: string;
+    enableZoom?: boolean;
+    enableRotate?: boolean;
+    [key: string]: any;
+};
+type ComponentsGlobalConfig = Partial<Record<Charts, Record<string, any>>>;
+export type GlobalConfig = {
+    plot?: PlotGlobalConfig;
+    map?: MapGlobalConfig;
+    components?: ComponentsGlobalConfig;
+};
+export {};

package/dist/esm/types/config.js

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

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

@@ -1,26 +1,2 @@
-import { type CSSProperties } from 'react';
-export declare enum ChartType {
-    Pie = "pie",
-    Column = "column",
-    Line = "line",
-    Area = "area",
-    WordCloud = "word-cloud",
-    PinMap = "pin-map",
-    PathMap = "path-map",
-    HeatMap = "heat-map"
-}
-export interface BaseChartProps<T> {
-    data: T[];
-    style?: CSSProperties;
-    className?: string;
-}
-export interface XYAxis {
-    x: string | number;
-    y: number;
-    [key: string]: string | number;
-}
-export interface StackableChartProps extends BaseChartProps<XYAxis> {
-    xField?: string;
-    yField?: string;
-    stackField?: string;
-}
+export * from './chart';
+export type { GlobalConfig } from './config';

package/dist/esm/types/index.js

@@ -1,11 +1,2 @@
-export var ChartType = /*#__PURE__*/function (ChartType) {
-  ChartType["Pie"] = "pie";
-  ChartType["Column"] = "column";
-  ChartType["Line"] = "line";
-  ChartType["Area"] = "area";
-  ChartType["WordCloud"] = "word-cloud";
-  ChartType["PinMap"] = "pin-map";
-  ChartType["PathMap"] = "path-map";
-  ChartType["HeatMap"] = "heat-map";
-  return ChartType;
-}({});
+export * from "./chart";
+export {};

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

@@ -0,0 +1,242 @@
+type AsyncCall<T = {
+    [k: string | number | symbol]: any;
+}, Success = any, Fail = any, Complete = any> = (params: T & {
+    success: (params: Success) => void;
+    fail: (params: Fail) => void;
+    complete?: (params: Complete) => void;
+}) => void;
+/**
+ * 地图组件上下文对象
+ *
+ * @see https://opendocs.alipay.com/mini/api/mapcontext
+ */
+export interface MapContext {
+    /**
+     * 设置地图底图类型
+     *
+     * @see https://opendocs.alipay.com/mini/api/setmaptype
+     */
+    setMapType: AsyncCall<{
+        mapType: 0 | 1 | 2 | 3 | 4;
+    }>;
+    /**
+     * 平移缩放到指定区域
+     *
+     * @see https://opendocs.alipay.com/mini/api/includepoints
+     */
+    includePoints: AsyncCall<{
+        points: Array<{
+            longitude: number;
+            latitude: number;
+        }>;
+        padding?: [number, number, number, number];
+    }>;
+}
+export interface MapInstance {
+    getContext: () => MapContext;
+}
+/**
+ * 经纬度坐标点
+ */
+export interface LngLat {
+    longitude: number;
+    latitude: number;
+}
+/**
+ * 标记点
+ *
+ * 更多属性信息查看 @see https://opendocs.alipay.com/mini/component/map#markers
+ */
+export interface Marker extends LngLat {
+    id: string;
+    iconPath?: string;
+    width?: number;
+    height?: number;
+    alpha?: number;
+    anchorX?: number;
+    anchorY?: number;
+    label?: {
+        content?: string;
+        color?: string;
+        fontSize?: number;
+        borderRadius?: number;
+        bgColor?: string;
+        padding?: number;
+    };
+}
+/**
+ * 折线
+ *
+ * 更多属性信息查看 @see https://opendocs.alipay.com/mini/component/map#polyline
+ */
+export interface Polyline {
+    points: LngLat[];
+    width?: number;
+    color?: string;
+    dottedLine?: boolean;
+    iconPath?: string;
+    iconWidth?: number;
+    colorList?: string[];
+}
+/**
+ * 面
+ *
+ * @see https://opendocs.alipay.com/mini/component/map?pathHash=c9886630#polygon
+ */
+export interface Polygon {
+    points: LngLat[];
+    color?: string;
+    fillColor?: string;
+    width?: number;
+}
+/**
+ * @see https://opendocs.alipay.com/mini/component/map
+ */
+export interface Map {
+    id?: string;
+    /**
+     * @title 地图类型
+     * @description 底图的样式
+     *
+     * - 0 标准地图
+     * - 1 卫星地图
+     * - 2 夜视地图
+     * - 3 导航地图
+     * - 4 公交地图
+     */
+    mapType?: 0 | 1 | 2 | 3 | 4 | string;
+    /**
+     * @title 展示实时定位点
+     * @description 展示用户当前带箭头的实时定位点
+     */
+    showLocation?: boolean;
+    /**
+     * @title 中心纬度
+     * @description
+     */
+    latitude?: number;
+    /**
+     * @title 中心经度
+     * @description
+     */
+    longitude?: number;
+    /**
+     * @title 缩放级别
+     * @description 取值范围为 5-18
+     * @default "16"
+     */
+    scale?: number;
+    /**
+     * @title 倾斜角度
+     * @description 范围 0 ~ 40 , 关于 z 轴的倾
+     * @default "0"
+     */
+    skew?: number;
+    /**
+     * @title 顺时针旋转的角度
+     * @description 范围 0 ~ 360
+     * @default "0"
+     */
+    rotate?: number;
+    /**
+     * @title 视野范围
+     * @description 视野将进行小范围延伸包含传入的坐标
+     */
+    includePoints?: LngLat[];
+    /**
+     * @title 视野边界
+     * @description 视野在地图 padding 范围内展示
+     */
+    includePadding?: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    /**
+     * @title 是否启用缩放
+     * @description 缩放交互开关
+     * @default true
+     */
+    enableZoom?: boolean;
+    /**
+     * @title 是否启用拖动
+     * @description 拖动交互开关
+     * @default true
+     */
+    enableScroll?: boolean;
+    /**
+     * @title 是否启用旋转
+     * @description 旋转交互开关
+     * @default true
+     */
+    enableRotate?: boolean;
+    /**
+     * @title 标记点
+     * @description 可在地图上展示多个标记点
+     */
+    markers?: Marker[];
+    /**
+     * @title 折线
+     * @description 可在地图上展示多个折线
+     */
+    polyline?: Polyline[];
+    /**
+     * @title 面
+     * @description 可在地图上展示多个面
+     */
+    polygon?: Polygon[];
+    /**
+     * @title 地图视野变化事件
+     * @description 拖动/旋转/缩放地图时触发
+     */
+    onRegionChange?: (event: {
+        type: 'begin' | 'end';
+        latitude: number;
+        longitude: number;
+        scale: number;
+        skew: number;
+        rotate: number;
+        causedBy: 'update' | 'gesture';
+    }) => void;
+    /**
+     * @title 地图点击事件
+     * @description 点击地图时触发
+     */
+    onTap?: (event: {
+        latitude: number;
+        longitude: number;
+    }) => void;
+    /**
+     * @title 标记点击事件
+     * @description 点击标记及其标签时触发
+     */
+    onMarkerTap?: (event: {
+        markerId: string;
+        latitude: number;
+        longitude: number;
+    }) => void;
+    /**
+     * @title 地图初始化完成事件
+     * @description 地图初始化完成即将开始渲染第一帧时触发
+     */
+    onInitComplete?: () => void;
+}
+export interface MarkerData extends Omit<Marker, 'id' | 'label'> {
+    id?: string;
+    label?: string | Marker['label'];
+}
+export interface PinMap extends Map {
+    data?: MarkerData[];
+    markerStyle?: Partial<Marker>;
+}
+export interface RouteData {
+    markers?: MarkerData[];
+    path?: Polyline;
+}
+export interface PathMap extends Map {
+    data?: RouteData[];
+    markerStyle?: Partial<Marker>;
+    pathStyle?: Partial<Polyline>;
+}
+export {};

package/dist/esm/types/map.js

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

package/dist/esm/utils/config.d.ts

@@ -0,0 +1,5 @@
+import type { GlobalConfig } from '../types';
+export declare const mergeGlobalConfig: (config: GlobalConfig) => GlobalConfig;
+export declare function mergeGraphOptions(...options: Record<string, any>[]): {
+    [x: string]: any;
+};

package/dist/esm/utils/config.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { isPlainObject, mergeWith } from 'lodash';
+import { DEFAULT_GLOBAL_CONFIG } from "../constants";
+export var mergeGlobalConfig = function mergeGlobalConfig(config) {
+  var globalConfig = mergeWith({}, DEFAULT_GLOBAL_CONFIG, config, function (objValue) {
+    if (Array.isArray(objValue)) {
+      return objValue;
+    }
+  });
+  return globalConfig;
+};
+function mergeGraphFunctions(key, currValue, prevValue) {
+  if (['plugins', 'behaviors', 'transforms'].includes(key)) {
+    return function (prev) {
+      return currValue(prev);
+    };
+  } else {
+    return function (datum) {
+      // @ts-ignore this refers to the graph instance
+      var value = currValue.call(this, datum);
+      if (isPlainObject(value)) return mergeGraphOptions(prevValue, value);
+      return value;
+    };
+  }
+}
+export function mergeGraphOptions() {
+  if (arguments.length === 0) return {};
+  var merged = _objectSpread({}, arguments.length <= 0 ? undefined : arguments[0]);
+  for (var i = 1; i < arguments.length; i++) {
+    var currentOptions = i < 0 || arguments.length <= i ? undefined : arguments[i];
+    for (var key in currentOptions) {
+      if (currentOptions.hasOwnProperty(key)) {
+        var currValue = currentOptions[key];
+        var prevValue = merged[key];
+        if (['component', 'data'].includes(key)) {
+          merged[key] = currValue;
+        } else if (typeof currValue === 'function') {
+          merged[key] = mergeGraphFunctions(key, currValue, prevValue);
+        } else if (isPlainObject(currValue) && isPlainObject(prevValue)) {
+          merged[key] = mergeGraphOptions(prevValue, currValue);
+        } else {
+          merged[key] = currValue;
+        }
+      }
+    }
+  }
+  return merged;
+}

package/dist/esm/utils/graph.d.ts

@@ -0,0 +1,18 @@
+import { G6 } from '@ant-design/graphs';
+import type { GraphData, TreeGraphData } from '../types';
+export declare function visTreeData2GraphData(data: TreeGraphData): G6.GraphData;
+export declare function visGraphData2GraphData(data: GraphData): {
+    nodes: {
+        id: string;
+        style: {
+            labelText: string;
+        };
+    }[];
+    edges: {
+        source: string;
+        target: string;
+        style: {
+            labelText: string | undefined;
+        };
+    }[];
+};