@antv/gpt-vis 0.0.1 → 0.0.3

package/dist/cjs/PathMap/index.js

@@ -0,0 +1,150 @@
+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/PathMap/index.tsx
+var PathMap_exports = {};
+__export(PathMap_exports, {
+  default: () => PathMap_default
+});
+module.exports = __toCommonJS(PathMap_exports);
+var import_larkmap = require("@antv/larkmap");
+var import_react = __toESM(require("react"));
+window._AMapSecurityConfig = {
+  securityJsCode: "8803c38931b6fddc9bbfeee69df8824d"
+};
+var CONFIG = {
+  mapType: "Gaode",
+  mapOptions: {
+    style: "normal",
+    center: [120.210792, 30.246026],
+    zoom: 12,
+    maxZoom: 18,
+    token: "f0230f884bbd54e2913c890cdf45aa7e"
+  }
+};
+var lineLayerOptions = {
+  autoFit: false,
+  shape: "line",
+  size: 3,
+  color: "#6808fed1",
+  style: {
+    opacity: 1,
+    lineType: "solid",
+    stroke: "#6808FE",
+    strokeWidth: 1
+  }
+};
+var makerLayerOptions = {
+  autoFit: false,
+  shape: "circle",
+  color: "#fff",
+  size: 4,
+  style: {
+    stroke: "#6808FE",
+    strokeWidth: 3
+  }
+};
+var labelLayerOptions = {
+  autoFit: false,
+  field: "address",
+  style: {
+    fill: "#fff",
+    opacity: 1,
+    fontSize: 16,
+    fontWeight: "bold",
+    stroke: "#6808FE",
+    strokeWidth: 8,
+    textAllowOverlap: false,
+    padding: [5, 5],
+    textOffset: [0, 30]
+  }
+};
+function bbox(data) {
+  const bounds = [Infinity, Infinity, -Infinity, -Infinity];
+  data.forEach(({ coordinates }) => {
+    coordinates.forEach(([lng, lat]) => {
+      if (bounds[0] > lng) {
+        bounds[0] = lng;
+      }
+      if (bounds[1] > lat) {
+        bounds[1] = lat;
+      }
+      if (bounds[2] < lng) {
+        bounds[2] = lng;
+      }
+      if (bounds[3] < lat) {
+        bounds[3] = lat;
+      }
+    });
+  });
+  return bounds;
+}
+var PathMap = (props) => {
+  const { className, style, data = [] } = props;
+  const [lineSource] = (0, import_react.useState)({
+    data,
+    parser: { type: "json", coordinates: "coordinates" }
+  });
+  const [dotSource] = (0, import_react.useState)(() => ({
+    data: data.map((item) => [
+      { lngLat: item.coordinates[0], address: item == null ? void 0 : item.originName },
+      {
+        lngLat: item.coordinates[item.coordinates.length - 1],
+        address: item == null ? void 0 : item.destinationName
+      }
+    ]).flat().filter((item) => item.address),
+    parser: { type: "json", coordinates: "lngLat" }
+  }));
+  const onSceneLoaded = (scene) => {
+    var _a;
+    if (!data.length)
+      return;
+    const bounds = bbox(data);
+    if (scene.getType() === "amap") {
+      (_a = scene.map) == null ? void 0 : _a.setBounds(bounds, true, [60, 60, 60, 60]);
+    } else {
+      scene.fitBounds([
+        [bounds[0], bounds[1]],
+        [bounds[2], bounds[3]]
+      ]);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_larkmap.LarkMap,
+    {
+      className,
+      style: { height: 300, ...style },
+      ...CONFIG,
+      onSceneLoaded
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_larkmap.LineLayer, { ...lineLayerOptions, source: lineSource }),
+    /* @__PURE__ */ import_react.default.createElement(import_larkmap.PointLayer, { ...makerLayerOptions, source: dotSource }),
+    /* @__PURE__ */ import_react.default.createElement(import_larkmap.TextLayer, { ...labelLayerOptions, source: dotSource })
+  ));
+};
+var PathMap_default = PathMap;

package/dist/cjs/Pie/index.js

