@antv/gpt-vis 0.0.6 → 0.1.0

package/dist/cjs/DualAxes/util.js

@@ -0,0 +1,73 @@
+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/DualAxes/util.ts
+var util_exports = {};
+__export(util_exports, {
+  transform: () => transform
+});
+module.exports = __toCommonJS(util_exports);
+var import_types = require("../types");
+function transform(series, categories) {
+  const newChildren = series.map((item, index) => {
+    const { type, axisYTitle, ...others } = item;
+    const defaultYField = axisYTitle || `value_${index + 1}`;
+    const baseConfig = {
+      ...others,
+      yField: defaultYField,
+      axis: { y: { title: axisYTitle } },
+      // data放在最外层
+      data: void 0
+    };
+    if (type === import_types.ChartType.Column) {
+      return { ...baseConfig, type: "interval" };
+    }
+    if (type === import_types.ChartType.Line) {
+      return {
+        ...baseConfig,
+        type,
+        shapeField: "smooth",
+        axis: { y: { position: "right", title: axisYTitle } },
+        style: { lineWidth: 2 }
+      };
+    }
+    return baseConfig;
+  });
+  const newData = categories.map((item, index) => {
+    const temp = {
+      category: item
+    };
+    series.forEach((s, i) => {
+      const defaultYField = s.axisYTitle || `value_${i + 1}`;
+      temp[defaultYField] = s.data[index];
+    });
+    return temp;
+  });
+  const legendTypeList = series.map((item) => {
+    return item.type === import_types.ChartType.Line ? "smooth" : "rect";
+  });
+  return {
+    children: newChildren,
+    data: newData,
+    legendTypeList
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transform
+});

