@antv/gpt-vis 0.5.7 → 0.5.8

package/README.ja-JP.md

@@ -13,7 +13,7 @@ GPTs、生成AI、およびLLMプロジェクトのためのコンポーネン
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">ドキュメント</a> •
   <a href="/knowledges" target="_blank">知識</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">エージェントデモ</a> •
+  <a href="https://www.tbox.cn/share/202504APmv6c00373739?platform=WebService" target="_blank">エージェントデモ</a> •
   <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
@@ -48,16 +48,16 @@ const markdownContent = `
 {
   "type": "line",
   "data": [
-    { "time":2013,"value":59.3 },
-    { "time":2014,"value":64.4 },
-    { "time":2015,"value":68.9 },
-    { "time":2016,"value":74.4 },
-    { "time":2017,"value":82.7 },
-    { "time":2018,"value":91.9 },
-    { "time":2019,"value":99.1 },
-    { "time":2020,"value":101.6 },
-    { "time":2021,"value":114.4 },
-    { "time":2022,"value":121 }
+    { "time": "2013", "value": 59.3 },
+    { "time": "2014", "value": 64.4 },
+    { "time": "2015", "value": 68.9 },
+    { "time": "2016", "value": 74.4 },
+    { "time": "2017", "value": 82.7 },
+    { "time": "2018", "value": 91.9 },
+    { "time": "2019", "value": 99.1 },
+    { "time": "2020", "value": 101.6 },
+    { "time": "2021", "value": 114.4 },
+    { "time": "2022", "value": 121 }
   ]
 }
 \`\`\`

package/README.md

@@ -13,7 +13,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">Document</a> •
   <a href="/knowledges" target="_blank">Knowledge</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">Agent Demo</a> •
+  <a href="https://www.tbox.cn/share/202504APmv6c00373739?platform=WebService" target="_blank">Agent Demo</a> •
   <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
@@ -50,16 +50,16 @@ Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022.
 {
   "type": "line",
   "data": [
-    { "time":2013,"value":59.3 },
-    { "time":2014,"value":64.4 },
-    { "time":2015,"value":68.9 },
-    { "time":2016,"value":74.4 },
-    { "time":2017,"value":82.7 },
-    { "time":2018,"value":91.9 },
-    { "time":2019,"value":99.1 },
-    { "time":2020,"value":101.6 },
-    { "time":2021,"value":114.4 },
-    { "time":2022,"value":121 }
+    { "time": "2013", "value": 59.3 },
+    { "time": "2014", "value": 64.4 },
+    { "time": "2015", "value": 68.9 },
+    { "time": "2016", "value": 74.4 },
+    { "time": "2017", "value": 82.7 },
+    { "time": "2018", "value": 91.9 },
+    { "time": "2019", "value": 99.1 },
+    { "time": "2020", "value": 101.6 },
+    { "time": "2021", "value": 114.4 },
+    { "time": "2022", "value": 121 }
   ]
 }
 \`\`\`

package/README.zh-CN.md

@@ -13,7 +13,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">文档</a> •
   <a href="/knowledges" target="_blank">知识库</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">体验 Agent</a> •
+  <a href="https://www.tbox.cn/share/202504APmv6c00373739?platform=WebService" target="_blank">体验 Agent</a> •
   <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
@@ -48,16 +48,16 @@ Here’s a visualization of Haidilao's food delivery revenue from 2013 to 2022.
 {
   "type": "line",
   "data": [
-    { "time":2013,"value":59.3 },
-    { "time":2014,"value":64.4 },
-    { "time":2015,"value":68.9 },
-    { "time":2016,"value":74.4 },
-    { "time":2017,"value":82.7 },
-    { "time":2018,"value":91.9 },
-    { "time":2019,"value":99.1 },
-    { "time":2020,"value":101.6 },
-    { "time":2021,"value":114.4 },
-    { "time":2022,"value":121 }
+    { "time": "2013", "value": 59.3 },
+    { "time": "2014", "value": 64.4 },
+    { "time": "2015", "value": 68.9 },
+    { "time": "2016", "value": 74.4 },
+    { "time": "2017", "value": 82.7 },
+    { "time": "2018", "value": 91.9 },
+    { "time": "2019", "value": 99.1 },
+    { "time": "2020", "value": 101.6 },
+    { "time": "2021", "value": 114.4 },
+    { "time": "2022", "value": 121 }
   ]
 }
 \`\`\`

package/dist/cjs/ChartCodeRender/VisChart.js

@@ -274,7 +274,7 @@ var RenderVisChart = (0, import_react.memo)(
           }
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGPTVis, { className: "gpt-vis" }, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyles, null), /* @__PURE__ */ import_react.default.createElement(import_styles.ChartWrapper, { ref: chartContainerRef }, /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGPTVis, { className: "gpt-vis", type }, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyles, null), /* @__PURE__ */ import_react.default.createElement(import_styles.ChartWrapper, { ref: chartContainerRef }, /* @__PURE__ */ import_react.default.createElement(
         ChartComponent,
         {
           ...chartProps,

package/dist/cjs/ChartCodeRender/styles.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface StyledGPTVisProps {
+    type?: string;
+}
+export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledGPTVisProps>> & string;
 export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,3 +16,4 @@ export declare const StyledTabButton: import("styled-components/dist/types").ISt
     active?: boolean | undefined;
 }>> & string;
 export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/cjs/ChartCodeRender/styles.js

@@ -47,7 +47,8 @@ var import_styled_components = __toESM(require("styled-components"));
 var StyledGPTVis = import_styled_components.default.div`
   min-width: 300px;
   max-width: 100%;
