@ant-design/agentic-ui 2.8.0 → 2.9.0

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

@@ -1,682 +1,675 @@
-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 _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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));
-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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-  return target;
-};
-
-// src/Plugins/chart/ScatterChart/index.tsx
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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;
+}
+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;
+}
+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;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { ConfigProvider } from "antd";
-import {
-  Chart as ChartJS,
-  Legend,
-  LinearScale,
-  LineElement,
-  PointElement,
-  Tooltip
-} from "chart.js";
+import { Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Tooltip } from "chart.js";
 import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Scatter } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
-import {
-  ChartContainer,
-  ChartFilter,
-  ChartToolBar,
-  downloadChart
-} from "../components";
+import { ChartContainer, ChartFilter, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
 import { useStyle } from "./style";
 var scatterChartComponentsRegistered = false;
-var ScatterChart = (_a) => {
-  var _b = _a, {
-    data,
-    width = 600,
-    height = 400,
-    className,
-    title,
-    toolbarExtra,
-    renderFilterInToolbar = false,
-    dataTime,
-    xUnit = "月",
-    yUnit,
-    xAxisLabel,
-    yAxisLabel,
-    xPosition = "bottom",
-    yPosition = "left",
-    hiddenX = false,
-    hiddenY = false,
-    showGrid = true,
-    color,
-    statistic: statisticConfig,
-    textMaxWidth = 80
-  } = _b, props = __objRest(_b, [
-    "data",
-    "width",
-    "height",
-    "className",
-    "title",
-    "toolbarExtra",
-    "renderFilterInToolbar",
-    "dataTime",
-    "xUnit",
-    "yUnit",
-    "xAxisLabel",
-    "yAxisLabel",
-    "xPosition",
-    "yPosition",
-    "hiddenX",
-    "hiddenY",
-    "showGrid",
-    "color",
-    "statistic",
-    "textMaxWidth"
-  ]);
-  useMemo(() => {
-    if (scatterChartComponentsRegistered) {
-      return void 0;
-    }
-    if (typeof window === "undefined") {
-      return void 0;
-    }
-    ChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend);
-    scatterChartComponentsRegistered = true;
-    return void 0;
-  }, []);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("scatter-chart");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const statistics = useMemo(() => {
-    if (!statisticConfig)
-      return null;
-    if (Array.isArray(statisticConfig) && statisticConfig.length === 0)
-      return null;
-    return Array.isArray(statisticConfig) ? statisticConfig : [statisticConfig];
-  }, [statisticConfig]);
-  const [windowWidth, setWindowWidth] = useState(
-    typeof window !== "undefined" ? window.innerWidth : 768
-  );
-  const isMobile = windowWidth <= 768;
-  const responsiveWidth = isMobile ? "100%" : width;
-  const responsiveHeight = isMobile ? Math.min(windowWidth * 0.8, 400) : height;
-  useEffect(() => {
-    const handleResize = () => {
-      setWindowWidth(window.innerWidth);
-    };
-    if (typeof window !== "undefined") {
-      window.addEventListener("resize", handleResize);
-      return () => window.removeEventListener("resize", handleResize);
-    }
-  }, []);
-  useEffect(() => {
-    return () => {
-      const tooltipEl = document.getElementById("custom-scatter-tooltip");
-      if (tooltipEl) {
-        document.body.removeChild(tooltipEl);
-      }
-    };
-  }, []);
-  const chartRef = useRef(null);
-  const safeData = !data || !Array.isArray(data) ? [] : data.filter(
-    (item) => item !== null && item !== void 0 && typeof item === "object" && "x" in item && "y" in item
-  );
-  const categories = Array.from(
-    new Set(
-      safeData.map((item) => item == null ? void 0 : item.category).filter((category) => Boolean(category))
-    )
-  );
-  const validFilterLabels = safeData.map((item) => item == null ? void 0 : item.filterLabel).filter(
-    (category) => category !== void 0 && category !== null && Boolean(category)
-  );
-  const filterLabels = validFilterLabels.length > 0 ? Array.from(new Set(validFilterLabels)) : void 0;
-  const [selectedFilter, setSelectedFilter] = useState(
-    () => categories.find((cat) => Boolean(cat)) || ""
-  );
-  const [selectedFilterLabel, setSelectedFilterLabel] = useState(
-    () => filterLabels && filterLabels.length > 0 ? filterLabels[0] : void 0
-  );
-  const filteredData = safeData.filter((item) => {
-    if (!item)
-      return false;
-    if (!selectedFilter)
-      return true;
-    const categoryMatch = (item == null ? void 0 : item.category) === selectedFilter;
-    if (!filterLabels || !selectedFilterLabel) {
-      return categoryMatch;
-    }
-    return categoryMatch && (item == null ? void 0 : item.filterLabel) === selectedFilterLabel;
-  });
-  const datasetTypes = Array.from(
-    new Set(
-      filteredData.map((item) => item == null ? void 0 : item.type).filter((type) => Boolean(type))
-    )
-  );
-  if (safeData.length === 0 || datasetTypes.length === 0) {
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        ChartContainer,
-        {
-          baseClassName: classNames(`${prefixCls}-container`),
-          theme: "light",
-          className: classNames(hashId, className),
-          isMobile,
-          variant: props.variant,
-          style: {
-            width: responsiveWidth,
-            height: responsiveHeight
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          ChartToolBar,
-          {
-            title: title || "散点图",
-            onDownload: () => {
-            },
-            extra: toolbarExtra,
-            dataTime
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-empty-wrapper`, hashId),
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              height: responsiveHeight,
-              color: "#999",
-              fontSize: "14px"
-            }
-          },
-          "暂无有效数据"
-        )
-      )
-    );
-  }
-  const datasets = datasetTypes.map((type, index) => {
-    const typeData = filteredData.filter((item) => (item == null ? void 0 : item.type) === type);
-    const coordinates = typeData.map((item) => {
-      if (!item)
-        return { x: 0, y: 0 };
-      let x = 0, y = 0;
-      if (item.x !== null && item.x !== void 0) {
-        if (typeof item.x === "number") {
-          x = Number.isFinite(item.x) ? item.x : 0;
-        } else if (typeof item.x === "string") {
-          const trimmed = item.x.trim();
-          if (trimmed !== "" && trimmed !== "null" && trimmed !== "undefined") {
-            const parsed = Number(trimmed);
-            x = Number.isFinite(parsed) ? parsed : 0;
-          }
+var ScatterChart = function(_param) {
+    var data = _param.data, _param_width = _param.width, width = _param_width === void 0 ? 600 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 400 : _param_height, className = _param.className, title = _param.title, toolbarExtra = _param.toolbarExtra, _param_renderFilterInToolbar = _param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, dataTime = _param.dataTime, _param_xUnit = _param.xUnit, xUnit = _param_xUnit === void 0 ? '月' : _param_xUnit, yUnit = _param.yUnit, xAxisLabel = _param.xAxisLabel, yAxisLabel = _param.yAxisLabel, _param_xPosition = _param.xPosition, xPosition = _param_xPosition === void 0 ? 'bottom' : _param_xPosition, _param_yPosition = _param.yPosition, yPosition = _param_yPosition === void 0 ? 'left' : _param_yPosition, _param_hiddenX = _param.hiddenX, hiddenX = _param_hiddenX === void 0 ? false : _param_hiddenX, _param_hiddenY = _param.hiddenY, hiddenY = _param_hiddenY === void 0 ? false : _param_hiddenY, _param_showGrid = _param.showGrid, showGrid = _param_showGrid === void 0 ? true : _param_showGrid, color = _param.color, statisticConfig = _param.statistic, _param_textMaxWidth = _param.textMaxWidth, textMaxWidth = _param_textMaxWidth === void 0 ? 80 : _param_textMaxWidth, props = _object_without_properties(_param, [
+        "data",
+        "width",
+        "height",
+        "className",
+        "title",
+        "toolbarExtra",
+        "renderFilterInToolbar",
+        "dataTime",
+        "xUnit",
+        "yUnit",
+        "xAxisLabel",
+        "yAxisLabel",
+        "xPosition",
+        "yPosition",
+        "hiddenX",
+        "hiddenY",
+        "showGrid",
+        "color",
+        "statistic",
+        "textMaxWidth"
+    ]);
+    useMemo(function() {
+        if (scatterChartComponentsRegistered) {
+            return undefined;
+        }
+        if (typeof window === 'undefined') {
+            return undefined;
         }
-      }
-      if (item.y !== null && item.y !== void 0) {
-        if (typeof item.y === "number") {
-          y = Number.isFinite(item.y) ? item.y : 0;
-        } else if (typeof item.y === "string") {
-          const trimmed = item.y.trim();
-          if (trimmed !== "" && trimmed !== "null" && trimmed !== "undefined") {
-            const parsed = Number(trimmed);
-            y = Number.isFinite(parsed) ? parsed : 0;
-          }
+        ChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend);
+        scatterChartComponentsRegistered = true;
+        return undefined;
+    }, []);
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('scatter-chart');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    // 处理 ChartStatistic 组件配置
+    var statistics = useMemo(function() {
+        if (!statisticConfig) return null;
+        if (Array.isArray(statisticConfig) && statisticConfig.length === 0) return null;
+        return Array.isArray(statisticConfig) ? statisticConfig : [
+            statisticConfig
+        ];
+    }, [
+        statisticConfig
+    ]);
+    // 响应式尺寸计算
+    var _useState = _sliced_to_array(useState(typeof window !== 'undefined' ? window.innerWidth : 768), 2), windowWidth = _useState[0], setWindowWidth = _useState[1];
+    var isMobile = windowWidth <= 768;
+    var responsiveWidth = isMobile ? '100%' : width;
+    var responsiveHeight = isMobile ? Math.min(windowWidth * 0.8, 400) : height;
+    // 监听窗口大小变化
+    useEffect(function() {
+        var handleResize = function() {
+            setWindowWidth(window.innerWidth);
+        };
+        if (typeof window !== 'undefined') {
+            window.addEventListener('resize', handleResize);
+            return function() {
+                return window.removeEventListener('resize', handleResize);
+            };
         }
-      }
-      return { x, y };
+    }, []);
+    // 清理自定义tooltip
+    useEffect(function() {
+        return function() {
+            var tooltipEl = document.getElementById('custom-scatter-tooltip');
+            if (tooltipEl) {
+                document.body.removeChild(tooltipEl);
+            }
+        };
+    }, []);
+    var chartRef = useRef(null);
+    // 数据安全检查和处理 - 直接处理，不用 useMemo
+    var safeData = !data || !Array.isArray(data) ? [] : data.filter(function(item) {
+        return item !== null && item !== undefined && (typeof item === "undefined" ? "undefined" : _type_of(item)) === 'object' && 'x' in item && 'y' in item;
     });
-    const providedColor = color;
-    const baseColor = Array.isArray(providedColor) ? providedColor[index % providedColor.length] : providedColor;
-    const safeIndex = Math.max(0, index % defaultColorList.length);
-    const safeDefaultColor = defaultColorList[safeIndex] || "#1677ff";
-    const finalColor = baseColor || safeDefaultColor;
-    return {
-      label: type || "默认",
-      data: coordinates,
-      backgroundColor: `${finalColor}99`,
-      borderColor: finalColor,
-      pointRadius: isMobile ? 4 : 6,
-      pointHoverRadius: isMobile ? 6 : 8
-    };
-  });
-  const currentConfig = {
-    theme: "light",
-    showLegend: true,
-    legendPosition: "bottom"
-  };
-  const filterEnum = categories.length > 0 ? categories.filter((category) => Boolean(category)).map((category) => ({
-    label: category,
-    value: category
-  })) : [];
-  const filteredDataByFilterLabel = filterLabels == null ? void 0 : filterLabels.map((item) => ({
-    key: item,
-    label: item
-  }));
-  const processedData = {
-    datasets: datasets.length > 0 ? datasets : [
-      {
-        label: "默认",
-        data: [{ x: 0, y: 0 }],
-        backgroundColor: `${defaultColorList[0] || "#1677ff"}99`,
-        borderColor: defaultColorList[0] || "#1677ff",
-        pointRadius: isMobile ? 4 : 6,
-        pointHoverRadius: isMobile ? 6 : 8
-      }
-    ]
-  };
-  const options = {
-    responsive: true,
-    maintainAspectRatio: false,
-    plugins: {
-      legend: {
-        display: currentConfig.showLegend !== false,
-        position: isMobile ? "bottom" : currentConfig.legendPosition || "bottom",
-        align: "start",
-        labels: {
-          color: currentConfig.theme === "light" ? "#767E8B" : "#fff",
-          font: {
-            size: isMobile ? 10 : 12,
-            weight: "normal"
-          },
-          padding: isMobile ? 10 : 20,
-          usePointStyle: true,
-          pointStyle: "rectRounded",
-          generateLabels: (chart) => {
-            const original = ChartJS.defaults.plugins.legend.labels.generateLabels(chart);
-            const canvas = document.createElement("canvas");
-            const ctx = canvas.getContext("2d");
-            if (!ctx)
-              return original;
-            const fontSize = isMobile ? 10 : 12;
-            ctx.font = `${fontSize}px 'PingFang SC', sans-serif`;
-            return original.map((label) => {
-              const originalText = label.text;
-              const textWidth = ctx.measureText(originalText).width;
-              if (textWidth <= textMaxWidth) {
-                return label;
-              }
-              const ellipsis = "...";
-              const ellipsisWidth = ctx.measureText(ellipsis).width;
-              const maxTextWidth = textMaxWidth - ellipsisWidth;
-              let truncatedText = originalText;
-              let truncatedWidth = textWidth;
-              while (truncatedWidth > maxTextWidth && truncatedText.length > 0) {
-                truncatedText = truncatedText.slice(0, -1);
-                truncatedWidth = ctx.measureText(truncatedText).width;
-              }
-              return __spreadProps(__spreadValues({}, label), {
-                text: truncatedText + ellipsis
-              });
-            });
-          }
+    // 从扁平化数据中提取分类，添加安全检查
+    var categories = Array.from(new Set(safeData.map(function(item) {
+        return item === null || item === void 0 ? void 0 : item.category;
+    }).filter(function(category) {
+        return Boolean(category);
+    })));
+    // 从数据中提取 filterLabel，过滤掉 undefined 值，添加安全检查
+    var validFilterLabels = safeData.map(function(item) {
+        return item === null || item === void 0 ? void 0 : item.filterLabel;
+    }).filter(function(category) {
+        return category !== undefined && category !== null && Boolean(category);
+    });
+    var filterLabels = validFilterLabels.length > 0 ? Array.from(new Set(validFilterLabels)) : undefined;
+    // 状态管理，添加安全检查
+    var _useState1 = _sliced_to_array(useState(function() {
+        return categories.find(function(cat) {
+            return Boolean(cat);
+        }) || '';
+    }), 2), selectedFilter = _useState1[0], setSelectedFilter = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(function() {
+        return filterLabels && filterLabels.length > 0 ? filterLabels[0] : undefined;
+    }), 2), selectedFilterLabel = _useState2[0], setSelectedFilterLabel = _useState2[1];
+    // 根据选定的分类筛选数据，添加安全检查
+    var filteredData = safeData.filter(function(item) {
+        if (!item) return false; // 额外的安全检查
+        if (!selectedFilter) return true;
+        var categoryMatch = (item === null || item === void 0 ? void 0 : item.category) === selectedFilter;
+        // 如果没有 filterLabels 或 selectedFilterLabel，只按 category 筛选
+        if (!filterLabels || !selectedFilterLabel) {
+            return categoryMatch;
         }
-      },
-      tooltip: {
-        enabled: false,
-        // 禁用默认 tooltip
-        external: (context) => {
-          var _a2, _b2, _c, _d, _e, _f;
-          const { chart, tooltip } = context;
-          if (tooltip.opacity === 0) {
-            const tooltipEl2 = document.getElementById("custom-scatter-tooltip");
-            if (tooltipEl2) {
-              tooltipEl2.style.opacity = "0";
+        // 如果有 filterLabel 筛选，需要同时匹配 category 和 filterLabel
+        return categoryMatch && (item === null || item === void 0 ? void 0 : item.filterLabel) === selectedFilterLabel;
+    });
+    // 提取数据集类型，添加安全检查
+    var datasetTypes = Array.from(new Set(filteredData.map(function(item) {
+        return item === null || item === void 0 ? void 0 : item.type;
+    }).filter(function(type) {
+        return Boolean(type);
+    })));
+    // 如果没有有效数据，返回空状态
+    if (safeData.length === 0 || datasetTypes.length === 0) {
+        return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
+            baseClassName: classNames("".concat(prefixCls, "-container")),
+            theme: 'light',
+            className: classNames(hashId, className),
+            isMobile: isMobile,
+            variant: props.variant,
+            style: {
+                width: responsiveWidth,
+                height: responsiveHeight
             }
-            return;
-          }
-          let tooltipEl = document.getElementById("custom-scatter-tooltip");
-          if (!tooltipEl) {
-            tooltipEl = document.createElement("div");
-            tooltipEl.id = "custom-scatter-tooltip";
-            tooltipEl.style.position = "absolute";
-            tooltipEl.style.pointerEvents = "none";
-            tooltipEl.style.transition = "all 0.1s ease";
-            document.body.appendChild(tooltipEl);
-          }
-          if (!tooltip.dataPoints || tooltip.dataPoints.length === 0) {
-            return;
-          }
-          const dataPoint = tooltip.dataPoints[0];
-          if (!dataPoint) {
-            return;
-          }
-          let xValue = "", yValue = "";
-          try {
-            const rawX = (_a2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _a2.x;
-            const rawY = (_b2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _b2.y;
-            if (typeof rawX === "number" && Number.isFinite(rawX)) {
-              xValue = String(rawX);
-            } else {
-              xValue = String(rawX || 0);
+        }, /*#__PURE__*/ React.createElement(ChartToolBar, {
+            title: title || '散点图',
+            onDownload: function() {},
+            extra: toolbarExtra,
+            dataTime: dataTime
+        }), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-empty-wrapper"), hashId),
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: responsiveHeight,
+                color: '#999',
+                fontSize: '14px'
             }
-            if (typeof rawY === "number" && Number.isFinite(rawY)) {
-              yValue = String(rawY);
-            } else {
-              yValue = String(rawY || 0);
+        }, "暂无有效数据")));
+    }
+    // 构建数据集，添加更强的安全检查
+    var datasets = datasetTypes.map(function(type, index) {
+        var typeData = filteredData.filter(function(item) {
+            return (item === null || item === void 0 ? void 0 : item.type) === type;
+        });
+        var coordinates = typeData.map(function(item) {
+            if (!item) return {
+                x: 0,
+                y: 0
+            };
+            // 增强的 x, y 坐标处理
+            var x = 0, y = 0;
+            // 处理 x 坐标
+            if (item.x !== null && item.x !== undefined) {
+                if (typeof item.x === 'number') {
+                    x = Number.isFinite(item.x) ? item.x : 0;
+                } else if (typeof item.x === 'string') {
+                    var trimmed = item.x.trim();
+                    if (trimmed !== '' && trimmed !== 'null' && trimmed !== 'undefined') {
+                        var parsed = Number(trimmed);
+                        x = Number.isFinite(parsed) ? parsed : 0;
+                    }
+                }
+            }
+            // 处理 y 坐标
+            if (item.y !== null && item.y !== undefined) {
+                if (typeof item.y === 'number') {
+                    y = Number.isFinite(item.y) ? item.y : 0;
+                } else if (typeof item.y === 'string') {
+                    var trimmed1 = item.y.trim();
+                    if (trimmed1 !== '' && trimmed1 !== 'null' && trimmed1 !== 'undefined') {
+                        var parsed1 = Number(trimmed1);
+                        y = Number.isFinite(parsed1) ? parsed1 : 0;
+                    }
+                }
+            }
+            return {
+                x: x,
+                y: y
+            };
+        });
+        // 根据 color prop 选择颜色
+        var providedColor = color;
+        var baseColor = Array.isArray(providedColor) ? providedColor[index % providedColor.length] : providedColor;
+        // 确保颜色数组安全访问
+        var safeIndex = Math.max(0, index % defaultColorList.length);
+        var safeDefaultColor = defaultColorList[safeIndex] || '#1677ff';
+        var finalColor = baseColor || safeDefaultColor;
+        return {
+            label: type || '默认',
+            data: coordinates,
+            backgroundColor: "".concat(finalColor, "99"),
+            borderColor: finalColor,
+            pointRadius: isMobile ? 4 : 6,
+            pointHoverRadius: isMobile ? 6 : 8
+        };
+    });
+    // 构建当前配置（应用默认值）
+    var currentConfig = {
+        theme: 'light',
+        showLegend: true,
+        legendPosition: 'bottom'
+    };
+    // 筛选器的枚举，添加安全检查
+    var filterEnum = categories.length > 0 ? categories.filter(function(category) {
+        return Boolean(category);
+    }).map(function(category) {
+        return {
+            label: category,
+            value: category
+        };
+    }) : [];
+    // 根据 filterLabel 筛选数据 - 只有当 filterLabels 存在时才生成
+    var filteredDataByFilterLabel = filterLabels === null || filterLabels === void 0 ? void 0 : filterLabels.map(function(item) {
+        return {
+            key: item,
+            label: item
+        };
+    });
+    // 处理数据，应用默认颜色，添加最终安全检查
+    var processedData = {
+        datasets: datasets.length > 0 ? datasets : [
+            {
+                label: '默认',
+                data: [
+                    {
+                        x: 0,
+                        y: 0
+                    }
+                ],
+                backgroundColor: "".concat(defaultColorList[0] || '#1677ff', "99"),
+                borderColor: defaultColorList[0] || '#1677ff',
+                pointRadius: isMobile ? 4 : 6,
+                pointHoverRadius: isMobile ? 6 : 8
+            }
+        ]
+    };
+    // 图表配置选项
+    var options = {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: currentConfig.showLegend !== false,
+                position: isMobile ? 'bottom' : currentConfig.legendPosition || 'bottom',
+                align: 'start',
+                labels: {
+                    color: currentConfig.theme === 'light' ? '#767E8B' : '#fff',
+                    font: {
+                        size: isMobile ? 10 : 12,
+                        weight: 'normal'
+                    },
+                    padding: isMobile ? 10 : 20,
+                    usePointStyle: true,
+                    pointStyle: 'rectRounded',
+                    generateLabels: function(chart) {
+                        var original = ChartJS.defaults.plugins.legend.labels.generateLabels(chart);
+                        // 创建一个临时 canvas 来测量文字宽度
+                        var canvas = document.createElement('canvas');
+                        var ctx = canvas.getContext('2d');
+                        if (!ctx) return original;
+                        // 设置字体样式与图例相同
+                        var fontSize = isMobile ? 10 : 12;
+                        ctx.font = "".concat(fontSize, "px 'PingFang SC', sans-serif");
+                        return original.map(function(label) {
+                            var originalText = label.text;
+                            var textWidth = ctx.measureText(originalText).width;
+                            if (textWidth <= textMaxWidth) {
+                                return label;
+                            }
+                            // 文字超过最大宽度，需要截断
+                            var ellipsis = '...';
+                            var ellipsisWidth = ctx.measureText(ellipsis).width;
+                            var maxTextWidth = textMaxWidth - ellipsisWidth;
+                            var truncatedText = originalText;
+                            var truncatedWidth = textWidth;
+                            // 逐个字符减少直到宽度符合要求
+                            while(truncatedWidth > maxTextWidth && truncatedText.length > 0){
+                                truncatedText = truncatedText.slice(0, -1);
+                                truncatedWidth = ctx.measureText(truncatedText).width;
+                            }
+                            return _object_spread_props(_object_spread({}, label), {
+                                text: truncatedText + ellipsis
+                            });
+                        });
+                    }
+                }
+            },
+            tooltip: {
+                enabled: false,
+                external: function(context) {
+                    var _dataPoint_dataset_label, _dataPoint_dataset, _dataPoint_dataset_borderColor, _dataPoint_dataset1;
+                    var chart = context.chart, tooltip = context.tooltip;
+                    // 如果没有 tooltip 数据，隐藏
+                    if (tooltip.opacity === 0) {
+                        var tooltipEl = document.getElementById('custom-scatter-tooltip');
+                        if (tooltipEl) {
+                            tooltipEl.style.opacity = '0';
+                        }
+                        return;
+                    }
+                    // 获取或创建自定义 tooltip 元素
+                    var tooltipEl1 = document.getElementById('custom-scatter-tooltip');
+                    if (!tooltipEl1) {
+                        tooltipEl1 = document.createElement('div');
+                        tooltipEl1.id = 'custom-scatter-tooltip';
+                        tooltipEl1.style.position = 'absolute';
+                        tooltipEl1.style.pointerEvents = 'none';
+                        tooltipEl1.style.transition = 'all 0.1s ease';
+                        document.body.appendChild(tooltipEl1);
+                    }
+                    // 获取数据，添加安全检查
+                    if (!tooltip.dataPoints || tooltip.dataPoints.length === 0) {
+                        return;
+                    }
+                    var dataPoint = tooltip.dataPoints[0];
+                    if (!dataPoint) {
+                        return;
+                    }
+                    // 安全获取坐标数据
+                    var xValue = '', yValue = '';
+                    try {
+                        var _dataPoint_parsed, _dataPoint_parsed1;
+                        var rawX = dataPoint === null || dataPoint === void 0 ? void 0 : (_dataPoint_parsed = dataPoint.parsed) === null || _dataPoint_parsed === void 0 ? void 0 : _dataPoint_parsed.x;
+                        var rawY = dataPoint === null || dataPoint === void 0 ? void 0 : (_dataPoint_parsed1 = dataPoint.parsed) === null || _dataPoint_parsed1 === void 0 ? void 0 : _dataPoint_parsed1.y;
+                        if (typeof rawX === 'number' && Number.isFinite(rawX)) {
+                            xValue = String(rawX);
+                        } else {
+                            xValue = String(rawX || 0);
+                        }
+                        if (typeof rawY === 'number' && Number.isFinite(rawY)) {
+                            yValue = String(rawY);
+                        } else {
+                            yValue = String(rawY || 0);
+                        }
+                    } catch (error) {
+                        xValue = '0';
+                        yValue = '0';
+                    }
+                    var dimensionTitle = xUnit ? "".concat(xValue).concat(xUnit) : xValue;
+                    var label = (dataPoint === null || dataPoint === void 0 ? void 0 : (_dataPoint_dataset = dataPoint.dataset) === null || _dataPoint_dataset === void 0 ? void 0 : (_dataPoint_dataset_label = _dataPoint_dataset.label) === null || _dataPoint_dataset_label === void 0 ? void 0 : _dataPoint_dataset_label.toString()) || '数据指标';
+                    var coordinates = yUnit ? "".concat(yValue).concat(yUnit) : yValue;
+                    // 获取数据集颜色作为图标颜色
+                    var iconColor = (dataPoint === null || dataPoint === void 0 ? void 0 : (_dataPoint_dataset1 = dataPoint.dataset) === null || _dataPoint_dataset1 === void 0 ? void 0 : (_dataPoint_dataset_borderColor = _dataPoint_dataset1.borderColor) === null || _dataPoint_dataset_borderColor === void 0 ? void 0 : _dataPoint_dataset_borderColor.toString()) || '#917EF7';
+                    // 创建 HTML 内容
+                    var isDark = currentConfig.theme !== 'light';
+                    var bgColor = isDark ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.95)';
+                    var labelColor = isDark ? '#fff' : '#767E8B'; // 左边图标信息颜色
+                    tooltipEl1.innerHTML = '\n            <div style="\n              background-color: '.concat(bgColor, ";\n              border: 1px solid ").concat(isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 16, 32, 0.0627)', ";\n              border-radius: ").concat(isMobile ? '6px' : '8px', ";\n              padding: ").concat(isMobile ? '8px 12px' : '12px 16px', ";\n              font-family: 'PingFang SC', sans-serif;\n              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n              backdrop-filter: blur(10px);\n              display: flex;\n              flex-direction: column;\n              gap: 8px;\n              min-width: 120px;\n            \">\n              <div style=\"\n                font-family: 'PingFang SC', sans-serif;\n                font-size: 12px;\n                font-weight: normal;\n                line-height: 20px;\n                text-align: center;\n                letter-spacing: 0em;\n                font-variation-settings: 'opsz' auto;\n                color: #767E8B;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n              \">").concat(dimensionTitle, '</div>\n              <div style="\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 20px;\n              ">\n                <div style="\n                  display: flex;\n                  align-items: center;\n                  gap: 8px;\n                ">\n                  <div style="\n                    width: 12px;\n                    height: 12px;\n                    background-color: ').concat(iconColor, ';\n                    border-radius: 2px;\n                    flex-shrink: 0;\n                  "></div>\n                  <span style="\n                    color: ').concat(labelColor, ";\n                    font-size: ").concat(isMobile ? '11px' : '12px', ";\n                    font-weight: 500;\n                    font-family: 'PingFang SC', sans-serif;\n                    white-space: nowrap;\n                  \">").concat(label, "</span>\n                </div>\n                <span style=\"\n                  font-family: Rubik, sans-serif;\n                  font-size: 13px;\n                  font-weight: 500;\n                  line-height: 13px;\n                  text-align: center;\n                  letter-spacing: 0.04em;\n                  font-variation-settings: 'opsz' auto;\n                  font-feature-settings: 'kern' on;\n                  color: #343A45;\n                  white-space: nowrap;\n                \">").concat(coordinates, "</span>\n              </div>\n            </div>\n          ");
+                    // 定位 tooltip
+                    var position = chart.canvas.getBoundingClientRect();
+                    tooltipEl1.style.opacity = '1';
+                    tooltipEl1.style.left = position.left + window.pageXOffset + tooltip.caretX + 'px';
+                    tooltipEl1.style.top = position.top + window.pageYOffset + tooltip.caretY + 'px';
+                    tooltipEl1.style.zIndex = '1000';
+                }
             }
-          } catch (error) {
-            xValue = "0";
-            yValue = "0";
-          }
-          const dimensionTitle = xUnit ? `${xValue}${xUnit}` : xValue;
-          const label = ((_d = (_c = dataPoint == null ? void 0 : dataPoint.dataset) == null ? void 0 : _c.label) == null ? void 0 : _d.toString()) || "数据指标";
-          const coordinates = yUnit ? `${yValue}${yUnit}` : yValue;
-          const iconColor = ((_f = (_e = dataPoint == null ? void 0 : dataPoint.dataset) == null ? void 0 : _e.borderColor) == null ? void 0 : _f.toString()) || "#917EF7";
-          const isDark = currentConfig.theme !== "light";
-          const bgColor = isDark ? "rgba(0, 0, 0, 0.8)" : "rgba(255, 255, 255, 0.95)";
-          const labelColor = isDark ? "#fff" : "#767E8B";
-          tooltipEl.innerHTML = `
-            <div style="
-              background-color: ${bgColor};
-              border: 1px solid ${isDark ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 16, 32, 0.0627)"};
-              border-radius: ${isMobile ? "6px" : "8px"};
-              padding: ${isMobile ? "8px 12px" : "12px 16px"};
-              font-family: 'PingFang SC', sans-serif;
-              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-              backdrop-filter: blur(10px);
-              display: flex;
-              flex-direction: column;
-              gap: 8px;
-              min-width: 120px;
-            ">
-              <div style="
-                font-family: 'PingFang SC', sans-serif;
-                font-size: 12px;
-                font-weight: normal;
-                line-height: 20px;
-                text-align: center;
-                letter-spacing: 0em;
-                font-variation-settings: 'opsz' auto;
-                color: #767E8B;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-              ">${dimensionTitle}</div>
-              <div style="
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 20px;
-              ">
-                <div style="
-                  display: flex;
-                  align-items: center;
-                  gap: 8px;
-                ">
-                  <div style="
-                    width: 12px;
-                    height: 12px;
-                    background-color: ${iconColor};
-                    border-radius: 2px;
-                    flex-shrink: 0;
-                  "></div>
-                  <span style="
-                    color: ${labelColor};
-                    font-size: ${isMobile ? "11px" : "12px"};
-                    font-weight: 500;
-                    font-family: 'PingFang SC', sans-serif;
-                    white-space: nowrap;
-                  ">${label}</span>
-                </div>
-                <span style="
-                  font-family: Rubik, sans-serif;
-                  font-size: 13px;
-                  font-weight: 500;
-                  line-height: 13px;
-                  text-align: center;
-                  letter-spacing: 0.04em;
-                  font-variation-settings: 'opsz' auto;
-                  font-feature-settings: 'kern' on;
-                  color: #343A45;
-                  white-space: nowrap;
-                ">${coordinates}</span>
-              </div>
-            </div>
-          `;
-          const position = chart.canvas.getBoundingClientRect();
-          tooltipEl.style.opacity = "1";
-          tooltipEl.style.left = position.left + window.pageXOffset + tooltip.caretX + "px";
-          tooltipEl.style.top = position.top + window.pageYOffset + tooltip.caretY + "px";
-          tooltipEl.style.zIndex = "1000";
-        }
-      }
-    },
-    scales: {
-      x: {
-        display: !hiddenX,
-        type: "linear",
-        position: xPosition,
-        title: {
-          display: !!xAxisLabel,
-          text: xAxisLabel || "",
-          color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
-          font: {
-            size: isMobile ? 10 : 12,
-            weight: 500
-          }
         },
-        min: 1,
-        // 使用默认值
-        max: 12,
-        // 使用默认值
-        ticks: {
-          stepSize: 1,
-          // 使用默认值
-          color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
-          font: {
-            size: isMobile ? 8 : 10
-          },
-          callback: function(value) {
-            return xUnit ? `${value}${xUnit}` : `${value}`;
-          }
+        scales: {
+            x: {
+                display: !hiddenX,
+                type: 'linear',
+                position: xPosition,
+                title: {
+                    display: !!xAxisLabel,
+                    text: xAxisLabel || '',
+                    color: currentConfig.theme === 'light' ? 'rgba(0, 25, 61, 0.3255)' : '#fff',
+                    font: {
+                        size: isMobile ? 10 : 12,
+                        weight: 500
+                    }
+                },
+                min: 1,
+                max: 12,
+                ticks: {
+                    stepSize: 1,
+                    color: currentConfig.theme === 'light' ? 'rgba(0, 25, 61, 0.3255)' : '#fff',
+                    font: {
+                        size: isMobile ? 8 : 10
+                    },
+                    callback: function callback(value) {
+                        return xUnit ? "".concat(value).concat(xUnit) : "".concat(value);
+                    }
+                },
+                grid: {
+                    display: showGrid,
+                    color: 'rgba(0, 16, 32, 0.0627)',
+                    lineWidth: 1
+                }
+            },
+            y: {
+                display: !hiddenY,
+                type: 'linear',
+                position: yPosition,
+                title: {
+                    display: !!yAxisLabel,
+                    text: yAxisLabel || '',
+                    color: currentConfig.theme === 'light' ? 'rgba(0, 25, 61, 0.3255)' : '#fff',
+                    font: {
+                        family: 'PingFang SC',
+                        size: isMobile ? 10 : 12,
+                        weight: 'normal'
+                    },
+                    align: 'center'
+                },
+                min: 0,
+                max: 100,
+                ticks: {
+                    stepSize: 10,
+                    color: currentConfig.theme === 'light' ? 'rgba(0, 25, 61, 0.3255)' : '#fff',
+                    font: {
+                        family: 'PingFang SC',
+                        size: isMobile ? 8 : 12,
+                        weight: 'normal'
+                    },
+                    callback: function callback(value) {
+                        return yUnit ? "".concat(value).concat(yUnit) : "".concat(value);
+                    }
+                },
+                grid: {
+                    display: showGrid,
+                    color: 'rgba(0, 16, 32, 0.0627)',
+                    lineWidth: 1
+                }
+            }
         },
-        grid: {
-          display: showGrid,
-          color: "rgba(0, 16, 32, 0.0627)",
-          lineWidth: 1
+        elements: {
+            point: {
+                hoverRadius: isMobile ? 6 : 8
+            }
         }
-      },
-      y: {
-        display: !hiddenY,
-        type: "linear",
-        position: yPosition,
-        title: {
-          display: !!yAxisLabel,
-          text: yAxisLabel || "",
-          color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
-          font: {
-            family: "PingFang SC",
-            size: isMobile ? 10 : 12,
-            weight: "normal"
-          },
-          align: "center"
-        },
-        min: 0,
-        // 使用默认值
-        max: 100,
-        // 使用默认值
-        ticks: {
-          stepSize: 10,
-          // 使用默认值
-          color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
-          font: {
-            family: "PingFang SC",
-            size: isMobile ? 8 : 12,
-            weight: "normal"
-          },
-          callback: function(value) {
-            return yUnit ? `${value}${yUnit}` : `${value}`;
-          }
-        },
-        grid: {
-          display: showGrid,
-          color: "rgba(0, 16, 32, 0.0627)",
-          lineWidth: 1
+    };
+    var handleDownload = function() {
+        try {
+            if (chartRef.current) {
+                downloadChart(chartRef.current, 'scatter-chart');
+            }
+        } catch (error) {
+            console.warn('图表下载失败:', error);
         }
-      }
-    },
-    elements: {
-      point: {
-        hoverRadius: isMobile ? 6 : 8
-      }
-    }
-  };
-  const handleDownload = () => {
+    };
+    // 最终渲染，包含错误边界
     try {
-      if (chartRef.current) {
-        downloadChart(chartRef.current, "scatter-chart");
-      }
-    } catch (error) {
-      console.warn("图表下载失败:", error);
-    }
-  };
-  try {
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        ChartContainer,
-        {
-          baseClassName: classNames(`${prefixCls}-container`),
-          theme: currentConfig.theme,
-          className: classNames(hashId, className),
-          isMobile,
-          variant: props.variant,
-          style: {
-            width: responsiveWidth,
-            height: responsiveHeight
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          ChartToolBar,
-          {
-            title: title || "散点图",
+        return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
+            baseClassName: classNames("".concat(prefixCls, "-container")),
+            theme: currentConfig.theme,
+            className: classNames(hashId, className),
+            isMobile: isMobile,
+            variant: props.variant,
+            style: {
+                width: responsiveWidth,
+                height: responsiveHeight
+            }
+        }, /*#__PURE__*/ React.createElement(ChartToolBar, {
+            title: title || '散点图',
             onDownload: handleDownload,
             extra: toolbarExtra,
-            dataTime,
-            filter: renderFilterInToolbar && filterEnum.length > 0 ? /* @__PURE__ */ React.createElement(
-              ChartFilter,
-              __spreadProps(__spreadValues({
+            dataTime: dataTime,
+            filter: renderFilterInToolbar && filterEnum.length > 0 ? /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
                 filterOptions: filterEnum,
-                selectedFilter,
+                selectedFilter: selectedFilter,
                 onFilterChange: setSelectedFilter
-              }, filterLabels && {
+            }, filterLabels && {
                 customOptions: filteredDataByFilterLabel,
                 selectedCustomSelection: selectedFilterLabel,
                 onSelectionChange: setSelectedFilterLabel
-              }), {
+            }), {
                 theme: currentConfig.theme,
                 variant: "compact"
-              })
-            ) : void 0
-          }
-        ),
-        !renderFilterInToolbar && filterEnum.length > 0 && /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
+            })) : undefined
+        }), !renderFilterInToolbar && filterEnum.length > 0 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
             filterOptions: filterEnum,
-            selectedFilter,
+            selectedFilter: selectedFilter,
             onFilterChange: setSelectedFilter
-          }, filterLabels && {
+        }, filterLabels && {
             customOptions: filteredDataByFilterLabel,
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
-          }), {
+        }), {
             theme: currentConfig.theme
-          })
-        ),
-        statistics && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-statistic-container`, hashId)
-          },
-          statistics.map((config, index) => /* @__PURE__ */ React.createElement(
-            ChartStatistic,
-            __spreadProps(__spreadValues({
-              key: index
+        })), statistics && /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-statistic-container"), hashId)
+        }, statistics.map(function(config, index) {
+            return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
+                key: index
             }, config), {
-              theme: currentConfig.theme
-            })
-          ))
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-chart-wrapper`, hashId),
-            style: { height: responsiveHeight }
-          },
-          /* @__PURE__ */ React.createElement(Scatter, { ref: chartRef, data: processedData, options })
-        )
-      )
-    );
-  } catch (error) {
-    console.error("ScatterChart 渲染错误:", error);
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        ChartContainer,
-        {
-          baseClassName: classNames(`${prefixCls}-container`),
-          theme: "light",
-          isMobile,
-          className: classNames(hashId, className),
-          variant: props.variant,
-          style: {
-            width: responsiveWidth,
-            height: responsiveHeight
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          ChartToolBar,
-          {
-            title: title || "散点图",
-            onDownload: () => {
-            },
+                theme: currentConfig.theme
+            }));
+        })), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-chart-wrapper"), hashId),
+            style: {
+                height: responsiveHeight
+            }
+        }, /*#__PURE__*/ React.createElement(Scatter, {
+            ref: chartRef,
+            data: processedData,
+            options: options
+        }))));
+    } catch (error) {
+        console.error('ScatterChart 渲染错误:', error);
+        return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
+            baseClassName: classNames("".concat(prefixCls, "-container")),
+            theme: 'light',
+            isMobile: isMobile,
+            className: classNames(hashId, className),
+            variant: props.variant,
+            style: {
+                width: responsiveWidth,
+                height: responsiveHeight
+            }
+        }, /*#__PURE__*/ React.createElement(ChartToolBar, {
+            title: title || '散点图',
+            onDownload: function() {},
             extra: toolbarExtra,
-            dataTime
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-error-wrapper`, hashId),
+            dataTime: dataTime
+        }), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-error-wrapper"), hashId),
             style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              height: responsiveHeight,
-              color: "#ff4d4f",
-              fontSize: "14px"
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: responsiveHeight,
+                color: '#ff4d4f',
+                fontSize: '14px'
             }
-          },
-          "图表渲染失败，请检查数据格式"
-        )
-      )
-    );
-  }
-};
-var ScatterChart_default = ScatterChart;
-export {
-  ScatterChart_default as default
+        }, "图表渲染失败，请检查数据格式")));
+    }
 };
+export default ScatterChart;