@antv/gpt-vis 0.4.7 → 0.5.0

package/README.ja-JP.md

@@ -8,12 +8,13 @@
 
 <div align="center">
 
-GPTs、生成AI、およびLLMプロジェクトのためのコンポーネント。**UIコンポーネントだけではありません**。
+GPTs、生成AI、およびLLMプロジェクトのためのコンポーネント。**UIコンポーネントだけではありません**。[MCP](https://github.com/antvis/mcp-server-chart) の方法で使用する。
 
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">ドキュメント</a> •
   <a href="/knowledges" target="_blank">知識</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">エージェントデモ</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">エージェントデモ</a> •
+  <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
 

package/README.md

@@ -8,12 +8,13 @@
 
 <div align="center">
 
-Components for GPTs, generative AI, and LLM projects. **Not only UI Components**.
+Components for GPTs, generative AI, and LLM projects. **Not only UI Components**. Use it by [MCP](https://github.com/antvis/mcp-server-chart).
 
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">Document</a> •
   <a href="/knowledges" target="_blank">Knowledge</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">Agent Demo</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">Agent Demo</a> •
+  <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
 

package/README.zh-CN.md

@@ -8,12 +8,13 @@
 
 <div align="center">
 
-Components for GPTs, generative AI, and LLM projects. **Not only UI Components**.
+Components for GPTs, generative AI, and LLM projects. **Not only UI Components**. Use it by [MCP](https://github.com/antvis/mcp-server-chart).
 
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">文档</a> •
   <a href="/knowledges" target="_blank">知识库</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">体验 Agent</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">体验 Agent</a> •
+  <a href="https://github.com/antvis/mcp-server-chart" target="_blank">MCP Server</a>
 </p>
 </div>
 

package/dist/cjs/ChartCodeRender/VisChart.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
-import type { ChartComponents } from './type';
+import type { ChartComponents, ComponentErrorRender, ErrorRender } from './type';
 type RenderVisChartProps = {
     content: string;
     components: ChartComponents;
     debug?: boolean;
     loadingTimeout: number;
     style?: React.CSSProperties;
+    componentErrorRender?: (errorInfo: ComponentErrorRender) => React.ReactElement;
+    errorRender?: (errorInfo: ErrorRender) => React.ReactElement;
 };
 export declare const RenderVisChart: React.FC<RenderVisChartProps>;
 export {};

package/dist/cjs/ChartCodeRender/VisChart.js

@@ -32,40 +32,46 @@ __export(VisChart_exports, {
   RenderVisChart: () => RenderVisChart
 });
 module.exports = __toCommonJS(VisChart_exports);
+var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+var import_react_error_boundary = require("react-error-boundary");
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_json = __toESM(require("react-syntax-highlighter/dist/cjs/languages/hljs/json"));
+var import_hljs = require("react-syntax-highlighter/dist/esm/styles/hljs");
 var import_Loading = __toESM(require("./Loading"));
-var StyledGPTVis = import_styled_components.default.div`
-  min-width: 300px;
-  height: 300px;
-  max-width: 100%;
-`;
-var GlobalStyles = import_styled_components.createGlobalStyle`
-  pre:has(.gpt-vis) {
-    overflow: hidden;
-  }
-`;
+var import_styles = require("./styles");
+var import_utils = require("./utils");
+import_react_syntax_highlighter.Light.registerLanguage("json", import_json.default);
 var RenderVisChart = (0, import_react.memo)(
-  ({ style, content, components, debug, loadingTimeout }) => {
+  ({ style, content, components, debug, loadingTimeout, componentErrorRender, errorRender }) => {
     const timeoutRef = (0, import_react.useRef)();
     const [loading, setLoading] = (0, import_react.useState)(true);
+    const [activeTab, setActiveTab] = (0, import_react.useState)("chart");
+    const [hasRenderError, setHasRenderError] = (0, import_react.useState)(false);
     let chartJson;
     try {
       chartJson = JSON.parse(content);
     } catch (e) {
+      const parseError = e;
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
         if (debug) {
-          console.warn("GPT-Vis withChartCode parse content timeout");
+          console.warn("GPT-Vis parse content timeout!");
         }
       }
       timeoutRef.current = setTimeout(() => {
         setLoading(false);
       }, loadingTimeout);
       if (loading) {
-        return /* @__PURE__ */ import_react.default.createElement(StyledGPTVis, { className: "gpt-vis", style }, /* @__PURE__ */ import_react.default.createElement(import_Loading.default, null));
+        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGPTVis, { className: "gpt-vis", style }, /* @__PURE__ */ import_react.default.createElement(import_Loading.default, null));
+      }
+      if (errorRender) {
+        return errorRender({
+          error: parseError,
+          content
+        });
       }
-      return /* @__PURE__ */ import_react.default.createElement("p", null, "Chart generation timeout.");
+      return /* @__PURE__ */ import_react.default.createElement("div", null, " GPT-Vis parse content error! ");
     }
     const { type, ...chartProps } = chartJson;
     const ChartComponent = components[type];
@@ -73,9 +79,62 @@ var RenderVisChart = (0, import_react.memo)(
       console.log("GPT-Vis withChartCode get chartJson parse from vis-chart code block", chartJson);
     }
     if (!ChartComponent) {
-      return /* @__PURE__ */ import_react.default.createElement("p", null, `Chart type "${type}" is not supported.`);
+      const message = `Chart type "${type}" is not supported.`;
+      if (errorRender) {
+        return errorRender({
+          error: new Error(message),
+          content
+        });
+      }
+      return /* @__PURE__ */ import_react.default.createElement("div", null, " ", message, " ");
     }
-    return /* @__PURE__ */ import_react.default.createElement(StyledGPTVis, { className: "gpt-vis", style }, /* @__PURE__ */ import_react.default.createElement(GlobalStyles, null), /* @__PURE__ */ import_react.default.createElement(ChartComponent, { ...chartProps }));
+    const FallbackComponent = (fallbackProps) => {
+      const { error } = fallbackProps;
+      if (!hasRenderError) {
+        setHasRenderError(true);
+        setActiveTab("code");
+      }
+      if (componentErrorRender) {
+        return componentErrorRender({
+          error,
+          content
+        });
+      }
+      return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_styles.ErrorMessage, null, "图表渲染失败"));
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_styles.TabContainer, { style }, /* @__PURE__ */ import_react.default.createElement(import_styles.TabHeader, null, /* @__PURE__ */ import_react.default.createElement(import_styles.TabLeftGroup, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTabButton, { active: activeTab === "chart", onClick: () => setActiveTab("chart") }, "图表"), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTabButton, { active: activeTab === "code", onClick: () => setActiveTab("code") }, "代码")), /* @__PURE__ */ import_react.default.createElement(import_styles.TabRightGroup, null, activeTab === "code" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.CopyButton, { onClick: () => (0, import_utils.handleCopyCode)(chartJson) }, /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, null), "复制")))), /* @__PURE__ */ import_react.default.createElement(import_styles.TabContent, null, activeTab === "chart" ? /* @__PURE__ */ import_react.default.createElement(
+      import_react_error_boundary.ErrorBoundary,
+      {
+        FallbackComponent,
+        onError: (error, errorInfo) => {
+          console.error("GPT-Vis Render error:", error);
+          if (!hasRenderError) {
+            setHasRenderError(true);
+            setActiveTab("code");
+          }
+          if (debug) {
+            console.error("GPT-Vis Render error info:", errorInfo);
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGPTVis, { className: "gpt-vis" }, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyles, null), /* @__PURE__ */ import_react.default.createElement(import_styles.ChartWrapper, null, /* @__PURE__ */ import_react.default.createElement(ChartComponent, { ...chartProps })))
+    ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { maxHeight: 500, overflow: "auto" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_react_syntax_highlighter.Light,
+      {
+        language: "json",
+        style: import_hljs.magula,
+        showLineNumbers: false,
+        wrapLines: true,
+        customStyle: {
+          background: "transparent",
+          padding: "16px",
+          margin: 0,
+          fontSize: "12px",
+          lineHeight: "1"
+        }
+      },
+      JSON.stringify(chartJson, null, 2) || content
+    ))));
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/ChartCodeRender/index.js

