@antv/gpt-vis 0.0.6 → 0.2.0

package/dist/cjs/index.js

@@ -30,45 +30,29 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  Area: () => import_Area.default,
-  Column: () => import_Column.default,
   ConfigProvider: () => import_ConfigProvider.default,
   GPTVis: () => import_GPTVis.default,
-  HeatMap: () => import_HeatMap.default,
-  Line: () => import_Line.default,
-  PathMap: () => import_PathMap.default,
-  Pie: () => import_Pie.default,
-  PinMap: () => import_PinMap.default,
-  WordCloud: () => import_WordCloud.default,
+  GPTVisLite: () => import_Lite.default,
+  version: () => import_version.default,
   withChartCode: () => import_ChartCodeRender.withChartCode,
   withDefaultChartCode: () => import_ChartCodeRender.withDefaultChartCode
 });
 module.exports = __toCommonJS(src_exports);
-var import_Area = __toESM(require("./Area"));
-var import_Column = __toESM(require("./Column"));
-var import_Line = __toESM(require("./Line"));
-var import_Pie = __toESM(require("./Pie"));
-var import_WordCloud = __toESM(require("./WordCloud"));
-var import_HeatMap = __toESM(require("./HeatMap"));
-var import_PathMap = __toESM(require("./PathMap"));
-var import_PinMap = __toESM(require("./PinMap"));
+__reExport(src_exports, require("./export"), module.exports);
+__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 = {
-  Area,
-  Column,
   ConfigProvider,
   GPTVis,
-  HeatMap,
-  Line,
-  PathMap,
-  Pie,
-  PinMap,
-  WordCloud,
+  GPTVisLite,
+  version,
   withChartCode,
   withDefaultChartCode,
+  ...require("./export"),
   ...require("./types")
 });

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

@@ -27,10 +27,22 @@ var ChartType = /* @__PURE__ */ ((ChartType2) => {
   ChartType2["Column"] = "column";
   ChartType2["Line"] = "line";
   ChartType2["Area"] = "area";
+  ChartType2["Scatter"] = "scatter";
+  ChartType2["Histogram"] = "histogram";
+  ChartType2["Treemap"] = "treemap";
+  ChartType2["Bar"] = "bar";
   ChartType2["WordCloud"] = "word-cloud";
+  ChartType2["DualAxes"] = "dual-axes";
+  ChartType2["Radar"] = "radar";
   ChartType2["PinMap"] = "pin-map";
   ChartType2["PathMap"] = "path-map";
   ChartType2["HeatMap"] = "heat-map";
+  ChartType2["MindMap"] = "mind-map";
+  ChartType2["NetworkGraph"] = "network-graph";
+  ChartType2["FlowDiagram"] = "flow-diagram";
+  ChartType2["OrganizationChart"] = "organization-chart";
+  ChartType2["IndentedTree"] = "indented-tree";
+  ChartType2["VisText"] = "vis-text";
   return ChartType2;
 })(ChartType || {});
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/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/cjs/types/index.d.ts

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

package/dist/cjs/types/index.js

@@ -2,10 +2,6 @@ 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))
@@ -19,14 +15,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/types/index.ts
 var types_exports = {};
-__export(types_exports, {
-  GlobalConfig: () => import_config.GlobalConfig
-});
 module.exports = __toCommonJS(types_exports);
 __reExport(types_exports, require("./chart"), module.exports);
-var import_config = require("./config");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GlobalConfig,
   ...require("./chart")
 });

package/dist/cjs/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/cjs/types/map.js

@@ -0,0 +1,17 @@
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/map.ts
+var map_exports = {};
+module.exports = __toCommonJS(map_exports);

package/dist/cjs/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/cjs/utils/config.js

@@ -19,41 +19,58 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/config.ts
 var config_exports = {};
 __export(config_exports, {
-  getGlobalConfig: () => getGlobalConfig,
-  getMapConfig: () => getMapConfig,
-  setGlobalConfig: () => setGlobalConfig
+  mergeGlobalConfig: () => mergeGlobalConfig,
+  mergeGraphOptions: () => mergeGraphOptions
 });
 module.exports = __toCommonJS(config_exports);
 var import_lodash = require("lodash");
 var import_constants = require("../constants");
