@antv/gpt-vis 0.5.9 → 0.5.11

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.9";
+declare const _default: "0.5.11";
 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.9";
+var version_default = "0.5.11";

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

@@ -1,3 +1,4 @@
+import type { AreaConfig } from '@ant-design/plots';
 import React from 'react';
 import type { BasePlotProps, Style, Theme } from '../types';
 type AreaDataItem = {
@@ -5,6 +6,6 @@ type AreaDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type AreaProps = BasePlotProps<AreaDataItem> & Theme & Style;
+export type AreaProps = BasePlotProps<AreaDataItem> & Partial<AreaConfig> & Theme & Style;
 declare const Area: (props: AreaProps) => React.JSX.Element;
 export default Area;

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

@@ -1,3 +1,4 @@
+import type { BoxConfig } from '@ant-design/plots';
 import React from 'react';
 import type { BasePlotProps, Style, Theme } from '../types';
 type BoxplotDatum = {
@@ -5,9 +6,6 @@ type BoxplotDatum = {
     value: number;
     group?: string;
 };
-export type BoxplotProps = BasePlotProps<BoxplotDatum> & Theme & Style & {
-    xField?: string;
-    yField?: string;
-};
+export type BoxplotProps = BasePlotProps<BoxplotDatum> & Partial<BoxConfig> & Theme & Style;
 declare const Boxplot: (props: BoxplotProps) => React.JSX.Element;
 export default Boxplot;

package/dist/esm/Boxplot/index.js

@@ -20,7 +20,9 @@ var defaultConfig = function defaultConfig(props) {
     _props$yField = props.yField,
     yField = _props$yField === void 0 ? 'value' : _props$yField;
   var backgroundColor = style.backgroundColor,
-    palette = style.palette;
+    palette = style.palette,
+    _style$startAtZero = style.startAtZero,
+    startAtZero = _style$startAtZero === void 0 ? false : _style$startAtZero;
   var hasGroupField = ((_ = (data || [])[0]) === null || _ === void 0 ? void 0 : _.group) !== undefined;
   var paletteConfig = {
     color: undefined
@@ -60,7 +62,8 @@ var defaultConfig = function defaultConfig(props) {
         paddingOuter: 0.1
       },
       y: {
-        nice: true
+        nice: true,
+        zero: startAtZero
       }
     }, paletteConfig),
     style: {

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

@@ -1,3 +1,4 @@
+import type { ColumnConfig } from '@ant-design/plots';
 import React from 'react';
 import type { BasePlotProps, Style, Theme } from '../types';
 export type ColumnDataItem = {
@@ -5,7 +6,7 @@ export type ColumnDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type ColumnProps = BasePlotProps<ColumnDataItem> & Theme & Style & {
+export type ColumnProps = BasePlotProps<ColumnDataItem> & Partial<ColumnConfig> & Theme & Style & {
     group?: boolean;
     stack?: boolean;
 };

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

@@ -5,6 +5,11 @@ export type DualAxesProps = Partial<DualAxesConfig> & {
     axisXTitle?: string;
     series: DualAxesSeriesItem[];
     legendTypeList?: string[];
+    style?: {
+        palette?: string[];
+        backgroundColor?: string;
+        startAtZero?: boolean;
+    };
 };
 export type DualAxesSeriesItem = {
     type: string;

package/dist/esm/DualAxes/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["categories", "series", "theme"];
+var _excluded = ["categories", "series", "theme", "style"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -60,10 +60,14 @@ var DualAxes = function DualAxes(props) {
     series = props.series,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'default' : _props$theme,
+    _props$style2 = props.style,
+    style = _props$style2 === void 0 ? {} : _props$style2,
     others = _objectWithoutProperties(props, _excluded);
+  var _style$startAtZero = style.startAtZero,
+    startAtZero = _style$startAtZero === void 0 ? false : _style$startAtZero;
   var themeConfig = THEME_MAP[theme];
   var transformData = useMemo(function () {
-    return transform(series, categories);
+    return transform(series, categories, startAtZero);
   }, [props]);
   var config = usePlotConfig('DualAxes', defaultConfig, _objectSpread(_objectSpread(_objectSpread({}, others), transformData), {}, {
     theme: themeConfig

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

@@ -1,5 +1,5 @@
 import type { DualAxesSeriesItem } from '.';
-export declare function transform(series: DualAxesSeriesItem[], categories: string[]): {
+export declare function transform(series: DualAxesSeriesItem[], categories: string[], startAtZero?: boolean): {
     children: any[];
     data: {
         [key: string]: any;

package/dist/esm/DualAxes/util.js

@@ -9,6 +9,7 @@ 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 startAtZero = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var newChildren = series.sort(function (a, b) {
     var ORDER = ['column', 'line'];
     return ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
@@ -24,6 +25,12 @@ export function transform(series, categories) {
           title: axisYTitle
         }
       },
+      scale: {
+        y: {
+          nice: true,
+          zero: startAtZero
+        }
+      },
       // data放在最外层
       data: undefined
     });

package/dist/esm/Funnel/index.js

@@ -25,8 +25,8 @@ var defaultConfig = function defaultConfig(props) {
     data: data,
     theme: THEME_MAP[theme],
     title: title,
-    padding: 40,
-    insetRight: 28,
+    paddingLeft: 40,
+    paddingRight: 68,
     children: [_objectSpread({
       type: 'interval',
       data: data,

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

@@ -2,6 +2,7 @@ import React from 'react';
 import type { BasePlotProps, Style, Theme } from '../types';
 export type HistogramProps = BasePlotProps<number> & Theme & Style & {
     binNumber: number;
+    binField?: (d: number) => number;
 };
 declare const Histogram: (props: HistogramProps) => React.JSX.Element;
 export default Histogram;

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

@@ -1,3 +1,4 @@
+import type { LineConfig } from '@ant-design/plots';
 import React from 'react';
 import type { BasePlotProps, Style, Theme } from '../types';
 export type LineDataItem = {
@@ -5,6 +6,6 @@ export type LineDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type LineProps = BasePlotProps<LineDataItem> & Theme & Style;
+export type LineProps = BasePlotProps<LineDataItem> & Partial<LineConfig> & Theme & Style;
 declare const Line: (props: LineProps) => React.JSX.Element;
 export default Line;

package/dist/esm/Line/index.js

@@ -19,7 +19,9 @@ var defaultConfig = function defaultConfig(props) {
     style = _props$style === void 0 ? {} : _props$style;
   var palette = style.palette,
     lineWidth = style.lineWidth,
-    backgroundColor = style.backgroundColor;
+    backgroundColor = style.backgroundColor,
+    _style$startAtZero = style.startAtZero,
+    startAtZero = _style$startAtZero === void 0 ? false : _style$startAtZero;
   var hasGroupField = get(data, '[0].group') !== undefined;
   var axisYTitle = get(props, 'axis.y.title');
   var hasPalette = !!(palette !== null && palette !== void 0 && palette[0]);
@@ -64,7 +66,8 @@ var defaultConfig = function defaultConfig(props) {
     },
     scale: _objectSpread({
       y: {
-        nice: true
+        nice: true,
+        zero: startAtZero
       }
     }, paletteConfig),
     style: {

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

@@ -5,6 +5,9 @@ type ScatterDataItem = {
     y: number;
     [key: string]: string | number;
 };
-export type ScatterProps = BasePlotProps<ScatterDataItem> & Theme & Style;
+export type ScatterProps = BasePlotProps<ScatterDataItem> & Theme & Style & {
+    xField?: string;
+    yField?: string;
+};
 declare const Scatter: (props: ScatterProps) => React.JSX.Element;
 export default Scatter;

package/dist/esm/Violin/index.js

@@ -18,7 +18,9 @@ var defaultConfig = function defaultConfig(props) {
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style;
   var backgroundColor = style.backgroundColor,
-    palette = style.palette;
+    palette = style.palette,
+    _style$startAtZero = style.startAtZero,
+    startAtZero = _style$startAtZero === void 0 ? false : _style$startAtZero;
   var hasGroupField = ((_ = (data || [])[0]) === null || _ === void 0 ? void 0 : _.group) !== undefined;
   var encode = {};
   var children = [];
@@ -42,7 +44,8 @@ var defaultConfig = function defaultConfig(props) {
       encode: encode,
       scale: _objectSpread({
         y: {
-          nice: true
+          nice: true,
+          zero: startAtZero
         }
       }, palette !== null && palette !== void 0 && palette[0] ? {
         color: {
@@ -74,7 +77,8 @@ var defaultConfig = function defaultConfig(props) {
     } : {}), {}, {
       scale: _objectSpread({
         y: {
-          nice: true
+          nice: true,
+          zero: startAtZero
         }
       }, palette !== null && palette !== void 0 && palette[0] ? {
         color: {
@@ -102,7 +106,8 @@ var defaultConfig = function defaultConfig(props) {
       encode: encode,
       scale: {
         y: {
-          nice: true
+          nice: true,
+          zero: startAtZero
         }
       }
     }, backgroundColor ? {
@@ -131,7 +136,8 @@ var defaultConfig = function defaultConfig(props) {
     } : {}), {}, {
       scale: _objectSpread({
         y: {
-          nice: true
+          nice: true,
+          zero: startAtZero
         }
       }, palette !== null && palette !== void 0 && palette[0] ? {
         color: {
@@ -157,7 +163,8 @@ var defaultConfig = function defaultConfig(props) {
     children: children,
     scale: {
       y: {
-        nice: true
+        nice: true,
+        zero: startAtZero
       }
     }
   }, backgroundColor ? {

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type WaterfallDataItem = {
+    category: string;
+    value?: number;
+    isTotal?: boolean;
+    isIntermediateTotal?: boolean;
+    [key: string]: string | number | boolean | undefined;
+};
+type WaterfallStyle = {
+    backgroundColor?: string;
+} & Style;
+export type WaterfallProps = BasePlotProps<WaterfallDataItem> & Theme & {
+    style?: WaterfallStyle;
+    positiveColor?: string;
+    negativeColor?: string;
+    totalColor?: string;
+    axisXTitle?: string;
+    axisYTitle?: string;
+};
+declare const Waterfall: (props: WaterfallProps) => React.JSX.Element;
+export default Waterfall;

package/dist/esm/Waterfall/index.js

@@ -0,0 +1,186 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Chart } from '@antv/g2';
+import React, { useEffect, useRef } from 'react';
+import { THEME_MAP } from "../theme";
+var DEFAULT_POSITIVE_COLOR = '#FF4D4F';
+var DEFAULT_NEGATIVE_COLOR = '#2EBB59';
+var DEFAULT_TOTAL_COLOR = '#1783FF';
+/**
+ * Transform waterfall data to add __start__ and __end__ fields
+ * for proper rendering of stacked intervals
+ */
+function transformWaterfallData(data) {
+  var cumulative = 0; // 累计值（包含普通值）
+  var lastIntermediateTotalEnd = 0; // 上一个中间小计的 end 值
+  var totalSum = 0; // 总计值（不包含 isIntermediateTotal 的项）
+
+  return data.map(function (item) {
+    var value = item.value || 0;
+    var start;
+    var end;
+    if (item.isTotal) {
+      // 总计：
+      // start 为 0，end 为所有非 isIntermediateTotal 项的累计值
+      start = 0;
+      end = totalSum;
+    } else if (item.isIntermediateTotal) {
+      // 中间小计：
+      // start 为上一个 isIntermediateTotal 的 end（若不存在则为 0）
+      // end 为从上一个 isIntermediateTotal 后到当前位置的累计值
+      start = lastIntermediateTotalEnd;
+      end = cumulative;
+      // 更新上一个中间小计的 end 值
+      lastIntermediateTotalEnd = end;
+    } else {
+      start = cumulative;
+      end = cumulative + value;
+      cumulative = end;
+      totalSum += value;
+    }
+    return _objectSpread(_objectSpread({}, item), {}, {
+      __start__: start,
+      __end__: end,
+      __value__: item.isTotal ? totalSum : item.isIntermediateTotal ? end - start : value
+    });
+  });
+}
+
+/**
+ * Generate link data for connecting waterfall bars
+ */
+function generateLinkData(data) {
+  return data.reduce(function (result, current, index) {
+    if (index > 0) {
+      var previous = data[index - 1];
+      result.push({
+        x: [previous.category, current.category],
+        y: current.isTotal || current.isIntermediateTotal ? current.__end__ : current.__start__
+      });
+    }
+    return result;
+  }, []);
+}
+var defaultConfig = function defaultConfig(props) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    title = props.title,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    customPositiveColor = props.positiveColor,
+    customNegativeColor = props.negativeColor,
+    customTotalColor = props.totalColor,
+    axisXTitle = props.axisXTitle,
+    axisYTitle = props.axisYTitle,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'default' : _props$theme;
+  var backgroundColor = style.backgroundColor;
+  var positiveColor = customPositiveColor || DEFAULT_POSITIVE_COLOR;
+  var negativeColor = customNegativeColor || DEFAULT_NEGATIVE_COLOR;
+  var totalColor = customTotalColor || DEFAULT_TOTAL_COLOR;
+  var transformedData = transformWaterfallData(data);
+  var linkData = generateLinkData(transformedData);
+  return _objectSpread({
+    type: 'view',
+    theme: THEME_MAP[theme],
+    title: title,
+    data: transformedData,
+    axis: {
+      y: {
+        labelFormatter: '~s',
+        title: axisYTitle || false
+      },
+      x: {
+        title: axisXTitle || false
+      }
+    },
+    children: [{
+      type: 'interval',
+      data: transformedData,
+      encode: {
+        x: 'category',
+        y: ['__start__', '__end__'],
+        color: 'category'
+      },
+      style: {
+        maxWidth: 60,
+        stroke: '#666',
+        radius: 4,
+        fill: function fill(d) {
+          return d.isTotal || d.isIntermediateTotal ? totalColor : d.__value__ > 0 ? positiveColor : negativeColor;
+        }
+      },
+      labels: [{
+        text: '__value__',
+        position: 'inside',
+        fontSize: 10,
+        transform: [{
+          type: 'overflowHide'
+        }],
+        formatter: '~s',
+        fill: '#000',
+        fontWeight: 600,
+        stroke: '#fff'
+      }],
+      tooltip: function tooltip(d) {
+        var tooltipName = axisYTitle || d['category'];
+        return {
+          name: tooltipName,
+          value: d['__value__']
+        };
+      }
+    }, {
+      type: 'link',
+      data: linkData,
+      encode: {
+        x: 'x',
+        y: 'y'
+      },
+      zIndex: -1,
+      style: {
+        stroke: '#ccc',
+        lineDash: [4, 2],
+        lineWidth: 1
+      },
+      tooltip: false
+    }],
+    scale: {
+      y: {
+        nice: true
+      }
+    },
+    legend: false
+  }, backgroundColor ? {
+    viewStyle: {
+      viewFill: backgroundColor
+    }
+  } : {});
+};
+var Waterfall = function Waterfall(props) {
+  var containerRef = useRef(null);
+  var chartRef = useRef(null);
+  useEffect(function () {
+    if (!containerRef.current) return;
+    var chart = new Chart({
+      container: containerRef.current,
+      autoFit: true,
+      padding: 'auto'
+    });
+    var config = defaultConfig(props);
+    chart.options(config);
+    chart.render();
+    chartRef.current = chart;
+    return function () {
+      chart.destroy();
+      chartRef.current = null;
+    };
+  }, [props]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef
+  });
+};
+export default Waterfall;

package/dist/esm/export.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ChartType } from './types';
 /********** plot chart **********/
 import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
@@ -16,6 +17,7 @@ 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 Waterfall, type WaterfallProps } from './Waterfall';
 import { default as WordCloud, type WordCloudProps } from './WordCloud';
 /********** graph chart **********/
 import { default as FishboneDiagram, type FishboneDiagramProps } from './FishboneDiagram';
@@ -30,5 +32,43 @@ import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type Pat
 /********** 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, 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 { 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, Waterfall, 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 WaterfallProps, type TableProps, type WordCloudProps, };
+export type VisOptionMap = {
+    [ChartType.Area]: AreaProps;
+    [ChartType.Bar]: BarProps;
+    [ChartType.Boxplot]: BoxplotProps;
+    [ChartType.Column]: ColumnProps;
+    [ChartType.DualAxes]: DualAxesProps;
+    [ChartType.FishboneDiagram]: FishboneDiagramProps;
+    [ChartType.FlowDiagram]: FlowDiagramProps;
+    [ChartType.Funnel]: FunnelProps;
+    [ChartType.HeatMap]: HeatMapProps;
+    [ChartType.Histogram]: HistogramProps;
+    [ChartType.IndentedTree]: IndentedTreeProps;
+    [ChartType.Line]: LineProps;
+    [ChartType.Liquid]: LiquidProps;
+    [ChartType.MindMap]: MindMapProps;
+    [ChartType.NetworkGraph]: NetworkGraphProps;
+    [ChartType.OrganizationChart]: OrganizationChartProps;
+    [ChartType.PathMap]: PathMapProps;
+    [ChartType.Pie]: PieProps;
+    [ChartType.PinMap]: PinMapProps;
+    [ChartType.Radar]: RadarProps;
+    [ChartType.Sankey]: SankeyProps;
+    [ChartType.Scatter]: ScatterProps;
+    [ChartType.Table]: TableProps;
+    [ChartType.Treemap]: TreemapProps;
+    [ChartType.Venn]: VennProps;
+    [ChartType.Violin]: ViolinProps;
+    [ChartType.Waterfall]: WaterfallProps;
+    [ChartType.WordCloud]: WordCloudProps;
+};
+/**
+ * 所有的 Vis 类型的类型定义
+ */
+export type Spec = {
+    [K in keyof VisOptionMap]: {
+        type: K;
+    } & VisOptionMap[K];
+}[keyof VisOptionMap];
 export declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;

package/dist/esm/export.js

@@ -23,6 +23,7 @@ import { default as Scatter } from "./Scatter";
 import { default as Treemap } from "./Treemap";
 import { default as Venn } from "./Venn";
 import { default as Violin } from "./Violin";
+import { default as Waterfall } from "./Waterfall";
 import { default as WordCloud } from "./WordCloud";
 
 /********** graph chart **********/
@@ -40,5 +41,10 @@ import { PinMap, HeatMap, PathMap } from "./export-map";
 /********** NTV **********/
 import { default as Table } from "./Table";
 export { VisText } from "./Text";
-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 };
-export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Area, Area), ChartType.Bar, Bar), ChartType.Boxplot, Boxplot), ChartType.Column, Column), ChartType.DualAxes, DualAxes), ChartType.FishboneDiagram, FishboneDiagram), ChartType.FlowDiagram, FlowDiagram), ChartType.Funnel, Funnel), ChartType.HeatMap, HeatMap), ChartType.Histogram, Histogram), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.IndentedTree, IndentedTree), ChartType.Line, Line), ChartType.Liquid, Liquid), ChartType.MindMap, MindMap), ChartType.NetworkGraph, NetworkGraph), ChartType.Pie, Pie), ChartType.PinMap, PinMap), ChartType.Radar, Radar), ChartType.Sankey, Sankey), ChartType.Scatter, Scatter), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Treemap, Treemap), ChartType.Venn, Venn), ChartType.Violin, Violin), ChartType.Table, Table), ChartType.WordCloud, WordCloud), ChartType.OrganizationChart, OrganizationChart));
+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, Waterfall, Table, WordCloud };
+
+/**
+ * 所有的 Vis 类型的类型定义
+ */
+
+export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Area, Area), ChartType.Bar, Bar), ChartType.Boxplot, Boxplot), ChartType.Column, Column), ChartType.DualAxes, DualAxes), ChartType.FishboneDiagram, FishboneDiagram), ChartType.FlowDiagram, FlowDiagram), ChartType.Funnel, Funnel), ChartType.HeatMap, HeatMap), ChartType.Histogram, Histogram), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.IndentedTree, IndentedTree), ChartType.Line, Line), ChartType.Liquid, Liquid), ChartType.MindMap, MindMap), ChartType.NetworkGraph, NetworkGraph), ChartType.Pie, Pie), ChartType.PinMap, PinMap), ChartType.Radar, Radar), ChartType.Sankey, Sankey), ChartType.Scatter, Scatter), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Treemap, Treemap), ChartType.Venn, Venn), ChartType.Violin, Violin), ChartType.Waterfall, Waterfall), ChartType.Table, Table), ChartType.WordCloud, WordCloud), ChartType.OrganizationChart, OrganizationChart));