@@ -0,0 +1,72 @@
+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/Pie/index.tsx
+var Pie_exports = {};
+__export(Pie_exports, {
+  default: () => Pie_default
+});
+module.exports = __toCommonJS(Pie_exports);
+var import_plots = require("@ant-design/plots");
+var import_react = __toESM(require("react"));
+var Pie = (props) => {
+  const { data, className, style } = props;
+  const config = {
+    data,
+    angleField: "value",
+    colorField: "name",
+    state: {
+      selected: { offset: 8 }
+    },
+    tooltip: (d) => {
+      return {
+        name: d.name,
+        value: d.value
+      };
+    },
+    label: {
+      text: "value",
+      style: {
+        fontWeight: "bold"
+      }
+    },
+    legend: {
+      color: {
+        title: false,
+        position: "top"
+      }
+    },
+    interaction: {
+      elementSelect: {
+        single: true
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Pie, { className, containerStyle: { ...style }, ...config });
+};
+var Pie_default = Pie;

package/dist/cjs/PinMap/index.js

@@ -0,0 +1,125 @@
+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/PinMap/index.tsx
+var PinMap_exports = {};
+__export(PinMap_exports, {
+  default: () => PinMap_default
+});
+module.exports = __toCommonJS(PinMap_exports);
+var import_larkmap = require("@antv/larkmap");
+var import_react = __toESM(require("react"));
+window._AMapSecurityConfig = {
+  securityJsCode: "8803c38931b6fddc9bbfeee69df8824d"
+};
+var CONFIG = {
+  mapType: "Gaode",
+  mapOptions: {
+    style: "normal",
+    center: [120.210792, 30.246026],
+    zoom: 12,
+    maxZoom: 18,
+    token: "f0230f884bbd54e2913c890cdf45aa7e"
+  }
+};
+var SVG_URL = "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*yVhwTrhcKZAAAAAAAAAAAAAADmJ7AQ/original";
+var makerLayerOptions = {
+  autoFit: false,
+  shape: "marker",
+  size: 22,
+  style: {}
+};
+var labelLayerOptions = {
+  autoFit: false,
+  field: "address",
+  style: {
+    fill: "#fff",
+    opacity: 1,
+    fontSize: 16,
+    fontWeight: "bold",
+    stroke: "#6808FE",
+    strokeWidth: 8,
+    textAllowOverlap: false,
+    padding: [2, 2],
+    textOffset: [0, 50]
+  }
+};
+function bbox(data) {
+  const bounds = [Infinity, Infinity, -Infinity, -Infinity];
+  data.forEach(({ lng, lat }) => {
+    if (bounds[0] > lng) {
+      bounds[0] = lng;
+    }
+    if (bounds[1] > lat) {
+      bounds[1] = lat;
+    }
+    if (bounds[2] < lng) {
+      bounds[2] = lng;
+    }
+    if (bounds[3] < lat) {
+      bounds[3] = lat;
+    }
+  });
+  return bounds;
+}
+var PinMap = (props) => {
+  const { className, style, data = [] } = props;
+  const [loadedImages, setLoadedImages] = (0, import_react.useState)(false);
+  const [source] = (0, import_react.useState)({
+    data,
+    parser: { type: "json", x: "lng", y: "lat" }
+  });
+  const onSceneLoaded = (scene) => {
+    var _a;
+    scene.addImage("marker", SVG_URL).then(() => {
+      setLoadedImages(true);
+    });
+    if (!data.length)
+      return;
+    const bounds = bbox(data);
+    if (scene.getType() === "amap") {
+      (_a = scene.map) == null ? void 0 : _a.setBounds(bounds, true, [50, 50, 50, 50]);
+    } else {
+      scene.fitBounds([
+        [bounds[0], bounds[1]],
+        [bounds[2], bounds[3]]
+      ]);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_larkmap.LarkMap,
+    {
+      className,
+      style: { height: 300, ...style },
+      ...CONFIG,
+      onSceneLoaded
+    },
+    loadedImages && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_larkmap.PointLayer, { ...makerLayerOptions, source }), /* @__PURE__ */ import_react.default.createElement(import_larkmap.TextLayer, { ...labelLayerOptions, source }))
+  ));
+};
+var PinMap_default = PinMap;

package/dist/cjs/WordCloud/index.js

