@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/plugins/chart/ChartRender.js

@@ -1,611 +0,0 @@
-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]);
-    }
-  return a;
-};
-
-// src/plugins/chart/ChartRender.tsx
-import { DownOutlined, SettingOutlined } from "@ant-design/icons";
-import { ProForm, ProFormSelect } from "@ant-design/pro-components";
-import { ConfigProvider, Descriptions, Dropdown, Popover, Table } from "antd";
-import React, { useContext, useMemo, useState } from "react";
-import { ActionIconBox } from "../../components/ActionIconBox";
-import { I18nContext } from "../../i18n";
-import AreaChart from "./AreaChart";
-import BarChart from "./BarChart";
-import DonutChart from "./DonutChart";
-import FunnelChart from "./FunnelChart";
-import LineChart from "./LineChart";
-import RadarChart from "./RadarChart";
-import ScatterChart from "./ScatterChart";
-import { isNotEmpty, toNumber } from "./utils";
-var getChartMap = (i18n) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  return {
-    pie: {
-      title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.pieChart) || "饼图",
-      changeData: ["donut"]
-    },
-    donut: {
-      title: ((_b = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _b.donutChart) || "环形图",
-      changeData: ["pie"]
-    },
-    bar: {
-      title: ((_c = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _c.barChart) || "条形图",
-      changeData: ["column", "line", "area"]
-    },
-    line: {
-      title: ((_d = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _d.lineChart) || "折线图",
-      changeData: ["column", "bar", "area"]
-    },
-    column: {
-      title: ((_e = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _e.columnChart) || "柱状图",
-      changeData: ["bar", "line", "area"]
-    },
-    area: {
-      title: ((_f = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _f.areaChart) || "面积图",
-      changeData: ["column", "bar", "line"]
-    },
-    radar: {
-      title: ((_g = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _g.radarChart) || "雷达图",
-      changeData: []
-    },
-    scatter: {
-      title: ((_h = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _h.scatterChart) || "散点图",
-      changeData: []
-    },
-    funnel: {
-      title: ((_i = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _i.funnelChart) || "漏斗图",
-      changeData: []
-    },
-    table: {
-      title: ((_j = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _j.table) || "表格",
-      changeData: ["column", "line", "area", "pie", "donut"]
-    },
-    descriptions: {
-      title: ((_k = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _k.descriptions) || "定义列表",
-      changeData: ["column", "line", "area", "pie", "donut"]
-    }
-  };
-};
-var ChartRender = (props) => {
-  const [chartType, setChartType] = useState(() => props.chartType);
-  const {
-    chartData,
-    isChartList,
-    onColumnLengthChange,
-    columnLength,
-    title,
-    dataTime,
-    groupBy,
-    filterBy,
-    colorLegend
-  } = props;
-  const i18n = useContext(I18nContext);
-  const [config, setConfig] = useState(() => props.config);
-  const [renderKey, setRenderKey] = useState(0);
-  const ChartMap = useMemo(() => getChartMap(i18n), [i18n]);
-  const getAxisTitles = () => {
-    var _a, _b, _c, _d;
-    const xCol = (_b = (_a = config == null ? void 0 : config.columns) == null ? void 0 : _a.find) == null ? void 0 : _b.call(
-      _a,
-      (c) => (c == null ? void 0 : c.dataIndex) === (config == null ? void 0 : config.x)
-    );
-    const yCol = (_d = (_c = config == null ? void 0 : config.columns) == null ? void 0 : _c.find) == null ? void 0 : _d.call(
-      _c,
-      (c) => (c == null ? void 0 : c.dataIndex) === (config == null ? void 0 : config.y)
-    );
-    return {
-      xTitle: (xCol == null ? void 0 : xCol.title) || String((config == null ? void 0 : config.x) || ""),
-      yTitle: (yCol == null ? void 0 : yCol.title) || String((config == null ? void 0 : config.y) || "")
-    };
-  };
-  const buildXIndexer = () => {
-    const map = /* @__PURE__ */ new Map();
-    let idx = 1;
-    (chartData || []).forEach((row) => {
-      const key = row == null ? void 0 : row[config == null ? void 0 : config.x];
-      if (isNotEmpty(key) && !map.has(key)) {
-        map.set(key, idx++);
-      }
-    });
-    return map;
-  };
-  const getFieldValue = (row, field) => {
-    if (field && isNotEmpty(row[field])) {
-      return String(row[field]);
-    }
-    return void 0;
-  };
-  const convertFlatData = useMemo(() => {
-    const { xTitle, yTitle } = getAxisTitles();
-    const xIndexer = buildXIndexer();
-    return (chartData || []).map((row, i) => {
-      var _a;
-      const rawX = row == null ? void 0 : row[config == null ? void 0 : config.x];
-      const rawY = row == null ? void 0 : row[config == null ? void 0 : config.y];
-      const category = getFieldValue(row, groupBy);
-      const type = getFieldValue(row, colorLegend);
-      const filterLabel = getFieldValue(row, filterBy);
-      const x = typeof rawX === "number" ? rawX : isNotEmpty(rawX) ? String(rawX) : String((_a = xIndexer.get(rawX)) != null ? _a : i + 1);
-      const y = typeof rawY === "number" ? rawY : isNotEmpty(rawY) ? String(rawY) : "";
-      return __spreadValues(__spreadValues(__spreadValues({
-        x,
-        y,
-        xtitle: xTitle,
-        ytitle: yTitle
-      }, type ? { type } : {}), category ? { category } : {}), filterLabel ? { filterLabel } : {});
-    });
-  }, [
-    JSON.stringify(chartData),
-    JSON.stringify(config),
-    title,
-    groupBy,
-    colorLegend,
-    filterBy
-  ]);
-  const convertDonutData = useMemo(() => {
-    return (chartData || []).map((row) => {
-      var _a;
-      const category = getFieldValue(row, groupBy);
-      const label = String((_a = row == null ? void 0 : row[config == null ? void 0 : config.x]) != null ? _a : "");
-      const value = toNumber(row == null ? void 0 : row[config == null ? void 0 : config.y], 0);
-      const filterLabel = getFieldValue(row, filterBy);
-      return __spreadValues(__spreadValues({
-        label,
-        value
-      }, category ? { category } : {}), filterLabel ? { filterLabel } : {});
-    });
-  }, [
-    JSON.stringify(chartData),
-    JSON.stringify(config),
-    title,
-    groupBy,
-    filterBy
-  ]);
-  React.useEffect(() => {
-    setChartType(props.chartType);
-  }, [props.chartType]);
-  const getChartPopover = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    return [
-      /* @__PURE__ */ React.createElement(
-        Dropdown,
-        {
-          key: "dropdown",
-          menu: {
-            items: ((_b = (_a = ChartMap[chartType]) == null ? void 0 : _a.changeData) == null ? void 0 : _b.map((key) => {
-              var _a2, _b2;
-              return {
-                key,
-                label: ((_a2 = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a2[key + "eChart"]) || ((_b2 = ChartMap[key]) == null ? void 0 : _b2.title),
-                onClick: () => {
-                  setChartType(key);
-                }
-              };
-            })) || []
-          },
-          getPopupContainer: () => document.body
-        },
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            style: {
-              fontSize: 12,
-              display: "flex",
-              alignItems: "center",
-              gap: 4,
-              border: "1px solid #f0f0f0",
-              padding: "4px 12px",
-              borderRadius: "1em"
-            }
-          },
-          (_c = ChartMap[chartType]) == null ? void 0 : _c.title,
-          /* @__PURE__ */ React.createElement(
-            DownOutlined,
-            {
-              style: {
-                fontSize: 8
-              }
-            }
-          )
-        )
-      ),
-      isChartList ? /* @__PURE__ */ React.createElement(
-        Dropdown,
-        {
-          key: "dropdown",
-          menu: {
-            items: new Array(4).fill(0).map((_, i) => {
-              return {
-                key: i + 1,
-                label: i + 1,
-                onClick: () => {
-                  onColumnLengthChange == null ? void 0 : onColumnLengthChange(i + 1);
-                }
-              };
-            })
-          },
-          getPopupContainer: () => document.body
-        },
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            style: {
-              fontSize: 12,
-              display: "flex",
-              alignItems: "center",
-              gap: 4,
-              border: "1px solid #f0f0f0",
-              padding: "4px 12px",
-              borderRadius: "1em"
-            }
-          },
-          columnLength,
-          " ",
-          ((_d = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _d.columns) || "列",
-          /* @__PURE__ */ React.createElement(
-            DownOutlined,
-            {
-              style: {
-                fontSize: 8
-              }
-            }
-          )
-        )
-      ) : null,
-      /* @__PURE__ */ React.createElement(
-        Popover,
-        {
-          arrow: false,
-          styles: {
-            body: {
-              padding: 8
-            }
-          },
-          key: "config",
-          title: ((_e = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _e.configChart) || "配置图表",
-          trigger: "click",
-          getPopupContainer: () => document.body,
-          content: /* @__PURE__ */ React.createElement(ConfigProvider, { componentSize: "small" }, /* @__PURE__ */ React.createElement(
-            ProForm,
-            {
-              submitter: {
-                searchConfig: {
-                  submitText: ((_f = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _f.updateChart) || "更新"
-                }
-              },
-              style: {
-                width: 300
-              },
-              initialValues: config,
-              onFinish: (values) => {
-                setConfig(__spreadValues(__spreadValues({}, props.config), values));
-                setRenderKey((k) => k + 1);
-              }
-            },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  maxHeight: "70vh",
-                  overflow: "auto"
-                }
-              },
-              /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    gap: 8
-                  }
-                },
-                /* @__PURE__ */ React.createElement(
-                  ProFormSelect,
-                  {
-                    label: "X",
-                    name: "x",
-                    fieldProps: {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                      }
-                    },
-                    options: (_h = (_g = config.columns) == null ? void 0 : _g.filter((item) => item.title)) == null ? void 0 : _h.map((item) => {
-                      return {
-                        label: item.title,
-                        value: item.dataIndex
-                      };
-                    })
-                  }
-                ),
-                /* @__PURE__ */ React.createElement(
-                  ProFormSelect,
-                  {
-                    name: "y",
-                    label: "Y",
-                    fieldProps: {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                      }
-                    },
-                    options: (_j = (_i = config.columns) == null ? void 0 : _i.filter((item) => item.title)) == null ? void 0 : _j.map((item) => {
-                      return {
-                        label: item.title,
-                        value: item.dataIndex
-                      };
-                    })
-                  }
-                )
-              )
-            )
-          ))
-        },
-        /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: ((_k = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _k.configChart) || "配置图表",
-            onClick: () => setRenderKey((k) => k + 1)
-          },
-          /* @__PURE__ */ React.createElement(SettingOutlined, { style: { color: "rgba(0, 25, 61, 0.3255)" } })
-        )
-      )
-    ].filter((item) => !!item);
-  };
-  const toolBar = getChartPopover();
-  const chartDom = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-    if (typeof window === "undefined")
-      return null;
-    if (false)
-      return null;
-    if (window == null ? void 0 : window.notRenderChart)
-      return null;
-    if (chartType === "table") {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: config == null ? void 0 : config.index,
-          contentEditable: false,
-          style: {
-            margin: 12,
-            overflow: "auto",
-            border: "1px solid #eee",
-            borderRadius: "0.5em",
-            flex: 1,
-            maxWidth: "calc(100% - 32px)",
-            maxHeight: 400,
-            userSelect: "none"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          Table,
-          {
-            size: "small",
-            dataSource: chartData,
-            columns: config == null ? void 0 : config.columns,
-            pagination: false,
-            rowKey: (record) => record.key
-          }
-        )
-      );
-    }
-    if (chartType === "pie") {
-      return /* @__PURE__ */ React.createElement(
-        DonutChart,
-        {
-          key: `${config == null ? void 0 : config.index}-pie-${renderKey}`,
-          data: convertDonutData,
-          configs: [{ chartStyle: "pie", showLegend: true }],
-          height: (config == null ? void 0 : config.height) || 400,
-          title,
-          showToolbar: true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "donut") {
-      return /* @__PURE__ */ React.createElement(
-        DonutChart,
-        {
-          key: `${config == null ? void 0 : config.index}-donut-${renderKey}`,
-          data: convertDonutData,
-          configs: [{ chartStyle: "donut", showLegend: true }],
-          height: (config == null ? void 0 : config.height) || 400,
-          title,
-          showToolbar: true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "bar") {
-      return /* @__PURE__ */ React.createElement(
-        BarChart,
-        {
-          key: `${config == null ? void 0 : config.index}-bar-${renderKey}`,
-          data: convertFlatData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          indexAxis: "y",
-          stacked: (_a = config == null ? void 0 : config.rest) == null ? void 0 : _a.stacked,
-          showLegend: (_c = (_b = config == null ? void 0 : config.rest) == null ? void 0 : _b.showLegend) != null ? _c : true,
-          showGrid: (_e = (_d = config == null ? void 0 : config.rest) == null ? void 0 : _d.showGrid) != null ? _e : true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "line") {
-      return /* @__PURE__ */ React.createElement(
-        LineChart,
-        {
-          key: `${config == null ? void 0 : config.index}-line-${renderKey}`,
-          data: convertFlatData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          showLegend: (_g = (_f = config == null ? void 0 : config.rest) == null ? void 0 : _f.showLegend) != null ? _g : true,
-          showGrid: (_i = (_h = config == null ? void 0 : config.rest) == null ? void 0 : _h.showGrid) != null ? _i : true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "column") {
-      return /* @__PURE__ */ React.createElement(
-        BarChart,
-        {
-          key: `${config == null ? void 0 : config.index}-column-${renderKey}`,
-          data: convertFlatData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          indexAxis: "x",
-          stacked: (_j = config == null ? void 0 : config.rest) == null ? void 0 : _j.stacked,
-          showLegend: (_l = (_k = config == null ? void 0 : config.rest) == null ? void 0 : _k.showLegend) != null ? _l : true,
-          showGrid: (_n = (_m = config == null ? void 0 : config.rest) == null ? void 0 : _m.showGrid) != null ? _n : true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "area") {
-      return /* @__PURE__ */ React.createElement(
-        AreaChart,
-        {
-          key: `${config == null ? void 0 : config.index}-area-${renderKey}`,
-          data: convertFlatData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          showLegend: (_p = (_o = config == null ? void 0 : config.rest) == null ? void 0 : _o.showLegend) != null ? _p : true,
-          showGrid: (_r = (_q = config == null ? void 0 : config.rest) == null ? void 0 : _q.showGrid) != null ? _r : true,
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "radar") {
-      const radarData = (chartData || []).map((row, i) => {
-        var _a2;
-        const filterLabel = getFieldValue(row, filterBy);
-        const category = getFieldValue(row, groupBy);
-        const type = getFieldValue(row, colorLegend);
-        return __spreadValues(__spreadValues(__spreadValues({
-          label: String((_a2 = row == null ? void 0 : row[config == null ? void 0 : config.x]) != null ? _a2 : i + 1),
-          score: row == null ? void 0 : row[config == null ? void 0 : config.y]
-        }, category ? { category } : {}), type ? { type } : {}), filterLabel ? { filterLabel } : {});
-      });
-      return /* @__PURE__ */ React.createElement(
-        RadarChart,
-        {
-          key: `${config == null ? void 0 : config.index}-radar-${renderKey}`,
-          data: radarData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "scatter") {
-      const scatterData = (chartData || []).map((row) => {
-        const filterLabel = getFieldValue(row, filterBy);
-        const category = getFieldValue(row, groupBy);
-        const type = getFieldValue(row, colorLegend);
-        return __spreadValues(__spreadValues(__spreadValues({
-          x: row == null ? void 0 : row[config == null ? void 0 : config.x],
-          y: row == null ? void 0 : row[config == null ? void 0 : config.y]
-        }, category ? { category } : {}), type ? { type } : {}), filterLabel ? { filterLabel } : {});
-      });
-      return /* @__PURE__ */ React.createElement(
-        ScatterChart,
-        {
-          key: `${config == null ? void 0 : config.index}-scatter-${renderKey}`,
-          data: scatterData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          dataTime,
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "funnel") {
-      const funnelData = (chartData || []).map((row, i) => {
-        var _a2;
-        const filterLabel = getFieldValue(row, filterBy);
-        const category = getFieldValue(row, groupBy);
-        const type = getFieldValue(row, colorLegend);
-        return __spreadValues(__spreadValues(__spreadValues(__spreadValues({
-          x: String((_a2 = row == null ? void 0 : row[config == null ? void 0 : config.x]) != null ? _a2 : i + 1),
-          y: toNumber(row == null ? void 0 : row[config == null ? void 0 : config.y], 0)
-        }, (row == null ? void 0 : row.ratio) !== void 0 ? { ratio: row.ratio } : {}), category ? { category } : {}), type ? { type } : {}), filterLabel ? { filterLabel } : {});
-      });
-      return /* @__PURE__ */ React.createElement(
-        FunnelChart,
-        {
-          key: `${config == null ? void 0 : config.index}-funnel-${renderKey}`,
-          data: funnelData,
-          height: (config == null ? void 0 : config.height) || 400,
-          title: title || "",
-          dataTime,
-          typeNames: { rate: "转化率", name: colorLegend || "转化" },
-          toolbarExtra: toolBar
-        }
-      );
-    }
-    if (chartType === "descriptions" || chartData.length < 2 && (config == null ? void 0 : config.columns.length) > 8) {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: config == null ? void 0 : config.index,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 8
-          }
-        },
-        chartData.map((row) => {
-          return /* @__PURE__ */ React.createElement(
-            Descriptions,
-            {
-              bordered: true,
-              key: config == null ? void 0 : config.index,
-              column: {
-                xxl: 2,
-                xl: 2,
-                lg: 2,
-                md: 2,
-                sm: 1,
-                xs: 1
-              },
-              items: config == null ? void 0 : config.columns.map((column) => {
-                if (!column.title || !column.dataIndex)
-                  return null;
-                return {
-                  label: column.title || "",
-                  children: row[column.dataIndex]
-                };
-              }).filter((item) => !!item)
-            }
-          );
-        })
-      );
-    }
-  }, [chartType, JSON.stringify(chartData), JSON.stringify(config)]);
-  if (!chartDom)
-    return null;
-  return chartDom;
-};
-export {
-  ChartRender
-};

package/dist/plugins/chart/ChartStatistic/index.js

@@ -1,70 +0,0 @@
-// src/plugins/chart/ChartStatistic/index.tsx
-import { QuestionCircleOutlined } from "@ant-design/icons";
-import { ConfigProvider, Tooltip } from "antd";
-import classNames from "classnames";
-import { default as React, useContext } from "react";
-import { useStyle } from "./style";
-import { formatNumber } from "./utils";
-var ChartStatistic = ({
-  title,
-  tooltip,
-  value,
-  precision,
-  groupSeparator = ",",
-  prefix = "",
-  suffix = "",
-  formatter,
-  className = "",
-  theme = "light",
-  size = "default",
-  block = false,
-  extra
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("chart-statistic");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const renderValue = () => {
-    if (formatter) {
-      return formatter(value);
-    }
-    const formatOptions = {
-      precision,
-      groupSeparator
-    };
-    return formatNumber(value, formatOptions);
-  };
-  const renderHeader = () => {
-    if (!title && !extra)
-      return null;
-    const titleElement = title ? /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-title`, hashId) }, title) : null;
-    const questionIcon = tooltip ? /* @__PURE__ */ React.createElement(Tooltip, { mouseEnterDelay: 0.3, title: tooltip, placement: "top" }, /* @__PURE__ */ React.createElement(
-      QuestionCircleOutlined,
-      {
-        className: classNames(`${prefixCls}-question-icon`, hashId)
-      }
-    )) : null;
-    const extraElement = extra ? /* @__PURE__ */ React.createElement("div", null, extra) : null;
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-left`, hashId) }, titleElement, questionIcon), extraElement);
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          prefixCls,
-          `${prefixCls}-${theme}`,
-          size !== "default" && `${prefixCls}-${size}`,
-          block && `${prefixCls}-block`,
-          hashId,
-          className
-        )
-      },
-      renderHeader(),
-      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-value`, hashId) }, prefix && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-value-prefix`, hashId) }, prefix), renderValue(), suffix && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-value-suffix`, hashId) }, suffix))
-    )
-  );
-};
-var ChartStatistic_default = ChartStatistic;
-export {
-  ChartStatistic_default as default
-};