@antv/gpt-vis 0.5.6 → 0.5.8

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type SankeyDatum = {
+    source: string;
+    target: string;
+    value: number;
+};
+export type SankeyProps = BasePlotProps<SankeyDatum> & Theme & Style & {
+    nodeAlign?: 'left' | 'center' | 'right' | 'justify';
+};
+declare const Sankey: (props: SankeyProps) => React.JSX.Element;
+export default Sankey;

package/dist/cjs/Sankey/index.js

@@ -0,0 +1,103 @@
+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/Sankey/index.tsx
+var Sankey_exports = {};
+__export(Sankey_exports, {
+  default: () => Sankey_default
+});
+module.exports = __toCommonJS(Sankey_exports);
+var import_g2 = require("@antv/g2");
+var import_react = __toESM(require("react"));
+var import_theme = require("../theme");
+var defaultConfig = (props) => {
+  const { title, data, theme = "default", nodeAlign = "center", style = {} } = props;
+  const { backgroundColor, palette } = style;
+  const hasPalette = !!(palette == null ? void 0 : palette[0]);
+  let paletteConfig = {};
+  if (hasPalette) {
+    paletteConfig = {
+      color: {
+        range: palette
+      }
+    };
+  }
+  return {
+    title,
+    type: "sankey",
+    theme: import_theme.THEME_MAP[theme],
+    layout: {
+      nodeAlign,
+      nodePadding: 0.01
+    },
+    data: {
+      type: "inline",
+      value: data,
+      transform: [
+        {
+          type: "custom",
+          callback: (data2) => ({
+            links: data2
+          })
+        }
+      ]
+    },
+    scale: {
+      ...paletteConfig
+    },
+    style: {
+      labelSpacing: 2,
+      nodeLineWidth: 1,
+      linkFillOpacity: 0.3
+    },
+    ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {}
+  };
+};
+var Sankey = (props) => {
+  const containerRef = (0, import_react.useRef)(null);
+  const chartRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!containerRef.current)
+      return;
+    const chart = new import_g2.Chart({
+      container: containerRef.current,
+      autoFit: true,
+      padding: "auto"
+    });
+    const config = defaultConfig(props);
+    chart.options(config);
+    chart.render();
+    chartRef.current = chart;
+    return () => {
+      chart.destroy();
+      chartRef.current = null;
+    };
+  }, [props]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef });
+};
+var Sankey_default = Sankey;

package/dist/cjs/Scatter/index.js

@@ -71,10 +71,13 @@ var defaultConfig = (props) => {
     data,
     xField,
     yField,
-    tooltip: [
-      { channel: "x", name: axisXTitle || "x" },
-      { channel: "y", name: axisYTitle || "y" }
-    ],
+    tooltip: {
+      title: (d) => (d == null ? void 0 : d.group) ? d.group : false,
+      items: [
+        { channel: "x", name: axisXTitle || "x" },
+        { channel: "y", name: axisYTitle || "y" }
+      ]
+    },
     legend: hasGroupField ? {} : false,
     encode,
     scale: {

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type TableProps = {
+    data: {
+        [key: string]: any;
+    }[];
+    title?: string;
+};
+declare const Table: (props: TableProps) => React.JSX.Element;
+export default Table;

package/dist/cjs/Table/index.js

@@ -0,0 +1,91 @@
+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/Table/index.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  default: () => Table_default
+});
+module.exports = __toCommonJS(Table_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var TableWrapper = import_styled_components.default.div`
+  .table-title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 12px;
+    color: #1d2129;
+  }
+  table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    background: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    th,
+    td {
+      border-bottom: 1px solid #f0f0f0;
+      padding: 8px;
+      text-align: left;
+      font-size: 14px;
+      color: #333;
+    }
+    th {
+      background: #f5f5f5;
+      font-weight: 600;
+      color: #000000e0;
+      position: relative;
+    }
+    th:not(:last-child)::after {
+      content: '';
+      position: absolute;
+      top: 25%;
+      right: 0;
+      width: 1px;
+      height: 50%;
+      background: #e0e0e0;
+    }
+    tr: {
+      transition: background 0.2s;
+      cursor: pointer;
+    }
+    tr:hover {
+      background: #f5f5f5;
+    }
+  }
+`;
+var Table = (props) => {
+  const { data, title } = props;
+  const columns = data.length > 0 ? Object.keys(data[0]).map((key) => ({
+    title: key,
+    key
+  })) : [];
+  return /* @__PURE__ */ import_react.default.createElement(TableWrapper, null, title && /* @__PURE__ */ import_react.default.createElement("div", { className: "table-title" }, title), /* @__PURE__ */ import_react.default.createElement("table", null, /* @__PURE__ */ import_react.default.createElement("thead", null, /* @__PURE__ */ import_react.default.createElement("tr", null, columns.map((col) => /* @__PURE__ */ import_react.default.createElement("th", { key: col.key }, col.title)))), /* @__PURE__ */ import_react.default.createElement("tbody", null, data.map((row, index) => /* @__PURE__ */ import_react.default.createElement("tr", { key: index }, columns.map((col) => /* @__PURE__ */ import_react.default.createElement("td", null, row[col.key])))))));
+};
+var Table_default = Table;

package/dist/cjs/Treemap/index.js

@@ -87,6 +87,7 @@ var Treemap = (props) => {
   });
   const { data, ...others } = config;
   const transformData = (0, import_react.useMemo)(() => transform(data), [data]);
