@antv/gpt-vis 0.0.6 → 0.2.0

package/dist/esm/export.d.ts

@@ -0,0 +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 HeatMap, type HeatMapProps } from './HeatMap';
+import { default as Histogram, type HistogramProps } from './Histogram';
+import { default as Line, type LineProps } from './Line';
+import { default as Pie, type PieProps } from './Pie';
+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';
+/********** 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 OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
+/********** 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/esm/export.js

@@ -0,0 +1,33 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _DEFAULT_CHART_COMPON;
+/********** 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 HeatMap } from "./HeatMap";
+import { default as Histogram } from "./Histogram";
+import { default as Line } from "./Line";
+import { default as Pie } from "./Pie";
+import { default as Radar } from "./Radar";
+import { default as Scatter } from "./Scatter";
+import { default as Treemap } from "./Treemap";
+import { default as WordCloud } from "./WordCloud";
+
+/********** graph chart **********/
+import { default as FlowDiagram } from "./FlowDiagram";
+import { default as MindMap } from "./MindMap";
+import { default as NetworkGraph } from "./NetworkGraph";
+import { default as PathMap } from "./PathMap";
+import { default as PinMap } from "./PinMap";
+import { ChartType } from "./types";
+export { default as IndentedTree } from "./IndentedTree";
+export { default as OrganizationChart } from "./OrganizationChart";
+
+/********** map chart **********/
+export { default as Map } from "./Map";
+
+/********** NTV **********/
+export { VisText } from "./Text";
+export { Area, Bar, Column, DualAxes, 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(_DEFAULT_CHART_COMPON, ChartType.FlowDiagram, FlowDiagram), ChartType.NetworkGraph, NetworkGraph));

package/dist/esm/index.d.ts

@@ -1,12 +1,11 @@
-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 { default as HeatMap, type HeatMapProps } from './HeatMap';
-export { default as PathMap, type PathMapProps } from './PathMap';
-export { default as PinMap, type PinMapProps } from './PinMap';
-export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
-export { default as ConfigProvider, type ConfigProviderProps, } from './ConfigProvider';
-export { default as GPTVis } from './GPTVis';
+/********** export chart **********/
+export * from './export';
+/********** 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 { default as GPTVisLite, type GPTVisLiteProps } from './GPTVis/Lite';
+export { default as version } from './version';

package/dist/esm/index.js

@@ -1,12 +1,12 @@
-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 } from "./HeatMap";
-export { default as PathMap } from "./PathMap";
-export { default as PinMap } from "./PinMap";
+/********** export chart **********/
+export * from "./export";
+
+/********** 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

@@ -1,30 +1,65 @@
 import type { LarkMapProps } from '@antv/larkmap';
-import type { CSSProperties } from 'react';
+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"
+    HeatMap = "heat-map",
+    MindMap = "mind-map",
+    NetworkGraph = "network-graph",
+    FlowDiagram = "flow-diagram",
+    OrganizationChart = "organization-chart",
+    IndentedTree = "indented-tree",
+    VisText = "vis-text"
 }
-export interface BaseChartProps<T> {
-    data: T[];
-    style?: CSSProperties;
+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 XYAxis {
-    x: string | number;
-    y: number;
-    [key: string]: string | number;
+export interface TreeGraphData {
+    name: string;
+    children?: TreeGraphData[];
+    [key: string]: any;
 }
-export interface StackableChartProps extends BaseChartProps<XYAxis> {
-    xField?: string;
-    yField?: string;
-    stackField?: string;
+export interface GraphProps extends BaseGraphProps<GraphData> {
 }
-export interface BaseMapProps<T> extends BaseChartProps<T>, LarkMapProps {
+export interface TreeGraphProps extends BaseGraphProps<TreeGraphData> {
 }

package/dist/esm/types/chart.js

@@ -3,9 +3,21 @@ export var ChartType = /*#__PURE__*/function (ChartType) {
   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

@@ -1,9 +1,25 @@
+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;
+    enableZoom?: boolean;
+    enableRotate?: boolean;
     [key: string]: any;
 };
