@antv/gpt-vis 0.6.1 → 1.0.0-beta.2

package/dist/esm/vis/histogram/index.js

@@ -0,0 +1,147 @@
+import { Chart } from '@antv/g2';
+import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
+
+/**
+ * HistogramConfig defines the configuration for rendering the histogram chart.
+ */
+
+/**
+ * HistogramInstance represents a histogram chart instance with render and destroy methods.
+ */
+
+/**
+ * Histogram chart component using G2 5.0.
+ *
+ * @example
+ * ```ts
+ * const histogram = Histogram({
+ *   container: '#container',
+ *   width: 600,
+ *   height: 400,
+ * });
+ *
+ * histogram.render({
+ *   type: 'histogram',
+ *   data: [78, 88, 60, 100, 95],
+ *   binNumber: 5,
+ *   title: '成绩分布',
+ *   theme: 'academy'
+ * });
+ *
+ * histogram.destroy();
+ * ```
+ */
+export var Histogram = function Histogram(options) {
+  var container = options.container,
+    width = options.width,
+    height = options.height,
+    _options$theme = options.theme,
+    chartTheme = _options$theme === void 0 ? 'default' : _options$theme;
+  var chart = null;
+
+  /**
+   * Render the histogram chart with the given configuration.
+   */
+  var render = function render(config) {
+    var _config$data = config.data,
+      data = _config$data === void 0 ? [] : _config$data,
+      _config$theme = config.theme,
+      theme = _config$theme === void 0 ? chartTheme : _config$theme,
+      title = config.title,
+      axisXTitle = config.axisXTitle,
+      axisYTitle = config.axisYTitle,
+      binNumber = config.binNumber,
+      _config$style = config.style,
+      style = _config$style === void 0 ? {} : _config$style;
+
+    // Clean up previous chart if exists
+    if (chart) {
+      chart.destroy();
+    }
+
+    // Get colors from style.palette or theme defaults
+    var colors = normalizePalette(style.palette, theme);
+    var backgroundColor = style.backgroundColor || getBackgroundColor(theme);
+
+    // Create chart
+    chart = new Chart({
+      container: container,
+      width: width,
+      height: height,
+      autoFit: true
+    });
+
+    // Configure chart options
+    // Note: Using 'any' type due to G2's complex type system with transformations
+    // This is consistent with how G2 5.0 is used elsewhere in the codebase
+    var chartOptions = {
+      animate: false,
+      type: 'interval',
+      data: data,
+      title: title !== null && title !== void 0 ? title : '',
+      encode: {
+        x: function x(d) {
+          return d;
+        },
+        y: 'count',
+        color: function color() {
+          return 'all';
+        }
+      },
+      // binX transform groups continuous data into bins and counts frequency
+      transform: [{
+        type: 'binX',
+        y: 'count',
+        thresholds: binNumber
+      }],
+      style: {
+        minHeight: 1,
+        columnWidthRatio: 1,
+        inset: 0.5
+      },
+      axis: {
+        x: {
+          title: axisXTitle
+        },
+        y: {
+          title: axisYTitle
+        }
+      },
+      scale: {
+        y: {
+          nice: true
+        },
+        color: {
+          range: colors
+        }
+      },
+      legend: false,
+      tooltip: {
+        items: [{
+          channel: 'y',
+          name: '频数'
+        }]
+      },
+      viewStyle: {
+        viewFill: backgroundColor
+      },
+      theme: getThemeObject(theme)
+    };
+    chart.options(chartOptions);
+    chart.render();
+  };
+
+  /**
+   * Destroy the chart instance and clean up resources.
+   */
+  var destroy = function destroy() {
+    if (chart) {
+      chart.destroy();
+      chart = null;
+    }
+  };
+  return {
+    render: render,
+    destroy: destroy
+  };
+};

package/dist/esm/vis/indented-tree/index.d.ts

@@ -0,0 +1,40 @@
+import type { VisualizationOptions } from '../../types';
+/**
+ * Indented tree node data — only name + optional children, no description.
+ * Aligns with the official G6 indented tree example data structure.
+ */
+export interface IndentedTreeData {
+    name: string;
+    children?: IndentedTreeData[];
+}
+/**
+ * IndentedTreeConfig defines the configuration for rendering the indented tree.
+ */
+export interface IndentedTreeConfig {
+    type?: 'indented-tree';
+    data: IndentedTreeData;
+    theme?: 'default' | 'academy' | 'dark';
+    title?: string;
+    /** Layout direction: 'LR' = root left (default), 'RL' = root right, 'H' = root center */
+    direction?: 'LR' | 'RL' | 'H';
+    style?: {
+        backgroundColor?: string;
+        palette?: string[];
+    };
+}
+/**
+ * IndentedTreeInstance represents a chart instance with render and destroy methods.
+ */
+export interface IndentedTreeInstance {
+    render: (config: IndentedTreeConfig) => void;
+    destroy: () => void;
+    zoomTo: (zoom: number) => void;
+    getZoom: () => number | undefined;
+}
+/**
+ * IndentedTree — G6 5 indented layout for static DSL trees (no collapse/add UI).
+ * Uses built-in `rect` nodes and `line` edges. Tree edges must have explicit ids (see render) to avoid
+ * colliding with path-based node ids under G6's default `${source}-${target}` edge id rule.
+ * Based on: https://g6.antv.antgroup.com/examples/scene-case/tree-graph#indented-tree
+ */
+export declare const IndentedTree: (options: VisualizationOptions) => IndentedTreeInstance;