@antv/gpt-vis 0.0.6 → 0.1.0

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

@@ -0,0 +1,15 @@
+import type { DualAxesConfig } from '@ant-design/plots';
+import React from 'react';
+export type DualAxesProps = Partial<DualAxesConfig> & {
+    categories: string[];
+    axisXTitle?: string;
+    series: DualAxesSeriesItem[];
+    legendTypeList: string[];
+};
+export type DualAxesSeriesItem = {
+    type: string;
+    data: number[];
+    axisYTitle?: string;
+};
+declare const DualAxes: (props: DualAxesProps) => React.JSX.Element;
+export default DualAxes;

package/dist/esm/DualAxes/index.js

@@ -0,0 +1,44 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["categories", "series"];
+import { DualAxes as ADCDualAxes } from '@ant-design/plots';
+import React, { useMemo } from 'react';
+import { usePlotConfig } from "../ConfigProvider/hooks";
+import { transform } from "./util";
+var defaultConfig = function defaultConfig(props) {
+  var _props$xField = props.xField,
+    xField = _props$xField === void 0 ? 'category' : _props$xField,
+    axisXTitle = props.axisXTitle,
+    legendTypeList = props.legendTypeList;
+  return {
+    xField: xField,
+    axis: {
+      x: {
+        title: axisXTitle
+      }
+    },
+    legend: {
+      color: {
+        itemMarker: function itemMarker(v, i) {
+          return legendTypeList[i];
+        }
+      }
+    },
+    scale: {
+      color: {
+        palette: 'category10'
+      }
+    }
+  };
+};
+var DualAxes = function DualAxes(props) {
+  var categories = props.categories,
+    series = props.series,
+    others = _objectWithoutProperties(props, _excluded);
+  var transformData = useMemo(function () {
+    return transform(series, categories);
+  }, [props]);
+  var config = usePlotConfig('DualAxes', defaultConfig, _objectSpread(_objectSpread({}, others), transformData));
+  return /*#__PURE__*/React.createElement(ADCDualAxes, config);
+};
+export default DualAxes;

package/dist/esm/DualAxes/util.d.ts

@@ -0,0 +1,9 @@
+import type { DualAxesSeriesItem } from '.';
+export declare function transform(series: DualAxesSeriesItem[], categories: string[]): {
+    children: any[];
+    data: {
+        [key: string]: any;
+        category: string;
+    }[];
+    legendTypeList: ("rect" | "smooth")[];
+};

package/dist/esm/DualAxes/util.js

@@ -0,0 +1,61 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "axisYTitle"];
+import { ChartType } from "../types";
+export function transform(series, categories) {
+  var newChildren = series.map(function (item, index) {
+    var type = item.type,
+      axisYTitle = item.axisYTitle,
+      others = _objectWithoutProperties(item, _excluded);
+    var defaultYField = axisYTitle || "value_".concat(index + 1);
+    var baseConfig = _objectSpread(_objectSpread({}, others), {}, {
+      yField: defaultYField,
+      axis: {
+        y: {
+          title: axisYTitle
+        }
+      },
+      // data放在最外层
+      data: undefined
+    });
+    if (type === ChartType.Column) {
+      return _objectSpread(_objectSpread({}, baseConfig), {}, {
+        type: 'interval'
+      });
+    }
+    if (type === ChartType.Line) {
+      return _objectSpread(_objectSpread({}, baseConfig), {}, {
+        type: type,
+        shapeField: 'smooth',
+        axis: {
+          y: {
+            position: 'right',
+            title: axisYTitle
+          }
+        },
+        style: {
+          lineWidth: 2
+        }
+      });
+    }
+    return baseConfig;
+  });
+  var newData = categories.map(function (item, index) {
+    var temp = {
+      category: item
+    };
+    series.forEach(function (s, i) {
+      var defaultYField = s.axisYTitle || "value_".concat(i + 1);
+      temp[defaultYField] = s.data[index];
+    });
+    return temp;
+  });
+  var legendTypeList = series.map(function (item) {
+    return item.type === ChartType.Line ? 'smooth' : 'rect';
+  });
+  return {
+    children: newChildren,
+    data: newData,
+    legendTypeList: legendTypeList
+  };
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GraphProps } from '../types';
+export interface FlowDiagramProps extends GraphProps {
+}
+declare const FlowDiagram: React.FC<FlowDiagramProps>;
+export default FlowDiagram;