+type ComponentsGlobalConfig = Partial<Record<Charts, Record<string, any>>>;
 export type GlobalConfig = {
+    plot?: PlotGlobalConfig;
+    graph?: GraphGlobalConfig;
     map?: MapGlobalConfig;
+    components?: ComponentsGlobalConfig;
 };
 export {};

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

@@ -1,2 +1,2 @@
 export * from './chart';
-export { GlobalConfig } from './config';
+export type { GlobalConfig } from './config';

package/dist/esm/types/index.js

@@ -1,2 +1,2 @@
 export * from "./chart";
-export { GlobalConfig } from "./config";
+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

@@ -1,5 +1,5 @@
-import type { LarkMapProps } from '../types';
-import { GlobalConfig } from '../types';
-export declare const setGlobalConfig: (config: GlobalConfig) => void;
-export declare const getGlobalConfig: () => GlobalConfig;
-export declare const getMapConfig: (props: LarkMapProps) => LarkMapProps;
+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

@@ -1,26 +1,48 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { mergeWith } from 'lodash';
+import { isPlainObject, mergeWith } from 'lodash';
 import { DEFAULT_GLOBAL_CONFIG } from "../constants";
-var globalConfig = DEFAULT_GLOBAL_CONFIG;
-export var setGlobalConfig = function setGlobalConfig(config) {
-  globalConfig = mergeWith(globalConfig, config, function (objValue) {
+export var mergeGlobalConfig = function mergeGlobalConfig(config) {
+  var globalConfig = mergeWith({}, DEFAULT_GLOBAL_CONFIG, config, function (objValue) {
     if (Array.isArray(objValue)) {
       return objValue;
     }
   });
-};
-export var getGlobalConfig = function getGlobalConfig() {
   return globalConfig;
 };
-export var getMapConfig = function getMapConfig(props) {
-  var _getGlobalConfig = getGlobalConfig(),
-    mapConfig = _getGlobalConfig.map;
-  var config = _objectSpread(_objectSpread({}, props), {}, {
-    mapOptions: _objectSpread(_objectSpread({
-      center: [120.210792, 30.246026],
-      zoom: 12,
-      maxZoom: 18
-    }, mapConfig), props.mapOptions)
-  });
-  return config;
-};
+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;
+        };
+    }[];
+};

package/dist/esm/utils/graph.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+// FIXME: 全量导入 G6 模块
+import { G6 } from '@ant-design/graphs';
+var treeToGraphData = G6.treeToGraphData;
+export function visTreeData2GraphData(data) {
+  return treeToGraphData(data, {
+    getNodeData: function getNodeData(datum, depth) {
+      datum.id = datum.name;
+      datum.depth = depth;
+      if (!datum.children) return datum;
+      var children = datum.children,
+        restDatum = _objectWithoutProperties(datum, _excluded);
+      return _objectSpread(_objectSpread({}, restDatum), {}, {
+        children: children.map(function (child) {
+          return child.name;
+        })
+      });
+    },
+    getEdgeData: function getEdgeData(source, target) {
+      return {
+        source: source.name,
+        target: target.name
+      };
+    }
+  });
+}
+export function visGraphData2GraphData(data) {
+  return {
+    nodes: data.nodes.map(function (node) {
+      return {
+        id: node.name,
+        style: {
+          labelText: node.name
+        }
+      };
+    }),
+    edges: data.edges.map(function (edge) {
+      return {
+        source: edge.source,
+        target: edge.target,
+        style: {
+          labelText: edge.name
+        }
+      };
+    })
+  };
+}

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

@@ -1 +1 @@
-export { getGlobalConfig, getMapConfig, setGlobalConfig } from './config';
+export * from './map';

package/dist/esm/utils/index.js

@@ -1 +1 @@
-export { getGlobalConfig, getMapConfig, setGlobalConfig } from "./config";
+export * from "./map";

package/dist/esm/utils/map/context.d.ts

@@ -0,0 +1,3 @@
+import type { Scene } from '@antv/l7';
+import type { Map } from '../../types/map';
+export declare function setMapContext(props: Map, scene: Scene): Promise<void[]> | undefined;