@antv/gpt-vis 0.5.9 → 0.5.10

package/dist/cjs/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';
@@ -31,4 +32,41 @@ import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type Pat
 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 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.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/cjs/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/cjs/index.js

@@ -41,6 +41,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./export"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./render"), module.exports);
 var import_ChartCodeRender = require("./ChartCodeRender");
 var import_ConfigProvider = __toESM(require("./ConfigProvider"));
 var import_GPTVis = __toESM(require("./GPTVis"));
@@ -56,5 +57,6 @@ var import_version = __toESM(require("./version"));
   withChartCode,
   withDefaultChartCode,
   ...require("./export"),
-  ...require("./types")
+  ...require("./types"),
+  ...require("./render")
 });

package/dist/cjs/render.d.ts

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

package/dist/cjs/render.js

@@ -0,0 +1,67 @@
+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/render.tsx
+var render_exports = {};
+__export(render_exports, {
+  render: () => render
+});
+module.exports = __toCommonJS(render_exports);
+var import_react = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_export = require("./export");
+var roots = /* @__PURE__ */ new Map();
+function getRoot(container) {
+  if (roots.has(container)) {
+    return roots.get(container);
+  }
+  const root = import_react_dom.default.createRoot(container);
+  roots.set(container, root);
+  return root;
+}
+function render(container, spec) {
+  const mount = typeof container === "string" ? document.querySelector(container) : container;
+  if (!mount)
+    throw new Error("Target container not found: " + container);
+  const { type, ...chartProps } = spec;
+  const ChartComp = import_export.DEFAULT_CHART_COMPONENTS[type];
+  if (!ChartComp) {
+    throw new Error(`Unknown chart type: ${type}`);
+  }
+  const chartElement = import_react.default.createElement(ChartComp, chartProps);
+  if (import_react_dom.default.createRoot) {
+    const root = getRoot(mount);
+    root.render(chartElement);
+  } else {
+    import_react_dom.default.render(chartElement, mount);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.9";
+declare const _default: "0.5.10";
 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.10";

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';
@@ -31,4 +32,41 @@ import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type Pat
 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 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.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

@@ -41,4 +41,9 @@ import { PinMap, HeatMap, PathMap } from "./export-map";
 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 };
+
+/**
+ * 所有的 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(_DEFAULT_CHART_COMPON, ChartType.Treemap, Treemap), ChartType.Venn, Venn), ChartType.Violin, Violin), 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/version.d.ts

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

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.5.9';
+export default '0.5.10';