package/dist/esm/FlowDiagram/index.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+var _excluded = ["data"];
+import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
+import React, { useMemo } from 'react';
+import { useGraphConfig } from "../ConfigProvider/hooks";
+import { visGraphData2GraphData } from "../utils/graph";
+var TextNode = RCNode.TextNode;
+var defaultConfig = {
+  autoResize: true,
+  node: {
+    style: {
+      component: function component(d) {
+        var _d$states;
+        var isActive = (_d$states = d.states) === null || _d$states === void 0 ? void 0 : _d$states.includes('active');
+        return /*#__PURE__*/React.createElement(TextNode, {
+          text: d.id,
+          isActive: isActive,
+          type: "filled",
+          style: {
+            fontSize: 12,
+            background: 'linear-gradient(-89deg, #64b7f2 0%, #4c95f3 100%)'
+          }
+        });
+      },
+      size: [140, 32]
+    },
+    animation: {
+      enter: false
+    }
+  },
+  edge: {
+    style: {
+      endArrow: true,
+      labelBackground: true,
+      labelMaxLines: 2,
+      labelMaxWidth: '40%',
+      labelWordWrap: true
+    },
+    state: {
+      active: {
+        halo: false,
+        labelWordWrap: false,
+        stroke: '#001f98'
+      }
+    },
+    animation: {
+      enter: false
+    }
+  },
+  behaviors: function behaviors(prev) {
+    return [].concat(_toConsumableArray(prev), [{
+      type: 'hover-activate-neighbors',
+      onHover: function onHover(e) {
+        e.view.setCursor('pointer');
+      },
+      onHoverEnd: function onHoverEnd(e) {
+        e.view.setCursor('default');
+      }
+    }]);
+  }
+};
+var FlowDiagram = function FlowDiagram(props) {
+  var propsData = props.data,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var data = useMemo(function () {
+    return visGraphData2GraphData(propsData);
+  }, [propsData]);
+  var config = useGraphConfig('FlowDiagram', defaultConfig, restProps);
+  return /*#__PURE__*/React.createElement(ADCFlowGraph, _extends({
+    data: data
+  }, config));
+};
+export default FlowDiagram;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Options } from 'react-markdown';
+import type { Options } from 'react-markdown';
 export interface GPTVisProps extends Options {
-    /**
-     * 需要被渲染的 markdown 字符串
-     */
-    children: string;
+    /** 自定义 markdown components样式 */
+    components?: Options['components'] | {
+        [key: string]: (props: any) => React.ReactNode;
+    };
 }
-declare const GPTVis: React.FC<GPTVisProps>;
-export default GPTVis;
+declare const _default: React.NamedExoticComponent<GPTVisProps>;
+export default _default;

package/dist/esm/GPTVis/index.js

@@ -1,19 +1,23 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "components"];
-import React from 'react';
+var _excluded = ["children", "components", "rehypePlugins"];
+import React, { memo } from 'react';
 import Markdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
 import { withDefaultChartCode } from "../ChartCodeRender";
+var CodeBlock = withDefaultChartCode();
 var GPTVis = function GPTVis(_ref) {
   var children = _ref.children,
     components = _ref.components,
+    rehypePlugins = _ref.rehypePlugins,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var CodeBlock = withDefaultChartCode();
   return /*#__PURE__*/React.createElement(Markdown, _extends({
     components: _objectSpread({
       code: CodeBlock
-    }, components)
+    }, components),
+    rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : []))
   }, rest), children);
 };
-export default GPTVis;
+export default /*#__PURE__*/memo(GPTVis);

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

@@ -1,12 +1,12 @@
 import { type FC } from 'react';