@@ -53,7 +53,9 @@ var withCodeBlock = (options) => {
       defaultRenderer: DefaultRenderer,
       debug,
       loadingTimeout = 5e3,
-      style
+      style,
+      errorRender,
+      componentErrorRender
     } = options;
     if (isVisChart) {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -63,7 +65,9 @@ var withCodeBlock = (options) => {
           content,
           components,
           debug,
-          loadingTimeout
+          loadingTimeout,
+          errorRender,
+          componentErrorRender
         }
       );
     }

package/dist/cjs/ChartCodeRender/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CopyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabLeftGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabRightGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GlobalStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export declare const StyledTabButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active?: boolean | undefined;
+}>> & string;

package/dist/cjs/ChartCodeRender/styles.js

@@ -0,0 +1,205 @@
+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/ChartCodeRender/styles.ts
+var styles_exports = {};
+__export(styles_exports, {
+  ChartWrapper: () => ChartWrapper,
+  CopyButton: () => CopyButton,
+  ErrorMessage: () => ErrorMessage,
+  GlobalStyles: () => GlobalStyles,
+  StyledGPTVis: () => StyledGPTVis,
+  StyledTabButton: () => StyledTabButton,
+  TabContainer: () => TabContainer,
+  TabContent: () => TabContent,
+  TabHeader: () => TabHeader,
+  TabLeftGroup: () => TabLeftGroup,
+  TabRightGroup: () => TabRightGroup
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var StyledGPTVis = import_styled_components.default.div`
+  min-width: 300px;
+  height: 300px;
+  max-width: 100%;
+  overflow: hidden;
+  position: relative;
+  padding: 16px;
+`;
+var CopyButton = import_styled_components.default.button`
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  color: #494949;
+  height: 26px;
+  padding: 0 8px;
+  font-size: 12px;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transform: scale(1);
+  border-radius: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  cursor: pointer;
+  outline: none;
+  font-family: inherit;
+
+  &:hover,
+  &:focus {
+    color: #666;
+    background: #f5f5f5;
+    transform: scale(1.02);
+  }
+
+  &:active {
+    background: #e8e8e8;
+    transform: scale(0.98);
+  }
+
+  .anticon {
+    font-size: 12px;
+  }
+
+  /* 禁用状态 */
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+
+    &:hover,
+    &:focus,
+    &:active {
+      background: transparent;
+      transform: scale(1);
+    }
+  }
+`;
+var ChartWrapper = import_styled_components.default.div`
+  width: 100%;
+  height: 100%;
+
+  & > * {
+    max-width: 100%;
+    max-height: 100%;
+  }
+`;
+var TabContainer = import_styled_components.default.div`
+  border-radius: 8px;
+  overflow: hidden;
+`;
+var TabHeader = import_styled_components.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #f5f5f5;
+  padding: 6px 14px 6px 6px;
+  gap: 2px;
+  position: relative;
+  z-index: 10;
+`;
+var TabLeftGroup = import_styled_components.default.div`
+  display: flex;
+  gap: 2px;
+`;
+var TabRightGroup = import_styled_components.default.div`
+  display: flex;
+  gap: 4px;
+  align-items: center;
+`;
+var TabContent = import_styled_components.default.div`
+  background: #fff;
+  overflow: hidden;
+  position: relative;
+  background: #fafafa;
+`;
+var ErrorMessage = import_styled_components.default.div`
+  height: 150px;
+  font-size: 12px;
+  color: #666;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+var GlobalStyles = import_styled_components.createGlobalStyle`
+  pre:has(.gpt-vis) {
+    overflow: hidden;
+  }
+`;
+var StyledTabButton = import_styled_components.default.button`
+  border: none;
+  box-shadow: none;
+  background: ${(props) => props.active ? "#fff" : "transparent"};
+  color: #494949;
+  border-radius: 8px;
+  height: 26px;
+  width: 52px;
+  font-size: 12px;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transform: scale(1);
+  cursor: pointer;
+  outline: none;
+  font-family: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  /* 选中状态的阴影效果 */
+  ${(props) => props.active && `
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+  `}
+
+  &:hover,
+  &:focus {
+    background: ${(props) => props.active ? "#fff" : "#f0f0f0"};
+    color: #494949;
+    box-shadow: ${(props) => props.active ? "0 2px 6px rgba(0, 0, 0, 0.12)" : "0 1px 3px rgba(0, 0, 0, 0.06)"};
+    transform: scale(1.02);
+  }
+
+  &:active {
+    background: ${(props) => props.active ? "#fff" : "#e8e8e8"};
+    transform: scale(0.96);
+    box-shadow: ${(props) => props.active ? "0 1px 2px rgba(0, 0, 0, 0.1)" : "0 1px 2px rgba(0, 0, 0, 0.04)"};
+    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+  }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChartWrapper,
+  CopyButton,
+  ErrorMessage,
+  GlobalStyles,
+  StyledGPTVis,
+  StyledTabButton,
+  TabContainer,
+  TabContent,
+  TabHeader,
+  TabLeftGroup,
+  TabRightGroup
+});