@@ -0,0 +1,57 @@
+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/WordCloud/index.tsx
+var WordCloud_exports = {};
+__export(WordCloud_exports, {
+  default: () => WordCloud_default
+});
+module.exports = __toCommonJS(WordCloud_exports);
+var import_plots = require("@ant-design/plots");
+var import_react = __toESM(require("react"));
+var config = {
+  autoFit: true,
+  layout: { fontSize: [20, 100] },
+  encode: {
+    color: "text"
+  },
+  legend: false
+};
+var WordCloud = (props) => {
+  const { className, style, data = [] } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_plots.WordCloud,
+    {
+      className,
+      containerStyle: { ...style },
+      ...config,
+      data
+    }
+  );
+};
+var WordCloud_default = WordCloud;

package/dist/cjs/constants/index.js

@@ -0,0 +1,54 @@
+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/constants/index.ts
+var constants_exports = {};
+__export(constants_exports, {
+  DEFAULT_CHART_COMPONENTS: () => DEFAULT_CHART_COMPONENTS
+});
+module.exports = __toCommonJS(constants_exports);
+var import_Area = __toESM(require("../Area"));
+var import_Column = __toESM(require("../Column"));
+var import_Line = __toESM(require("../Line"));
+var import_Pie = __toESM(require("../Pie"));
+var import_types = require("../types");
+var import_WordCloud = __toESM(require("../WordCloud"));
+var DEFAULT_CHART_COMPONENTS = {
+  [import_types.ChartType.Pie]: import_Pie.default,
+  [import_types.ChartType.Area]: import_Area.default,
+  [import_types.ChartType.Column]: import_Column.default,
+  [import_types.ChartType.Line]: import_Line.default,
+  [import_types.ChartType.WordCloud]: import_WordCloud.default
+  // [ChartType.PinMap]: PinMap,
+  // [ChartType.PathMap]: PathMap,
+  // [ChartType.HeatMap]: HeatMap,
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_CHART_COMPONENTS
+});

package/dist/cjs/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Area, type AreaProps } from './Area';
+export { default as Column, type ColumnProps } from './Column';
+export { default as Line, type LineProps } from './Line';
+export { default as Pie, type PieProps } from './Pie';
+export { default as WordCloud, type WordCloudProps } from './WordCloud';
+export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
+export { default as GPTVis } from './GPTVis';
+/**
+ * @deprecated
+ * 请使用 GPTVis
+ */
+export { default as MarkdownVis } from './GPTVis';
+export * from './types';

package/dist/cjs/index.js

@@ -0,0 +1,65 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Area: () => import_Area.default,
+  Column: () => import_Column.default,
+  GPTVis: () => import_GPTVis.default,
+  Line: () => import_Line.default,
+  MarkdownVis: () => import_GPTVis2.default,
+  Pie: () => import_Pie.default,
+  WordCloud: () => import_WordCloud.default,
+  withChartCode: () => import_ChartCodeRender.withChartCode,
+  withDefaultChartCode: () => import_ChartCodeRender.withDefaultChartCode
+});
+module.exports = __toCommonJS(src_exports);
+var import_Area = __toESM(require("./Area"));
+var import_Column = __toESM(require("./Column"));
+var import_Line = __toESM(require("./Line"));
+var import_Pie = __toESM(require("./Pie"));
+var import_WordCloud = __toESM(require("./WordCloud"));
+var import_ChartCodeRender = require("./ChartCodeRender");
+var import_GPTVis = __toESM(require("./GPTVis"));
+var import_GPTVis2 = __toESM(require("./GPTVis"));
+__reExport(src_exports, require("./types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Area,
+  Column,
+  GPTVis,
+  Line,
+  MarkdownVis,
+  Pie,
+  WordCloud,
+  withChartCode,
+  withDefaultChartCode,
+  ...require("./types")
+});

package/dist/cjs/types/index.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/index.ts
+var types_exports = {};
+__export(types_exports, {
+  ChartType: () => ChartType
+});
+module.exports = __toCommonJS(types_exports);
+var ChartType = /* @__PURE__ */ ((ChartType2) => {
+  ChartType2["Pie"] = "pie";
+  ChartType2["Column"] = "column";
+  ChartType2["Line"] = "line";
+  ChartType2["Area"] = "area";
+  ChartType2["WordCloud"] = "word-cloud";
+  ChartType2["PinMap"] = "pin-map";
+  ChartType2["PathMap"] = "path-map";
+  ChartType2["HeatMap"] = "heat-map";
+  return ChartType2;
+})(ChartType || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChartType
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StackableChartProps } from '../types';
+export type AreaProps = StackableChartProps;
+declare const Area: (props: AreaProps) => React.JSX.Element;
+export default Area;