package/dist/cjs/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/cjs/FlowDiagram/index.js

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/FlowDiagram/index.tsx
+var FlowDiagram_exports = {};
+__export(FlowDiagram_exports, {
+  default: () => FlowDiagram_default
+});
+module.exports = __toCommonJS(FlowDiagram_exports);
+var import_graphs = require("@ant-design/graphs");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_graph = require("../utils/graph");
+var { TextNode } = import_graphs.RCNode;
+var defaultConfig = {
+  autoResize: true,
+  node: {
+    style: {
+      component: (d) => {
+        var _a;
+        const isActive = (_a = d.states) == null ? void 0 : _a.includes("active");
+        return /* @__PURE__ */ import_react.default.createElement(
+          TextNode,
+          {
+            text: d.id,
+            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: (prev) => [
+    ...prev,
+    {
+      type: "hover-activate-neighbors",
+      onHover: (e) => {
+        e.view.setCursor("pointer");
+      },
+      onHoverEnd: (e) => {
+        e.view.setCursor("default");
+      }
+    }
+  ]
+};
+var FlowDiagram = (props) => {
+  const { data: propsData, ...restProps } = props;
+  const data = (0, import_react.useMemo)(() => (0, import_graph.visGraphData2GraphData)(propsData), [propsData]);
+  const config = (0, import_hooks.useGraphConfig)("FlowDiagram", defaultConfig, restProps);
+  return /* @__PURE__ */ import_react.default.createElement(import_graphs.FlowGraph, { data, ...config });
+};
+var FlowDiagram_default = FlowDiagram;

package/dist/cjs/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/cjs/GPTVis/index.js

@@ -34,9 +34,18 @@ __export(GPTVis_exports, {
 module.exports = __toCommonJS(GPTVis_exports);
 var import_react = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
+var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_ChartCodeRender = require("../ChartCodeRender");
-var GPTVis = ({ children, components, ...rest }) => {
-  const CodeBlock = (0, import_ChartCodeRender.withDefaultChartCode)();
-  return /* @__PURE__ */ import_react.default.createElement(import_react_markdown.default, { components: { code: CodeBlock, ...components }, ...rest }, children);
+var CodeBlock = (0, import_ChartCodeRender.withDefaultChartCode)();
+var GPTVis = ({ children, components, rehypePlugins, ...rest }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_markdown.default,
+    {
+      components: { code: CodeBlock, ...components },
+      rehypePlugins: [import_rehype_raw.default, ...rehypePlugins ? rehypePlugins : []],
+      ...rest
+    },
+    children
+  );
 };
-var GPTVis_default = GPTVis;
+var GPTVis_default = (0, import_react.memo)(GPTVis);

package/dist/cjs/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/cjs/HeatMap/index.js

@@ -34,12 +34,13 @@ __export(HeatMap_exports, {
 module.exports = __toCommonJS(HeatMap_exports);
 var import_larkmap = require("@antv/larkmap");
 var import_react = __toESM(require("react"));
-var import_config = require("../utils/config");
+var import_hooks = require("../ConfigProvider/hooks");
+var import_Map = __toESM(require("../Map"));
 var heapLayerOptions = {
   autoFit: true,
   shape: "heatmap",
   size: {
-    field: "size",
+    field: "value",
     value: [0, 1]
   },
   style: {
@@ -47,34 +48,20 @@ var heapLayerOptions = {
     radius: 20,
     opacity: 1,
     rampColors: {
-      colors: [
-        "#FF4818",
-        "#F7B74A",
-        "#FFF598",
-        "#F27DEB",
-        "#8C1EB2",
-        "#421EB2"
-      ],
+      colors: ["#FF4818", "#F7B74A", "#FFF598", "#F27DEB", "#8C1EB2", "#421EB2"],
       positions: [0, 0.2, 0.4, 0.6, 0.8, 1]
     }
   }
 };
 var HeatMap = (props) => {
-  const { className, style, children, data = [], ...mapConfigRest } = props;
-  const [heapSource] = (0, import_react.useState)({
-    data,
-    parser: { type: "json", x: "lng", y: "lat" }
-  });
-  const mapConfig = (0, import_config.getMapConfig)(mapConfigRest);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_larkmap.LarkMap,
-    {
-      className,
-      style: { height: "300px", ...style },
-      ...mapConfig
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_larkmap.HeatmapLayer, { ...heapLayerOptions, source: heapSource }),
-    children
-  ));
+  const { children, data = [], ...mapConfigRest } = (0, import_hooks.useMapConfig)("HeatMap", props);
+  const source = (0, import_react.useMemo)(
+    () => ({
+      data,
+      parser: { type: "json", x: "longitude", y: "latitude" }
+    }),
+    [data]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Map.default, { ...mapConfigRest }, /* @__PURE__ */ import_react.default.createElement(import_larkmap.HeatmapLayer, { ...heapLayerOptions, source }), children));
 };
 var HeatMap_default = HeatMap;

package/dist/cjs/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/cjs/Histogram/index.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Histogram/index.tsx
+var Histogram_exports = {};
+__export(Histogram_exports, {
+  default: () => Histogram_default
+});
+module.exports = __toCommonJS(Histogram_exports);
+var import_plots = require("@ant-design/plots");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data, binField = "value", binNumber } = props;
+  return {
+    data,
+    binField,
+    binNumber,
+    style: { inset: 0.5 }
+  };
+};
+var Histogram = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Histogram", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Histogram, { ...config });
+};
+var Histogram_default = Histogram;

package/dist/cjs/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/cjs/IndentedTree/index.js

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/IndentedTree/index.tsx
+var IndentedTree_exports = {};
+__export(IndentedTree_exports, {
+  default: () => IndentedTree_default
+});
+module.exports = __toCommonJS(IndentedTree_exports);
+var import_graphs = require("@ant-design/graphs");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_graph = require("../utils/graph");
+var defaultConfig = {
+  type: "linear",
+  autoFit: "view",
+  autoResize: true,
+  node: { animation: { update: false, translate: false } },
+  edge: { animation: { update: false, translate: false } },
+  transforms: (prev) => [
+    ...prev.filter(
+      (transform) => transform.type !== "collapse-expand-react-node"
+    ),
+    {
+      ...prev.find(
+        (transform) => transform.type === "collapse-expand-react-node"
+      ),
+      enable: true
+    }
+  ]
+};
+var IndentedTree = (props) => {
+  const { data: propsData, ...restProps } = props;
+  const data = (0, import_react.useMemo)(() => (0, import_graph.visTreeData2GraphData)(propsData), [propsData]);
+  const config = (0, import_hooks.useGraphConfig)("IndentedTree", defaultConfig, restProps);
+  return /* @__PURE__ */ import_react.default.createElement(import_graphs.IndentedTree, { data, ...config });
+};
+var IndentedTree_default = IndentedTree;

package/dist/cjs/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/cjs/Line/index.js

@@ -33,29 +33,28 @@ __export(Line_exports, {
 });
 module.exports = __toCommonJS(Line_exports);
 var import_plots = require("@ant-design/plots");
+var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
-var Line = (props) => {
-  const {
-    data = [],
-    xField = "x",
-    yField = "y",
-    categoryFiled,
-    className,
-    style
-  } = props;
-  const stackConfig = categoryFiled ? { colorField: categoryFiled } : {};
-  const config = {
-    data,
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data, xField = "time", yField = "value" } = props;
+  const hasGroupField = (0, import_lodash.get)(data, "[0].group") !== void 0;
+  const axisYTitle = (0, import_lodash.get)(props, "axis.y.title");
+  return {
     xField,
     yField,
+    colorField: hasGroupField ? "group" : void 0,
     tooltip: (d) => {
+      const tooltipName = axisYTitle || d[xField];
       return {
-        name: d[xField],
+        name: tooltipName,
         value: d[yField]
       };
-    },
-    ...stackConfig
+    }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_plots.Line, { className, containerStyle: { ...style }, ...config });
+};
+var Line = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Line", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Line, { ...config });
 };
 var Line_default = Line;