+  console.log("treemap config:", config, props);
   return /* @__PURE__ */ import_react.default.createElement(import_plots.Treemap, { ...others, data: transformData });
 };
 var Treemap_default = Treemap;

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type VennDatum = {
+    /**
+     * Label for the venn chart segment.
+     * This should be a string that describes the segment.
+     * For example, "A", "B", or "A ∩ B" for intersections.
+     * It is used to identify the segment in the chart.
+     */
+    label?: string;
+    /**
+     * Value for the venn chart segment.
+     * This should be a number that represents the size or count of the segment.
+     * For example, if the segment represents a set of items, this could be the number of items in that set.
+     * It is used to determine the size of the segment in the chart.
+     * For intersections, this value should represent the count of items that belong to the intersection of sets.
+     * For example, if "A ∩ B" represents the intersection of sets A and B, this value should be the count of items that are in both sets.
+     */
+    value: number;
+    /**
+     * Sets that the segment belongs to.
+     * This should be an array of strings representing the sets that the segment is part of.
+     * For example, if the segment represents items that belong to both set A and set B, this could be ['A', 'B'].
+     * It is used to determine how the segment is displayed in the venn chart.
+     * For intersections, this array should include the sets that contribute to the intersection.
+     * For example, if "A ∩ B" represents the intersection of sets A and B, this array should be ['A', 'B'].
+     */
+    sets: string[] | number[];
+};
+export type VennProps = BasePlotProps<VennDatum> & Theme & Style;
+declare const Venn: (props: VennProps) => React.JSX.Element;
+export default Venn;

package/dist/cjs/Venn/index.js

@@ -0,0 +1,87 @@
+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/Venn/index.tsx
+var Venn_exports = {};
+__export(Venn_exports, {
+  default: () => Venn_default
+});
+module.exports = __toCommonJS(Venn_exports);
+var import_plots = require("@ant-design/plots");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_theme = require("../theme");
+var defaultConfig = (props) => {
+  const { data, style = {} } = props;
+  const { backgroundColor, palette } = style;
+  let paletteConfig = { color: void 0 };
+  const hasPalette = !!(palette == null ? void 0 : palette[0]);
+  if (hasPalette) {
+    paletteConfig = {
+      color: {
+        range: palette
+      }
+    };
+  }
+  return {
+    data,
+    sizeField: "value",
+    ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {},
+    labels: [
+      {
+        position: "inside",
+        text: (d) => d.label || "",
+        transform: [{ type: "contrastReverse" }],
+        fill: "#000",
+        fillOpacity: 0.85,
+        fontSize: 10
+      }
+    ],
+    scale: {
+      ...paletteConfig
+    },
+    tooltip: {
+      title: false,
+      items: [
+        (d) => {
+          return { name: d.key, value: d.size };
+        }
+      ]
+    },
+    legend: false
+  };
+};
+var Venn = (props) => {
+  const themeConfig = import_theme.THEME_MAP[props.theme ?? "default"];
+  const config = (0, import_hooks.usePlotConfig)("Venn", defaultConfig, {
+    ...props,
+    theme: themeConfig
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Venn, { ...config });
+};
+var Venn_default = Venn;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type ViolinDatum = {
+    category: string;
+    value: number;
+    group?: string;
+};
+export type ViolinProps = BasePlotProps<ViolinDatum> & Theme & Style;
+declare const Violin: (props: ViolinProps) => React.JSX.Element;
+export default Violin;

package/dist/cjs/Violin/index.js

@@ -0,0 +1,185 @@
+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/Violin/index.tsx
+var Violin_exports = {};
+__export(Violin_exports, {
+  default: () => Violin_default
+});
+module.exports = __toCommonJS(Violin_exports);
+var import_g2 = require("@antv/g2");
+var import_react = __toESM(require("react"));
+var import_theme = require("../theme");
+var defaultConfig = (props) => {
+  var _a;
+  const { data, title, axisYTitle, axisXTitle, theme = "default", style = {} } = props;
+  const { backgroundColor, palette } = style;
+  const hasGroupField = ((_a = (data || [])[0]) == null ? void 0 : _a.group) !== void 0;
+  let encode = {};
+  let children = [];
+  if (hasGroupField) {
+    encode = {
+      x: "category",
+      y: "y",
+      color: "group",
+      series: "group",
+      size: "size"
+    };
+    children = [
+      {
+        type: "density",
+        data: {
+          transform: [{ type: "kde", field: "value", groupBy: ["category", "group"] }]
+        },
+        encode,
+        scale: {
+          y: {
+            nice: true
+          },
+          ...(palette == null ? void 0 : palette[0]) ? {
+            color: {
+              range: palette
+            }
+          } : {}
+        },
+        ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {}
+      },
+      {
+        type: "boxplot",
+        encode: {
+          x: "category",
+          y: "value",
+          series: "group",
+          color: "group",
+          shape: "violin"
+        },
+        style: { opacity: 0.5, strokeOpacity: 0.5, point: false },
+        ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {},
+        scale: {
+          y: {
+            nice: true
+          },
+          ...(palette == null ? void 0 : palette[0]) ? {
+            color: {
+              range: palette
+            }
+          } : {}
+        }
+      }
+    ];
+  } else {
+    encode = {
+      x: "category",
+      y: "y",
+      color: "category",
+      size: "size"
+    };
+    children = [
+      {
+        type: "density",
+        data: {
+          transform: [{ type: "kde", field: "value", groupBy: ["category"], size: 20 }]
+        },
+        encode,
+        scale: {
+          y: {
+            nice: true
+          }
+        },
+        ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {},
+        tooltip: false
+      },
+      {
+        type: "boxplot",
+        encode: {
+          x: "category",
+          y: "value",
+          color: "category",
+          shape: "violin"
+        },
+        style: { opacity: 0.5, strokeOpacity: 0.5, point: false },
+        ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {},
+        scale: {
+          y: {
+            nice: true
+          },
+          ...(palette == null ? void 0 : palette[0]) ? {
+            color: {
+              range: palette
+            }
+          } : {}
+        }
+      }
+    ];
+  }
+  return {
+    type: "view",
+    theme: import_theme.THEME_MAP[theme],
+    title,
+    autoFit: true,
+    data,
+    axis: {
+      y: {
+        title: axisYTitle || false
+      },
+      x: {
+        title: axisXTitle || false
+      }
+    },
+    children,
+    scale: {
+      y: {
+        nice: true
+      }
+    },
+    ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {}
+  };
+};
+var Violin = (props) => {
+  const containerRef = (0, import_react.useRef)(null);
+  const chartRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!containerRef.current)
+      return;
+    const chart = new import_g2.Chart({
+      container: containerRef.current,
+      autoFit: true,
+      padding: "auto"
+    });
+    const config = defaultConfig(props);
+    chart.options(config);
+    chart.render();
+    chartRef.current = chart;
+    return () => {
+      chart.destroy();
+      chartRef.current = null;
+    };
+  }, [props]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef });
+};
+var Violin_default = Violin;