package/dist/cjs/ChartCodeRender/type.d.ts

@@ -1,5 +1,20 @@
 import type { FC } from 'react';
 import type { Components, ExtraProps } from 'react-markdown';
+/**
+ * 错误渲染函数类型
+ */
+export type ErrorRender = {
+    /** 错误对象 */
+    error?: Error;
+    /** 原始内容 */
+    content: string;
+};
+export type ComponentErrorRender = {
+    /** 错误对象 */
+    error?: Error;
+    /** 原始内容 */
+    content: string;
+};
 export type WithChartCodeOptions = {
     /**
      * 要额外加载的图表组件
@@ -25,6 +40,14 @@ export type WithChartCodeOptions = {
      * 图表样式，配置容器样式
      */
     style?: React.CSSProperties;
+    /**
+     * 自定义组件错误渲染函数
+     */
+    componentErrorRender?: (errorInfo: ComponentErrorRender) => React.ReactElement;
+    /**
+     * 自定义错误渲染函数
+     */
+    errorRender?: (errorInfo: ErrorRender) => React.ReactElement;
 };
 /**
  * 图表渲染数据接口，后续拓展，这里只是写个示例

package/dist/cjs/ChartCodeRender/utils.d.ts

@@ -0,0 +1 @@
+export declare const handleCopyCode: (data: any) => Promise<void>;

package/dist/cjs/ChartCodeRender/utils.js

@@ -0,0 +1,51 @@
+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/ChartCodeRender/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  handleCopyCode: () => handleCopyCode
+});
+module.exports = __toCommonJS(utils_exports);
+var import_copy_text_to_clipboard = __toESM(require("copy-text-to-clipboard"));
+var handleCopyCode = async (data) => {
+  try {
+    const codeText = JSON.stringify(data, null, 2);
+    const success = (0, import_copy_text_to_clipboard.default)(codeText);
+    if (!success) {
+      throw new Error("复制失败");
+    }
+  } catch (err) {
+    console.error("复制失败:", err);
+    throw err;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handleCopyCode
+});

package/dist/cjs/index.d.ts

@@ -4,7 +4,7 @@ export * from './export';
 export * from './types';
 /********** export GPTVis **********/
 export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
