@antv/gpt-vis 0.5.6 → 0.5.7

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,14 +2,20 @@
 /********** 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';
@@ -23,5 +29,5 @@ export { Map, type MapProps } from './export-map';
 import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type PathMapProps } from './export-map';
 /********** NTV **********/
 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, 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 declare const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>>;

package/dist/cjs/export.js

@@ -31,15 +31,18 @@ var export_exports = {};
 __export(export_exports, {
   Area: () => import_Area.default,
   Bar: () => import_Bar.default,
+  Boxplot: () => import_Boxplot.default,
   Column: () => import_Column.default,
   DEFAULT_CHART_COMPONENTS: () => DEFAULT_CHART_COMPONENTS,
   DualAxes: () => import_DualAxes.default,
   FishboneDiagram: () => import_FishboneDiagram.default,
   FlowDiagram: () => import_FlowDiagram.default,
+  Funnel: () => import_Funnel.default,
   HeatMap: () => import_export_map2.HeatMap,
   Histogram: () => import_Histogram.default,
   IndentedTree: () => import_IndentedTree.default,
   Line: () => import_Line.default,
+  Liquid: () => import_Liquid.default,
   Map: () => import_export_map.Map,
   MindMap: () => import_MindMap.default,
   NetworkGraph: () => import_NetworkGraph.default,
@@ -48,8 +51,11 @@ __export(export_exports, {
   Pie: () => import_Pie.default,
   PinMap: () => import_export_map2.PinMap,
   Radar: () => import_Radar.default,
+  Sankey: () => import_Sankey.default,
   Scatter: () => import_Scatter.default,
   Treemap: () => import_Treemap.default,
+  Venn: () => import_Venn.default,
+  Violin: () => import_Violin.default,
   VisText: () => import_Text.VisText,
   WordCloud: () => import_WordCloud.default
 });
@@ -57,14 +63,20 @@ module.exports = __toCommonJS(export_exports);
 var import_types = require("./types");
 var import_Area = __toESM(require("./Area"));
 var import_Bar = __toESM(require("./Bar"));
+var import_Boxplot = __toESM(require("./Boxplot"));
 var import_Column = __toESM(require("./Column"));
 var import_DualAxes = __toESM(require("./DualAxes"));
+var import_Funnel = __toESM(require("./Funnel"));
 var import_Histogram = __toESM(require("./Histogram"));
 var import_Line = __toESM(require("./Line"));
+var import_Liquid = __toESM(require("./Liquid"));
 var import_Pie = __toESM(require("./Pie"));
 var import_Radar = __toESM(require("./Radar"));
+var import_Sankey = __toESM(require("./Sankey"));
 var import_Scatter = __toESM(require("./Scatter"));
 var import_Treemap = __toESM(require("./Treemap"));
+var import_Venn = __toESM(require("./Venn"));
+var import_Violin = __toESM(require("./Violin"));
 var import_WordCloud = __toESM(require("./WordCloud"));
 var import_FishboneDiagram = __toESM(require("./FishboneDiagram"));
 var import_FlowDiagram = __toESM(require("./FlowDiagram"));
@@ -76,31 +88,46 @@ var import_export_map = require("./export-map");
 var import_export_map2 = require("./export-map");
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
-  [import_types.ChartType.Line]: import_Line.default,
-  [import_types.ChartType.Column]: import_Column.default,
-  [import_types.ChartType.Pie]: import_Pie.default,
-  [import_types.ChartType.Bar]: import_Bar.default,
   [import_types.ChartType.Area]: import_Area.default,
-  [import_types.ChartType.Scatter]: import_Scatter.default,
-  [import_types.ChartType.PinMap]: import_export_map2.PinMap,
+  [import_types.ChartType.Bar]: import_Bar.default,
+  [import_types.ChartType.Boxplot]: import_Boxplot.default,
+  [import_types.ChartType.Column]: import_Column.default,
+  [import_types.ChartType.DualAxes]: import_DualAxes.default,
+  [import_types.ChartType.FishboneDiagram]: import_FishboneDiagram.default,
+  [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
+  [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.Line]: import_Line.default,
+  [import_types.ChartType.Liquid]: import_Liquid.default,
   [import_types.ChartType.MindMap]: import_MindMap.default,
-  [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
-  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default
+  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default,
+  [import_types.ChartType.Pie]: import_Pie.default,
+  [import_types.ChartType.PinMap]: import_export_map2.PinMap,
+  [import_types.ChartType.Radar]: import_Radar.default,
+  [import_types.ChartType.Sankey]: import_Sankey.default,
+  [import_types.ChartType.Scatter]: import_Scatter.default,
+  [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
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Area,
   Bar,
+  Boxplot,
   Column,
   DEFAULT_CHART_COMPONENTS,
   DualAxes,
   FishboneDiagram,
   FlowDiagram,
+  Funnel,
   HeatMap,
   Histogram,
   IndentedTree,
   Line,
+  Liquid,
   Map,
   MindMap,
   NetworkGraph,
@@ -109,8 +136,11 @@ var DEFAULT_CHART_COMPONENTS = {
   Pie,
   PinMap,
   Radar,
+  Sankey,
   Scatter,
   Treemap,
+  Venn,
+  Violin,
   VisText,
   WordCloud
 });

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

@@ -14,6 +14,12 @@ export declare enum ChartType {
     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",

package/dist/cjs/types/chart.js

@@ -34,6 +34,12 @@ var ChartType = /* @__PURE__ */ ((ChartType2) => {
   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";

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.6";
+declare const _default: "0.5.7";
 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.6";
+var version_default = "0.5.7";

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

@@ -6,6 +6,9 @@ type BarDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type BarProps = BasePlotProps<BarDataItem> & Partial<BarConfig> & Theme & Style;
+export type BarProps = BasePlotProps<BarDataItem> & Partial<BarConfig> & Theme & Style & {
+    group?: boolean;
+    stack?: boolean;
+};
 declare const Bar: (props: BarProps) => React.JSX.Element;
 export default Bar;

package/dist/esm/Bar/index.js

@@ -44,7 +44,7 @@ var defaultConfig = function defaultConfig(props) {
       }
     };
   }
-  return _objectSpread({
+  return _objectSpread(_objectSpread({
     xField: xField,
     yField: yField,
     colorField: hasGroupField ? 'group' : xField,
@@ -69,13 +69,23 @@ var defaultConfig = function defaultConfig(props) {
     }
   } : {
     viewStyle: undefined
+  }), {}, {
+    legend: hasGroupField ? {} : false
   });
 };
 var Bar = function Bar(props) {
   var _props$theme2;
   var themeConfig = THEME_MAP[(_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 ? _props$theme2 : 'default'];
+  var data = props.data,
+    _props$group = props.group,
+    group = _props$group === void 0 ? false : _props$group,
+    _props$stack = props.stack,
+    stack = _props$stack === void 0 ? false : _props$stack;
+  var hasGroupField = get(data, '[0].group') !== undefined;
   var config = usePlotConfig('Bar', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
-    theme: themeConfig
+    theme: themeConfig,
+    group: hasGroupField && group,
+    stack: hasGroupField && stack
   }));
   return /*#__PURE__*/React.createElement(ADCBar, config);
 };

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

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

package/dist/esm/Boxplot/index.js

@@ -0,0 +1,83 @@
+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 { Box as ADCBox } from '@ant-design/plots';
+import React from 'react';
+import { usePlotConfig } from "../ConfigProvider/hooks";
+import { THEME_MAP } from "../theme";
+var defaultConfig = function defaultConfig(props) {
+  var _;
+  var data = props.data,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    axisYTitle = props.axisYTitle,
+    axisXTitle = props.axisXTitle,
+    _props$xField = props.xField,
+    xField = _props$xField === void 0 ? 'category' : _props$xField,
+    _props$yField = props.yField,
+    yField = _props$yField === void 0 ? 'value' : _props$yField;
+  var backgroundColor = style.backgroundColor,
+    palette = style.palette;
+  var hasGroupField = ((_ = (data || [])[0]) === null || _ === void 0 ? void 0 : _.group) !== undefined;
+  var paletteConfig = {
+    color: undefined
+  };
+  var hasPalette = !!(palette !== null && palette !== void 0 && palette[0]);
+  var colorField = hasGroupField ? 'group' : 'category';
+  var seriesField = hasGroupField ? 'group' : 'category';
+  if (hasPalette) {
+    paletteConfig = {
+      color: {
+        range: palette
+      }
+    };
+  }
+  return _objectSpread({
+    data: data,
+    boxType: 'boxplot',
+    xField: xField,
+    yField: yField,
+    colorField: colorField,
+    seriesField: seriesField,
+    axis: {
+      y: {
+        title: axisYTitle || false
+      },
+      x: {
+        title: axisXTitle || false
+      }
+    },
+    scale: _objectSpread({
+      x: {
+        paddingInner: 0.6,
+        paddingOuter: 0.3
+      },
+      series: {
+        paddingInner: 0.3,
+        paddingOuter: 0.1
+      },
+      y: {
+        nice: true
+      }
+    }, paletteConfig),
+    style: {
+      stroke: 'black'
+    }
+  }, backgroundColor ? {
+    viewStyle: {
+      viewFill: backgroundColor
+    }
+  } : {});
+};
+var Boxplot = function Boxplot(props) {
+  var _props$theme;
+  var themeConfig = THEME_MAP[(_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : 'default'];
+  var config = usePlotConfig('Boxplot', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
+    theme: themeConfig
+  }));
+  return /*#__PURE__*/React.createElement(ADCBox, config);
+};
+export default Boxplot;

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

@@ -5,6 +5,9 @@ export type ColumnDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type ColumnProps = BasePlotProps<ColumnDataItem> & Theme & Style;
+export type ColumnProps = BasePlotProps<ColumnDataItem> & Theme & Style & {
+    group?: boolean;
+    stack?: boolean;
+};
 declare const Column: (props: ColumnProps) => React.JSX.Element;
 export default Column;

package/dist/esm/Column/index.js

@@ -44,7 +44,7 @@ var defaultConfig = function defaultConfig(props) {
       }
     };
   }
-  return _objectSpread({
+  return _objectSpread(_objectSpread({
     xField: xField,
     yField: yField,
     colorField: hasGroupField ? 'group' : xField,
@@ -69,13 +69,24 @@ var defaultConfig = function defaultConfig(props) {
     }
   } : {
     viewStyle: undefined
+  }), {}, {
+    legend: hasGroupField ? {} : false,
+    group: hasGroupField
   });
 };
 var Column = function Column(props) {
   var _props$theme2;
   var themeConfig = THEME_MAP[(_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 ? _props$theme2 : 'default'];
+  var data = props.data,
+    _props$group = props.group,
+    group = _props$group === void 0 ? false : _props$group,
+    _props$stack = props.stack,
+    stack = _props$stack === void 0 ? false : _props$stack;
+  var hasGroupField = get(data, '[0].group') !== undefined;
   var config = usePlotConfig('Column', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
-    theme: themeConfig
+    theme: themeConfig,
+    group: hasGroupField && group,
+    stack: hasGroupField && stack
   }));
   return /*#__PURE__*/React.createElement(ADCColumn, config);
 };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type FunnelDatum = {
+    category: string;
+    value: number;
+};
+export type FunnelProps = BasePlotProps<FunnelDatum> & Theme & Style & {
+    width?: number;
+    height?: number;
+};
+declare const Funnel: (props: FunnelProps) => React.JSX.Element;
+export default Funnel;