package/dist/esm/ChartCodeRender/index.css

@@ -0,0 +1,19 @@
+.gpt-vis {
+  min-width: 600px;
+  max-width: 100%;
+}
+
+.gpt-vis-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 400px;
+  height: 400px;
+  background-image: linear-gradient(135deg, #e3f3ff 0%, #f1eeff 100%);
+  color: rgba(0, 0, 0, 88%);
+
+  &-icon {
+    margin-bottom: 6px;
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.css';
+import { WithChartCodeOptions } from './type';
+export declare const withChartCode: (options: WithChartCodeOptions) => keyof JSX.IntrinsicElements | import("hast-util-to-jsx-runtime/lib/components").Component<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & import("hast-util-to-jsx-runtime/lib/components").ExtraProps> | undefined;
+/**
+ * Includes built-in chart components such as line charts, pie charts, etc.
+ * @param componentsArray
+ * @returns
+ */
+export declare const withDefaultChartCode: (options?: Partial<WithChartCodeOptions>) => keyof JSX.IntrinsicElements | import("hast-util-to-jsx-runtime/lib/components").Component<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & import("hast-util-to-jsx-runtime/lib/components").ExtraProps> | undefined;

package/dist/{ChartCodeRender → esm/ChartCodeRender}/index.js

@@ -8,7 +8,7 @@ import { LoadingOutlined } from '@ant-design/icons';
 import { get } from 'lodash-es';
 import React, { useRef, useState } from 'react';
 import { DEFAULT_CHART_COMPONENTS } from "../constants";
-import "./index.less";
+import "./index.css";
 var Loading = function Loading() {
   return /*#__PURE__*/React.createElement("div", {
     className: "gpt-vis-loading"
@@ -21,7 +21,7 @@ var Loading = function Loading() {
     }
   })), /*#__PURE__*/React.createElement("p", null, "\u6570\u636E\u751F\u6210\u4E2D"));
 };
-export var withCodeBlock = function withCodeBlock(options) {
+var withCodeBlock = function withCodeBlock(options) {
   // Render code block component
   return function CodeBlock(props) {
     var _className$match;
@@ -35,6 +35,8 @@ export var withCodeBlock = function withCodeBlock(options) {
     var isVisChart = className.includes('language-vis-chart');
     var components = options.components,
       extraRenderers = options.extraRenderers,
+      languageRenderers = options.languageRenderers,
+      DefaultRenderer = options.defaultRenderer,
       debug = options.debug,
       _options$loadingTimeo = options.loadingTimeout,
       loadingTimeout = _options$loadingTimeo === void 0 ? 5000 : _options$loadingTimeo;
@@ -82,15 +84,16 @@ export var withCodeBlock = function withCodeBlock(options) {
       }, /*#__PURE__*/React.createElement(ChartComponent, chartJson));
     }
 
-    // If the code block math extraRenderer  languageName, the corresponding extraRenderers component
+    // If the code block math extraRenderer  languageName, the corresponding extra languageRenderers component
     var languageName = ((_className$match = className.match(/language-(.*)/)) === null || _className$match === void 0 ? void 0 : _className$match[1]) || '';
-    var ExtraRendererComponent = extraRenderers && extraRenderers[languageName];
+    var extraLanguageRenderers = extraRenderers || languageRenderers;
+    var ExtraRendererComponent = extraLanguageRenderers && extraLanguageRenderers[languageName];
     if (ExtraRendererComponent) {
       return /*#__PURE__*/React.createElement(ExtraRendererComponent, props);
     }
 
     // If the code block is not a VisChart, render plain code
-    return /*#__PURE__*/React.createElement("code", _extends({}, rest, {
+    return DefaultRenderer ? /*#__PURE__*/React.createElement(DefaultRenderer, props) : /*#__PURE__*/React.createElement("code", _extends({}, rest, {
       className: className
     }), children);
   };