-export type { CodeBlockComponent, WithChartCodeOptions } from './ChartCodeRender/type';
+export type { CodeBlockComponent, ErrorRender, WithChartCodeOptions } from './ChartCodeRender/type';
 export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
 export { default as GPTVis, type GPTVisProps } from './GPTVis';
 export { default as GPTVisLite, useEventPublish, type GPTVisLiteProps } from './GPTVis/Lite';

package/dist/cjs/utils/map/style.d.ts

@@ -26,14 +26,14 @@ declare const formatMakerStyle: (data: MarkerData[], markerStyle?: Partial<Marke
         padding: number;
     };
     id: string;
-    iconPath: string;
     width: number;
     height?: number | undefined;
     alpha?: number | undefined;
+    latitude: number;
+    longitude: number;
+    iconPath: string;
     anchorX: number;
     anchorY: number;
-    longitude: number;
-    latitude: number;
 }[];
 declare const DefaultPolylineStyle: {
     width: number;

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.4.7";
+declare const _default: "0.5.0";
 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.4.7";
+var version_default = "0.5.0";

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

@@ -1,11 +1,13 @@
 import React from 'react';
-import type { ChartComponents } from './type';
+import type { ChartComponents, ComponentErrorRender, ErrorRender } from './type';
 type RenderVisChartProps = {
     content: string;
     components: ChartComponents;
     debug?: boolean;
     loadingTimeout: number;
     style?: React.CSSProperties;
+    componentErrorRender?: (errorInfo: ComponentErrorRender) => React.ReactElement;
+    errorRender?: (errorInfo: ErrorRender) => React.ReactElement;
 };
 export declare const RenderVisChart: React.FC<RenderVisChartProps>;
 export {};