package/dist/esm/index.d.ts

@@ -2,6 +2,8 @@
 export * from './export';
 /********** export types **********/
 export * from './types';
+/********** export render **********/
+export * from './render';
 /********** export GPTVis **********/
 export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
 export type { CodeBlockComponent, ErrorRender, WithChartCodeOptions } from './ChartCodeRender/type';

package/dist/esm/index.js

@@ -4,6 +4,9 @@ export * from "./export";
 /********** export types **********/
 export * from "./types";
 
+/********** export render **********/
+export * from "./render";
+
 /********** export GPTVis **********/
 export { withChartCode, withDefaultChartCode } from "./ChartCodeRender";
 export { default as ConfigProvider } from "./ConfigProvider";

package/dist/esm/render.d.ts

@@ -0,0 +1,2 @@
+import { type Spec } from './export';
+export declare function render(container: string, spec: Spec): void;

package/dist/esm/render.js

@@ -0,0 +1,32 @@
+var _excluded = ["type"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 React from 'react';
+import ReactDOM from 'react-dom';
+import { DEFAULT_CHART_COMPONENTS } from "./export";
+var roots = new Map();
+function getRoot(container) {
+  if (roots.has(container)) {
+    return roots.get(container);
+  }
+  var root = ReactDOM.createRoot(container);
+  roots.set(container, root);
+  return root;
+}
+export function render(container, spec) {
+  var mount = typeof container === 'string' ? document.querySelector(container) : container;
+  if (!mount) throw new Error('Target container not found: ' + container);
+  var type = spec.type,
+    chartProps = _objectWithoutProperties(spec, _excluded);
+  var ChartComp = DEFAULT_CHART_COMPONENTS[type];
+  if (!ChartComp) {
+    throw new Error("Unknown chart type: ".concat(type));
+  }
+  var chartElement = /*#__PURE__*/React.createElement(ChartComp, chartProps);
+  if (ReactDOM.createRoot) {
+    var root = getRoot(mount);
+    root.render(chartElement);
+  } else {
+    ReactDOM.render(chartElement, mount);
+  }
+}

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

@@ -28,6 +28,7 @@ export declare enum ChartType {
     Treemap = "treemap",
     Venn = "venn",
     Violin = "violin",
+    Waterfall = "waterfall",
     Table = "table",
     VisText = "vis-text",
     WordCloud = "word-cloud"
@@ -81,5 +82,6 @@ export interface Style {
         lineWidth?: number;
         backgroundColor?: string;
         palette?: string[];
+        startAtZero?: boolean;
     };
 }

package/dist/esm/types/chart.js

@@ -24,6 +24,7 @@ export var ChartType = /*#__PURE__*/function (ChartType) {
   ChartType["Treemap"] = "treemap";
   ChartType["Venn"] = "venn";
   ChartType["Violin"] = "violin";
+  ChartType["Waterfall"] = "waterfall";
   ChartType["Table"] = "table";
   ChartType["VisText"] = "vis-text";
   ChartType["WordCloud"] = "word-cloud";

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.9";
+declare const _default: "0.5.11";
 export default _default;