-  height: 300px;
+  height: ${({ type }) => type === "table" ? "auto" : "300px"};
+  /* height: 300px; */
   overflow: hidden;
   position: relative;
   padding: 16px;
@@ -103,6 +104,12 @@ var TextButton = import_styled_components.default.button`
 var ChartWrapper = import_styled_components.default.div`
   width: 100%;
   height: 100%;
+  overflow: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
 
   h5 {
     font-size: 12px;

package/dist/cjs/DualAxes/util.js

@@ -24,7 +24,10 @@ __export(util_exports, {
 module.exports = __toCommonJS(util_exports);
 var import_types = require("../types");
 function transform(series, categories) {
-  const newChildren = series.map((item, index) => {
+  const newChildren = series.sort((a, b) => {
+    const ORDER = ["column", "line"];
+    return ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
+  }).map((item, index) => {
     const { type, axisYTitle, ...others } = item;
     const defaultYField = axisYTitle || `value_${index + 1}`;
     const baseConfig = {

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

@@ -16,6 +16,8 @@ type PieDataItem = {
  * the props for the Pie
  * @param data pie data
  */
-export type PieProps = BasePlotProps<PieDataItem> & Partial<PieConfig> & Theme;
+export type PieProps = BasePlotProps<PieDataItem> & Partial<PieConfig> & Theme & {
+    innerRadius?: number;
+};
 declare const Pie: (props: PieProps) => React.JSX.Element;
 export default Pie;

package/dist/cjs/Pie/index.js

@@ -62,6 +62,7 @@ var defaultConfig = (props) => {
     label: {
       position: "outside",
       // text: angleField,
+      transform: [{ type: "overlapHide" }],
       text: (d) => `${d[colorField]}: ${(0, import_lodash.round)(d[angleField] / sumValue * 100, 1)}%`
     },
     legend: {
@@ -85,7 +86,8 @@ var Pie = (props) => {
   const themeConfig = import_theme.THEME_MAP[props.theme ?? "default"];
   const config = (0, import_hooks.usePlotConfig)("Pie", defaultConfig, {
     ...props,
-    theme: themeConfig
+    theme: themeConfig,
+    innerRadius: Math.max(0, Math.min(1, props.innerRadius || 0))
   });
   return /* @__PURE__ */ import_react.default.createElement(import_plots.Pie, { ...config });
 };

package/dist/cjs/Sankey/index.js

@@ -75,9 +75,6 @@ var defaultConfig = (props) => {
       nodeLineWidth: 1,
       linkFillOpacity: 0.3
     },
-    viewStyle: {
-      viewFill: "red"
-    },
     ...backgroundColor ? { viewStyle: { viewFill: backgroundColor } } : {}
   };
 };

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/export.d.ts

@@ -22,12 +22,13 @@ import { default as FishboneDiagram, type FishboneDiagramProps } from './Fishbon
 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, Boxplot, Column, DualAxes, FishboneDiagram, FlowDiagram, Funnel, HeatMap, Histogram, Line, Liquid, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Sankey, Scatter, Treemap, Venn, Violin, WordCloud, type AreaProps, type BarProps, type BoxplotProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, type FlowDiagramProps, type FunnelProps, type HeatMapProps, type HistogramProps, type LineProps, type LiquidProps, type MindMapProps, type NetworkGraphProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type SankeyProps, type ScatterProps, type TreemapProps, type VennProps, type ViolinProps, 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>>;

package/dist/cjs/export.js

@@ -53,6 +53,7 @@ __export(export_exports, {
   Radar: () => import_Radar.default,
   Sankey: () => import_Sankey.default,
   Scatter: () => import_Scatter.default,
+  Table: () => import_Table.default,
   Treemap: () => import_Treemap.default,
   Venn: () => import_Venn.default,
   Violin: () => import_Violin.default,
@@ -82,10 +83,11 @@ var import_FishboneDiagram = __toESM(require("./FishboneDiagram"));
 var import_FlowDiagram = __toESM(require("./FlowDiagram"));
 var import_MindMap = __toESM(require("./MindMap"));
 var import_NetworkGraph = __toESM(require("./NetworkGraph"));
-var import_IndentedTree = __toESM(require("./IndentedTree"));
 var import_OrganizationChart = __toESM(require("./OrganizationChart"));
+var import_IndentedTree = __toESM(require("./IndentedTree"));
 var import_export_map = require("./export-map");
 var import_export_map2 = require("./export-map");
+var import_Table = __toESM(require("./Table"));
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Area]: import_Area.default,
@@ -98,6 +100,7 @@ var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Funnel]: import_Funnel.default,
   [import_types.ChartType.HeatMap]: import_export_map2.HeatMap,
   [import_types.ChartType.Histogram]: import_Histogram.default,
+  [import_types.ChartType.IndentedTree]: import_IndentedTree.default,
   [import_types.ChartType.Line]: import_Line.default,
   [import_types.ChartType.Liquid]: import_Liquid.default,
   [import_types.ChartType.MindMap]: import_MindMap.default,
@@ -110,7 +113,9 @@ var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Treemap]: import_Treemap.default,
   [import_types.ChartType.Venn]: import_Venn.default,
   [import_types.ChartType.Violin]: import_Violin.default,
-  [import_types.ChartType.WordCloud]: import_WordCloud.default
+  [import_types.ChartType.Table]: import_Table.default,
+  [import_types.ChartType.WordCloud]: import_WordCloud.default,
+  [import_types.ChartType.OrganizationChart]: import_OrganizationChart.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -138,6 +143,7 @@ var DEFAULT_CHART_COMPONENTS = {
   Radar,
   Sankey,
   Scatter,
+  Table,
   Treemap,
   Venn,
   Violin,

package/dist/cjs/types/chart.d.ts

@@ -3,33 +3,34 @@ 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",
-    Liquid = "liquid",
     Boxplot = "boxplot",
-    Violin = "violin",
-    Venn = "venn",
-    Funnel = "funnel",
-    Sankey = "sankey",
-    PinMap = "pin-map",
-    PathMap = "path-map",
-    HeatMap = "heat-map",
-    MindMap = "mind-map",
+    Column = "column",
+    DualAxes = "dual-axes",
     FishboneDiagram = "fishbone-diagram",
     FlowDiagram = "flow-diagram",
+    Funnel = "funnel",
+    HeatMap = "heat-map",
+    Histogram = "histogram",
     IndentedTree = "indented-tree",
+    Line = "line",
+    Liquid = "liquid",
+    MindMap = "mind-map",
     NetworkGraph = "network-graph",
     OrganizationChart = "organization-chart",
-    VisText = "vis-text"
+    PathMap = "path-map",
+    Pie = "pie",
+    PinMap = "pin-map",
+    Radar = "radar",
+    Sankey = "sankey",
+    Scatter = "scatter",
+    Treemap = "treemap",
+    Venn = "venn",
+    Violin = "violin",
+    Table = "table",
+    VisText = "vis-text",
+    WordCloud = "word-cloud"
 }
 export type Charts = keyof typeof ChartType;
 export interface BaseChartProps {

package/dist/cjs/types/chart.js

@@ -23,33 +23,34 @@ __export(chart_exports, {
 });
 module.exports = __toCommonJS(chart_exports);
 var ChartType = /* @__PURE__ */ ((ChartType2) => {
-  ChartType2["Pie"] = "pie";
-  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["Liquid"] = "liquid";
   ChartType2["Boxplot"] = "boxplot";
-  ChartType2["Violin"] = "violin";
-  ChartType2["Venn"] = "venn";
-  ChartType2["Funnel"] = "funnel";
-  ChartType2["Sankey"] = "sankey";
-  ChartType2["PinMap"] = "pin-map";
-  ChartType2["PathMap"] = "path-map";
-  ChartType2["HeatMap"] = "heat-map";
-  ChartType2["MindMap"] = "mind-map";
+  ChartType2["Column"] = "column";
+  ChartType2["DualAxes"] = "dual-axes";
   ChartType2["FishboneDiagram"] = "fishbone-diagram";
   ChartType2["FlowDiagram"] = "flow-diagram";
+  ChartType2["Funnel"] = "funnel";
+  ChartType2["HeatMap"] = "heat-map";
+  ChartType2["Histogram"] = "histogram";
   ChartType2["IndentedTree"] = "indented-tree";
+  ChartType2["Line"] = "line";
+  ChartType2["Liquid"] = "liquid";
+  ChartType2["MindMap"] = "mind-map";
   ChartType2["NetworkGraph"] = "network-graph";
   ChartType2["OrganizationChart"] = "organization-chart";
+  ChartType2["PathMap"] = "path-map";
+  ChartType2["Pie"] = "pie";
+  ChartType2["PinMap"] = "pin-map";
+  ChartType2["Radar"] = "radar";
+  ChartType2["Sankey"] = "sankey";
+  ChartType2["Scatter"] = "scatter";
+  ChartType2["Treemap"] = "treemap";
+  ChartType2["Venn"] = "venn";
+  ChartType2["Violin"] = "violin";
+  ChartType2["Table"] = "table";
   ChartType2["VisText"] = "vis-text";
+  ChartType2["WordCloud"] = "word-cloud";
   return ChartType2;
 })(ChartType || {});
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.7";
+declare const _default: "0.5.8";
 export default _default;

package/dist/cjs/version.js

@@ -22,4 +22,4 @@ __export(version_exports, {
   default: () => version_default
 });
 module.exports = __toCommonJS(version_exports);
-var version_default = "0.5.7";
+var version_default = "0.5.8";

package/dist/esm/ChartCodeRender/VisChart.js

@@ -376,7 +376,8 @@ export var RenderVisChart = /*#__PURE__*/memo(function (_ref) {
       }
     }
   }, /*#__PURE__*/React.createElement(StyledGPTVis, {
-    className: "gpt-vis"
+    className: "gpt-vis",
+    type: type
   }, /*#__PURE__*/React.createElement(GlobalStyles, null), /*#__PURE__*/React.createElement(ChartWrapper, {
     ref: chartContainerRef
   }, /*#__PURE__*/React.createElement(ChartComponent, _extends({}, chartProps, {

package/dist/esm/ChartCodeRender/styles.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface StyledGPTVisProps {
+    type?: string;
+}
+export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledGPTVisProps>> & string;
 export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,3 +16,4 @@ export declare const StyledTabButton: import("styled-components/dist/types").ISt
     active?: boolean | undefined;
 }>> & string;
 export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/esm/ChartCodeRender/styles.js

@@ -2,7 +2,10 @@ import styled, { createGlobalStyle } from 'styled-components';
 export var StyledGPTVis = styled.div.withConfig({
   displayName: "StyledGPTVis",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-0"
-})(["min-width:300px;max-width:100%;height:300px;overflow:hidden;position:relative;padding:16px;"]);
+})(["min-width:300px;max-width:100%;height:", ";overflow:hidden;position:relative;padding:16px;"], function (_ref) {
+  var type = _ref.type;
+  return type === 'table' ? 'auto' : '300px';
+});
 export var TextButton = styled.button.withConfig({
   displayName: "TextButton",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-1"
@@ -10,7 +13,7 @@ export var TextButton = styled.button.withConfig({
 export var ChartWrapper = styled.div.withConfig({
   displayName: "ChartWrapper",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-2"
-})(["width:100%;height:100%;h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
+})(["width:100%;height:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
 export var TabContainer = styled.div.withConfig({
   displayName: "TabContainer",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-3"

package/dist/esm/DualAxes/util.js

@@ -9,7 +9,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ChartType } from "../types";
 export function transform(series, categories) {
-  var newChildren = series.map(function (item, index) {
+  var newChildren = series.sort(function (a, b) {
+    var ORDER = ['column', 'line'];
+    return ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
+  }).map(function (item, index) {
     var type = item.type,
       axisYTitle = item.axisYTitle,
       others = _objectWithoutProperties(item, _excluded);

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

@@ -16,6 +16,8 @@ type PieDataItem = {
  * the props for the Pie
  * @param data pie data
  */
-export type PieProps = BasePlotProps<PieDataItem> & Partial<PieConfig> & Theme;
+export type PieProps = BasePlotProps<PieDataItem> & Partial<PieConfig> & Theme & {
+    innerRadius?: number;
+};
 declare const Pie: (props: PieProps) => React.JSX.Element;
 export default Pie;

package/dist/esm/Pie/index.js

@@ -57,6 +57,9 @@ var defaultConfig = function defaultConfig(props) {
     label: {
       position: 'outside',
       // text: angleField,
+      transform: [{
+        type: 'overlapHide'
+      }],
       text: function text(d) {
         return "".concat(d[colorField], ": ").concat(round(d[angleField] / sumValue * 100, 1), "%");
       }
@@ -85,7 +88,8 @@ var Pie = function Pie(props) {
   var _props$theme;
   var themeConfig = THEME_MAP[(_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : 'default'];
   var config = usePlotConfig('Pie', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
-    theme: themeConfig
+    theme: themeConfig,
+    innerRadius: Math.max(0, Math.min(1, props.innerRadius || 0))
   }));
   return /*#__PURE__*/React.createElement(ADCPie, config);
 };

package/dist/esm/Sankey/index.js

@@ -52,9 +52,6 @@ var defaultConfig = function defaultConfig(props) {
       labelSpacing: 2,
       nodeLineWidth: 1,
       linkFillOpacity: 0.3
-    },
-    viewStyle: {
-      viewFill: 'red'
     }
   }, backgroundColor ? {
     viewStyle: {

package/dist/esm/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;