package/dist/cjs/export.d.ts

@@ -2,26 +2,33 @@
 /********** plot chart **********/
 import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
+import { default as Boxplot, type BoxplotProps } from './Boxplot';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
+import { default as Funnel, type FunnelProps } from './Funnel';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
+import { default as Liquid, type LiquidProps } from './Liquid';
 import { default as Pie, type PieProps } from './Pie';
 import { default as Radar, type RadarProps } from './Radar';
+import { default as Sankey, type SankeyProps } from './Sankey';
 import { default as Scatter, type ScatterProps } from './Scatter';
 import { default as Treemap, type TreemapProps } from './Treemap';
+import { default as Venn, type VennProps } from './Venn';
+import { default as Violin, type ViolinProps } from './Violin';
 import { default as WordCloud, type WordCloudProps } from './WordCloud';
 /********** graph chart **********/
 import { default as FishboneDiagram, type FishboneDiagramProps } from './FishboneDiagram';
 import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as MindMap, type MindMapProps } from './MindMap';
 import { default as NetworkGraph, type NetworkGraphProps } from './NetworkGraph';
-export { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
-export { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
+import { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
+import { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
 /********** map chart **********/
 export { Map, type MapProps } from './export-map';
 import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type PathMapProps } from './export-map';
 /********** NTV **********/
+import { default as Table, type TableProps } from './Table';
 export { VisText, type VisTextProps } from './Text';
-export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud, type AreaProps, type BarProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, 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 { Area, Bar, Boxplot, Column, DualAxes, FishboneDiagram, FlowDiagram, Funnel, HeatMap, Histogram, IndentedTree, Line, Liquid, MindMap, NetworkGraph, OrganizationChart, PathMap, Pie, PinMap, Radar, Sankey, Scatter, Treemap, Venn, Violin, Table, WordCloud, type AreaProps, type BarProps, type BoxplotProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, type FlowDiagramProps, type FunnelProps, type HeatMapProps, type HistogramProps, type IndentedTreeProps, type LineProps, type LiquidProps, type MindMapProps, type NetworkGraphProps, type OrganizationChartProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type SankeyProps, type ScatterProps, type TreemapProps, type VennProps, type ViolinProps, type TableProps, type WordCloudProps, };
 export declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;