@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Plugins/chart/ScatterChart/style.js

@@ -1,101 +1,115 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Plugins/chart/ScatterChart/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [`${token.componentCls}-container`]: {
-      // 散点图容器样式
-      [`${token.componentCls}-chart-wrapper`]: {
-        width: "100%",
-        height: "calc(100% - 120px)",
-        // 减去头部和筛选器的高度
-        minHeight: "300px",
-        // 最小高度
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        overflow: "hidden"
-        // 防止内容溢出
-      },
-      // 统计数据容器样式
-      [`${token.componentCls}-statistic-container`]: {
-        display: "flex",
-        gap: "16px",
-        marginBottom: "16px",
-        flexWrap: "wrap",
-        alignItems: "flex-start"
-      },
-      // 确保图表不会超出容器边界
-      canvas: {
-        maxWidth: "100% !important",
-        maxHeight: "100% !important"
-      },
-      // 移动端响应式样式
-      "@media (max-width: 768px)": {
-        // 移动端优化
-        [`${token.componentCls}-chart-wrapper`]: {
-          height: "calc(100% - 100px)",
-          // 移动端减少更多空间
-          minHeight: "250px"
-          // 移动端最小高度
-        },
-        // 移动端图表标题样式优化
-        [`${token.componentCls}-chart-title`]: {
-          fontSize: "14px",
-          marginBottom: "8px",
-          textAlign: "center"
-        },
-        // 移动端筛选器样式优化
-        [`${token.componentCls}-chart-filter`]: {
-          flexWrap: "wrap",
-          gap: "8px",
-          marginBottom: "12px",
-          [`${token.componentCls}-filter-button`]: {
-            fontSize: "12px",
-            padding: "6px 12px"
-          }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      },
-      // 超小屏幕优化 (375px以下)
-      "@media (max-width: 375px)": {
-        padding: "8px",
-        [`${token.componentCls}-chart-wrapper`]: {
-          minHeight: "220px"
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
         }
-      }
+        keys.push.apply(keys, symbols);
     }
-  };
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { resetComponent, useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj, _obj1;
+    return _define_property({}, "".concat(token.componentCls, "-container"), (_obj1 = {}, // 散点图容器样式
+    _define_property(_obj1, "".concat(token.componentCls, "-chart-wrapper"), {
+        width: '100%',
+        height: 'calc(100% - 120px)',
+        minHeight: '300px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden'
+    }), // 统计数据容器样式
+    _define_property(_obj1, "".concat(token.componentCls, "-statistic-container"), {
+        display: 'flex',
+        gap: '16px',
+        marginBottom: '16px',
+        flexWrap: 'wrap',
+        alignItems: 'flex-start'
+    }), // 确保图表不会超出容器边界
+    _define_property(_obj1, "canvas", {
+        maxWidth: '100% !important',
+        maxHeight: '100% !important'
+    }), _define_property(_obj1, // 移动端响应式样式
+    '@media (max-width: 768px)', (_obj = {}, // 移动端优化
+    _define_property(_obj, "".concat(token.componentCls, "-chart-wrapper"), {
+        height: 'calc(100% - 100px)',
+        minHeight: '250px'
+    }), // 移动端图表标题样式优化
+    _define_property(_obj, "".concat(token.componentCls, "-chart-title"), {
+        fontSize: '14px',
+        marginBottom: '8px',
+        textAlign: 'center'
+    }), // 移动端筛选器样式优化
+    _define_property(_obj, "".concat(token.componentCls, "-chart-filter"), _define_property({
+        flexWrap: 'wrap',
+        gap: '8px',
+        marginBottom: '12px'
+    }, "".concat(token.componentCls, "-filter-button"), {
+        fontSize: '12px',
+        padding: '6px 12px'
+    })), _obj)), // 超小屏幕优化 (375px以下)
+    _define_property(_obj1, '@media (max-width: 375px)', _define_property({
+        padding: '8px'
+    }, "".concat(token.componentCls, "-chart-wrapper"), {
+        minHeight: '220px'
+    })), _obj1));
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("ScatterChart", (token) => {
-    const scatterChartToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * ScatterChart Style
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('ScatterChart', function(token) {
+        var scatterChartToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(scatterChartToken),
+            genStyle(scatterChartToken)
+        ];
     });
-    return [resetComponent(scatterChartToken), genStyle(scatterChartToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Plugins/chart/components/ChartContainer/ChartContainer.js

@@ -1,87 +1,158 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  return target;
-};
-
-// src/Plugins/chart/components/ChartContainer/ChartContainer.tsx
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(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 _object_without_properties_loose(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 classNames from "classnames";
 import React from "react";
 import ChartErrorBoundary from "./ChartErrorBoundary";
 import { useStyle } from "./style";
-var ChartContainer = (_a) => {
-  var _b = _a, {
-    baseClassName,
-    className,
-    children,
-    style,
-    theme = "light",
-    variant = "default",
-    isMobile = false,
-    errorBoundary = { enabled: true }
-  } = _b, restProps = __objRest(_b, [
-    "baseClassName",
-    "className",
-    "children",
-    "style",
-    "theme",
-    "variant",
-    "isMobile",
-    "errorBoundary"
-  ]);
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  const combinedClassName = classNames(
-    baseClassName,
-    hashId,
-    {
-      [`${baseClassName}-light-theme`]: theme === "light",
-      [`${baseClassName}-dark-theme`]: theme === "dark",
-      [`${baseClassName}-mobile`]: isMobile,
-      [`${baseClassName}-desktop`]: !isMobile,
-      [`${baseClassName}-outline`]: variant === "outline",
-      [`${baseClassName}-borderless`]: variant === "borderless"
-    },
-    className
-  );
-  const containerContent = /* @__PURE__ */ React.createElement("div", __spreadValues({ className: combinedClassName, style }, restProps), children);
-  if ((errorBoundary == null ? void 0 : errorBoundary.enabled) !== false) {
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        ChartErrorBoundary,
-        {
-          fallback: errorBoundary == null ? void 0 : errorBoundary.fallback,
-          onError: errorBoundary == null ? void 0 : errorBoundary.onError
-        },
-        containerContent
-      )
-    );
-  }
-  return wrapSSR(containerContent);
-};
-var ChartContainer_default = ChartContainer;
-export {
-  ChartContainer_default as default
+/**
+ * ChartContainer 组件 - 图表容器组件
+ *
+ * 该组件用于统一管理图表组件的 className 逻辑，包括 baseClassName、hashId 和自定义 className 的组合。
+ * 提供一致的样式管理、SSR 支持和错误边界保护。
+ *
+ * @component
+ * @description 图表容器组件，统一管理图表组件的样式类名和错误处理
+ * @param {ChartContainerProps} props - 组件属性
+ * @param {string} props.baseClassName - 基础类名
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.ReactNode} props.children - 子元素
+ * @param {React.CSSProperties} [props.style] - 样式对象
+ * @param {'light' | 'dark'} [props.theme='light'] - 图表主题
+ * @param {boolean} [props.isMobile=false] - 是否为移动端
+ * @param {object} [props.errorBoundary] - 错误边界配置
+ * @param {boolean} [props.errorBoundary.enabled=true] - 是否启用错误边界
+ * @param {React.ReactNode} [props.errorBoundary.fallback] - 错误时的回退UI
+ * @param {function} [props.errorBoundary.onError] - 错误回调函数
+ * @param {boolean} [props.errorBoundary.showError] - 是否显示错误详情
+ *
+ * @example
+ * ```tsx
+ * // 基础使用
+ * <ChartContainer
+ *   baseClassName="area-chart-container"
+ *   className="custom-chart"
+ *   theme="light"
+ *   isMobile={false}
+ *   style={{ width: 600, height: 400 }}
+ * >
+ *   <div>图表内容</div>
+ * </ChartContainer>
+ *
+ * // 自定义错误边界
+ * <ChartContainer
+ *   baseClassName="line-chart-container"
+ *   errorBoundary={{
+ *     enabled: true,
+ *     fallback: <div>自定义错误提示</div>,
+ *     onError: (error, errorInfo) => {
+ *       console.error('图表错误:', error);
+ *       // 上报错误到监控系统
+ *     },
+ *     showError: true
+ *   }}
+ * >
+ *   <MyChart />
+ * </ChartContainer>
+ *
+ * // 禁用错误边界
+ * <ChartContainer
+ *   baseClassName="pie-chart-container"
+ *   errorBoundary={{ enabled: false }}
+ * >
+ *   <PieChart />
+ * </ChartContainer>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的图表容器组件
+ *
+ * @remarks
+ * - 自动处理 baseClassName、hashId 和自定义 className 的组合
+ * - 提供 SSR 支持
+ * - 支持样式隔离
+ * - 统一的样式管理
+ * - 内置错误边界保护，防止图表错误影响整个应用
+ * - 错误边界默认启用，可通过配置禁用或自定义
+ */ var ChartContainer = function(_param) {
+    var baseClassName = _param.baseClassName, className = _param.className, children = _param.children, style = _param.style, _param_theme = _param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_isMobile = _param.isMobile, isMobile = _param_isMobile === void 0 ? false : _param_isMobile, _param_errorBoundary = _param.errorBoundary, errorBoundary = _param_errorBoundary === void 0 ? {
+        enabled: true
+    } : _param_errorBoundary, restProps = _object_without_properties(_param, [
+        "baseClassName",
+        "className",
+        "children",
+        "style",
+        "theme",
+        "variant",
+        "isMobile",
+        "errorBoundary"
+    ]);
+    var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _obj;
+    // 构建动态类名
+    var combinedClassName = classNames(baseClassName, hashId, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-light-theme"), theme === 'light'), _define_property(_obj, "".concat(baseClassName, "-dark-theme"), theme === 'dark'), _define_property(_obj, "".concat(baseClassName, "-mobile"), isMobile), _define_property(_obj, "".concat(baseClassName, "-desktop"), !isMobile), _define_property(_obj, "".concat(baseClassName, "-outline"), variant === 'outline'), _define_property(_obj, "".concat(baseClassName, "-borderless"), variant === 'borderless'), _obj), className);
+    var containerContent = /*#__PURE__*/ React.createElement("div", _object_spread({
+        className: combinedClassName,
+        style: style
+    }, restProps), children);
+    // 如果启用了错误边界，则包装内容
+    if ((errorBoundary === null || errorBoundary === void 0 ? void 0 : errorBoundary.enabled) !== false) {
+        return wrapSSR(/*#__PURE__*/ React.createElement(ChartErrorBoundary, {
+            fallback: errorBoundary === null || errorBoundary === void 0 ? void 0 : errorBoundary.fallback,
+            onError: errorBoundary === null || errorBoundary === void 0 ? void 0 : errorBoundary.onError
+        }, containerContent));
+    }
+    return wrapSSR(containerContent);
 };
+export default ChartContainer;

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.js

@@ -1,46 +1,165 @@
-// src/Plugins/chart/components/ChartContainer/ChartErrorBoundary.tsx
-import { Result } from "antd";
-import React from "react";
-var ChartErrorBoundary = class extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hasError: false
-    };
-  }
-  static getDerivedStateFromError(_error) {
-    return {
-      hasError: true
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
     };
-  }
-  componentDidCatch(error, errorInfo) {
-    if (this.props.onError) {
-      this.props.onError(error, errorInfo);
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
     }
-    if (true) {
-      console.error("ChartErrorBoundary caught an error:", error, errorInfo);
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
     }
-  }
-  render() {
-    const { hasError } = this.state;
-    const { children, fallback } = this.props;
-    if (hasError) {
-      if (fallback) {
-        return fallback;
-      }
-      return /* @__PURE__ */ React.createElement(
-        Result,
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+import { Result } from "antd";
+import React from "react";
+/**
+ * ChartErrorBoundary 组件 - 图表错误边界组件
+ *
+ * 该组件用于捕获图表组件渲染过程中的JavaScript错误，
+ * 防止错误传播到整个应用程序，并提供友好的错误提示界面。
+ *
+ * @component
+ * @description 图表错误边界组件，用于错误处理和恢复
+ * @param {ChartErrorBoundaryProps} props - 组件属性
+ * @param {ReactNode} props.children - 子元素
+ * @param {ReactNode} [props.fallback] - 错误时的回退UI
+ * @param {function} [props.onError] - 错误回调函数
+ * @param {boolean} [props.showError=false] - 是否显示错误详情
+ * @param {string} [props.className] - 自定义CSS类名
+ *
+ * @example
+ * ```tsx
+ * <ChartErrorBoundary
+ *   fallback={<div>图表加载失败</div>}
+ *   onError={(error, errorInfo) => console.error('Chart error:', error)}
+ *   showError={process.env.NODE_ENV === 'development'}
+ * >
+ *   <MyChart />
+ * </ChartErrorBoundary>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的错误边界组件
+ */ var ChartErrorBoundary = /*#__PURE__*/ function(_React_Component) {
+    "use strict";
+    _inherits(ChartErrorBoundary, _React_Component);
+    function ChartErrorBoundary(props) {
+        _class_call_check(this, ChartErrorBoundary);
+        var _this;
+        _this = _call_super(this, ChartErrorBoundary, [
+            props
+        ]);
+        _this.state = {
+            hasError: false
+        };
+        return _this;
+    }
+    _create_class(ChartErrorBoundary, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                // 调用错误回调函数
+                if (this.props.onError) {
+                    this.props.onError(error, errorInfo);
+                }
+                // 在开发环境下打印错误信息
+                if (process.env.NODE_ENV === 'development') {
+                    console.error('ChartErrorBoundary caught an error:', error, errorInfo);
+                }
+            }
+        },
         {
-          status: "error",
-          title: "图表渲染失败",
-          subTitle: "图表组件遇到了一个错误，请稍后重试"
+            key: "render",
+            value: function render() {
+                var hasError = this.state.hasError;
+                var _this_props = this.props, children = _this_props.children, fallback = _this_props.fallback;
+                if (hasError) {
+                    // 如果有自定义的fallback，使用自定义的
+                    if (fallback) {
+                        return fallback;
+                    }
+                    // 使用 antd Result 组件的简洁错误UI
+                    return /*#__PURE__*/ React.createElement(Result, {
+                        status: "error",
+                        title: "图表渲染失败",
+                        subTitle: "图表组件遇到了一个错误，请稍后重试"
+                    });
+                }
+                return children;
+            }
         }
-      );
-    }
-    return children;
-  }
-};
-var ChartErrorBoundary_default = ChartErrorBoundary;
-export {
-  ChartErrorBoundary_default as default
-};
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(// eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _error) {
+                // 更新 state 使下一次渲染能够显示降级后的 UI
+                return {
+                    hasError: true
+                };
+            }
+        }
+    ]);
+    return ChartErrorBoundary;
+}(React.Component);
+export default ChartErrorBoundary;