-import { BaseMapProps } from '../types';
+import type { MapProps } from '../Map';
 type GeoData = {
-    lng: number;
-    lat: number;
-    size: number;
+    longitude: number;
+    latitude: number;
+    value: number;
+};
+export type HeatMapProps = MapProps & {
+    data?: GeoData[];
 };
-export interface HeatMapProps extends BaseMapProps<GeoData> {
-    className?: string;
-}
 declare const HeatMap: FC<HeatMapProps>;
 export default HeatMap;

package/dist/esm/HeatMap/index.js

@@ -1,16 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "style", "children", "data"];
-import { HeatmapLayer, LarkMap } from '@antv/larkmap';
-import React, { useState } from 'react';
-import { getMapConfig } from "../utils/config";
+var _excluded = ["children", "data"];
+import { HeatmapLayer } from '@antv/larkmap';
+import React, { useMemo } from 'react';
+import { useMapConfig } from "../ConfigProvider/hooks";
+import Map from "../Map";
 var heapLayerOptions = {
   autoFit: true,
   shape: 'heatmap',
   size: {
-    field: 'size',
+    field: 'value',
     value: [0, 1]
   },
   style: {
@@ -24,30 +23,23 @@ var heapLayerOptions = {
   }
 };
 var HeatMap = function HeatMap(props) {
-  var className = props.className,
-    style = props.style,
-    children = props.children,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    mapConfigRest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState({
+  var _useMapConfig = useMapConfig('HeatMap', props),
+    children = _useMapConfig.children,
+    _useMapConfig$data = _useMapConfig.data,
+    data = _useMapConfig$data === void 0 ? [] : _useMapConfig$data,
+    mapConfigRest = _objectWithoutProperties(_useMapConfig, _excluded);
+  var source = useMemo(function () {
+    return {
       data: data,
       parser: {
         type: 'json',
-        x: 'lng',
-        y: 'lat'
+        x: 'longitude',
+        y: 'latitude'
       }
-    }),
-    _useState2 = _slicedToArray(_useState, 1),
-    heapSource = _useState2[0];
-  var mapConfig = getMapConfig(mapConfigRest);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LarkMap, _extends({
-    className: className,
-    style: _objectSpread({
-      height: '300px'
-    }, style)
-  }, mapConfig), /*#__PURE__*/React.createElement(HeatmapLayer, _extends({}, heapLayerOptions, {
-    source: heapSource
+    };
+  }, [data]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Map, mapConfigRest, /*#__PURE__*/React.createElement(HeatmapLayer, _extends({}, heapLayerOptions, {
+    source: source
   })), children));
 };
 export default HeatMap;

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

@@ -0,0 +1,10 @@
+import type { HistogramConfig } from '@ant-design/plots';
+import React from 'react';
+import type { BasePlotProps } from '../types';
+type HistogramDataItem = {
+    value: number;
+    [key: string]: string | number;
+};
+export type HistogramProps = BasePlotProps<HistogramDataItem> & Partial<HistogramConfig>;
+declare const Histogram: (props: HistogramProps) => React.JSX.Element;
+export default Histogram;

package/dist/esm/Histogram/index.js

@@ -0,0 +1,25 @@
+import { Histogram as ADCHistogram } from '@ant-design/plots';
+import React from 'react';
+import { usePlotConfig } from "../ConfigProvider/hooks";
+
+// binNumber和binWidth为互斥属性，选其一即可
+
+var defaultConfig = function defaultConfig(props) {
+  var data = props.data,
+    _props$binField = props.binField,
+    binField = _props$binField === void 0 ? 'value' : _props$binField,
+    binNumber = props.binNumber;
+  return {
+    data: data,
+    binField: binField,
+    binNumber: binNumber,
+    style: {
+      inset: 0.5
+    }
+  };
+};
+var Histogram = function Histogram(props) {
+  var config = usePlotConfig('Histogram', defaultConfig, props);
+  return /*#__PURE__*/React.createElement(ADCHistogram, config);
+};
+export default Histogram;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { TreeGraphProps } from '../types';
+export interface IndentedTreeProps extends TreeGraphProps {
+}
+declare const IndentedTree: React.FC<IndentedTreeProps>;
+export default IndentedTree;

package/dist/esm/IndentedTree/index.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+var _excluded = ["data"];
+import { IndentedTree as ADCIndentedTree } from '@ant-design/graphs';
+import React, { useMemo } from 'react';
+import { useGraphConfig } from "../ConfigProvider/hooks";
+import { visTreeData2GraphData } from "../utils/graph";
+var defaultConfig = {
+  type: 'linear',
+  autoFit: 'view',
+  autoResize: true,
+  node: {
+    animation: {
+      update: false,
+      translate: false
+    }
+  },
+  edge: {
+    animation: {
+      update: false,
+      translate: false
+    }
+  },
+  transforms: function transforms(prev) {
+    return [].concat(_toConsumableArray(prev.filter(function (transform) {
+      return transform.type !== 'collapse-expand-react-node';
+    })), [_objectSpread(_objectSpread({}, prev.find(function (transform) {
+      return transform.type === 'collapse-expand-react-node';
+    })), {}, {
+      enable: true
+    })]);
+  }
+};
+var IndentedTree = function IndentedTree(props) {
+  var propsData = props.data,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var data = useMemo(function () {
+    return visTreeData2GraphData(propsData);
+  }, [propsData]);
+  var config = useGraphConfig('IndentedTree', defaultConfig, restProps);
+  return /*#__PURE__*/React.createElement(ADCIndentedTree, _extends({
+    data: data
+  }, config));
+};
+export default IndentedTree;

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

@@ -1,9 +1,11 @@
+import type { LineConfig } from '@ant-design/plots';
 import React from 'react';
-import { BaseChartProps, XYAxis } from '../types';
-export interface LineProps extends BaseChartProps<XYAxis> {
-    xField?: string;
-    yField?: string;
-    categoryFiled?: string;
-}
+import type { BasePlotProps } from '../types';
+export type LineDataItem = {
+    time: string | number;
+    value: number;
+    [key: string]: string | number;
+};
+export type LineProps = BasePlotProps<LineDataItem> & Partial<LineConfig>;
 declare const Line: (props: LineProps) => React.JSX.Element;
 export default Line;

package/dist/esm/Line/index.js

@@ -1,36 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Line as ADCLine } from '@ant-design/plots';
+import { get } from 'lodash';
 import React from 'react';
-var Line = function Line(props) {
-  var _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
+import { usePlotConfig } from "../ConfigProvider/hooks";
+var defaultConfig = function defaultConfig(props) {
+  var data = props.data,
     _props$xField = props.xField,
-    xField = _props$xField === void 0 ? 'x' : _props$xField,
+    xField = _props$xField === void 0 ? 'time' : _props$xField,
     _props$yField = props.yField,
-    yField = _props$yField === void 0 ? 'y' : _props$yField,
-    categoryFiled = props.categoryFiled,
-    className = props.className,
-    style = props.style;
-
-  // 如果有 stackField，则使用 seriesField 进行分组显示，否则不分组
-  var stackConfig = categoryFiled ? {
-    colorField: categoryFiled
-  } : {};
-  var config = _objectSpread({
-    data: data,
+    yField = _props$yField === void 0 ? 'value' : _props$yField;
+  var hasGroupField = get(data, '[0].group') !== undefined;
+  var axisYTitle = get(props, 'axis.y.title');
+  return {
     xField: xField,
     yField: yField,
+    colorField: hasGroupField ? 'group' : undefined,
     tooltip: function tooltip(d) {
+      var tooltipName = axisYTitle || d[xField];
       return {
-        name: d[xField],
+        name: tooltipName,
         value: d[yField]
       };
     }
-  }, stackConfig);
-  return /*#__PURE__*/React.createElement(ADCLine, _extends({
-    className: className,
-    containerStyle: _objectSpread({}, style)
-  }, config));
+  };
+};
+var Line = function Line(props) {
+  var config = usePlotConfig('Line', defaultConfig, props);
+  return /*#__PURE__*/React.createElement(ADCLine, config);
 };
 export default Line;