-var globalConfig = import_constants.DEFAULT_GLOBAL_CONFIG;
-var setGlobalConfig = (config) => {
-  globalConfig = (0, import_lodash.mergeWith)(globalConfig, config, (objValue) => {
+var mergeGlobalConfig = (config) => {
+  const globalConfig = (0, import_lodash.mergeWith)({}, import_constants.DEFAULT_GLOBAL_CONFIG, config, (objValue) => {
     if (Array.isArray(objValue)) {
       return objValue;
     }
   });
-};
-var getGlobalConfig = () => {
   return globalConfig;
 };
-var getMapConfig = (props) => {
-  const { map: mapConfig } = getGlobalConfig();
-  const config = {
-    ...props,
-    mapOptions: {
-      center: [120.210792, 30.246026],
-      zoom: 12,
-      maxZoom: 18,
-      ...mapConfig,
-      ...props.mapOptions
+function mergeGraphFunctions(key, currValue, prevValue) {
+  if (["plugins", "behaviors", "transforms"].includes(key)) {
+    return (prev) => currValue(prev);
+  } else {
+    return function(datum) {
+      const value = currValue.call(this, datum);
+      if ((0, import_lodash.isPlainObject)(value))
+        return mergeGraphOptions(prevValue, value);
+      return value;
+    };
+  }
+}
+function mergeGraphOptions(...options) {
+  if (options.length === 0)
+    return {};
+  const merged = { ...options[0] };
+  for (let i = 1; i < options.length; i++) {
+    const currentOptions = options[i];
+    for (const key in currentOptions) {
+      if (currentOptions.hasOwnProperty(key)) {
+        const currValue = currentOptions[key];
+        const prevValue = merged[key];
+        if (["component", "data"].includes(key)) {
+          merged[key] = currValue;
+        } else if (typeof currValue === "function") {
+          merged[key] = mergeGraphFunctions(key, currValue, prevValue);
+        } else if ((0, import_lodash.isPlainObject)(currValue) && (0, import_lodash.isPlainObject)(prevValue)) {
+          merged[key] = mergeGraphOptions(prevValue, currValue);
+        } else {
+          merged[key] = currValue;
+        }
+      }
     }
-  };
-  return config;
-};
+  }
+  return merged;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getGlobalConfig,
-  getMapConfig,
-  setGlobalConfig
+  mergeGlobalConfig,
+  mergeGraphOptions
 });

package/dist/cjs/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/cjs/utils/graph.js

@@ -0,0 +1,64 @@
+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/utils/graph.ts
+var graph_exports = {};
+__export(graph_exports, {
+  visGraphData2GraphData: () => visGraphData2GraphData,
+  visTreeData2GraphData: () => visTreeData2GraphData
+});
+module.exports = __toCommonJS(graph_exports);
+var import_graphs = require("@ant-design/graphs");
+var { treeToGraphData } = import_graphs.G6;
+function visTreeData2GraphData(data) {
+  return treeToGraphData(data, {
+    getNodeData: (datum, depth) => {
+      datum.id = datum.name;
+      datum.depth = depth;
+      if (!datum.children)
+        return datum;
+      const { children, ...restDatum } = datum;
+      return {
+        ...restDatum,
+        children: children.map((child) => child.name)
+      };
+    },
+    getEdgeData: (source, target) => ({
+      source: source.name,
+      target: target.name
+    })
+  });
+}
+function visGraphData2GraphData(data) {
+  return {
+    nodes: data.nodes.map((node) => ({
+      id: node.name,
+      style: { labelText: node.name }
+    })),
+    edges: data.edges.map((edge) => ({
+      source: edge.source,
+      target: edge.target,
+      style: { labelText: edge.name }
+    }))
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  visGraphData2GraphData,
+  visTreeData2GraphData
+});

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

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