@hsu-react/ui 0.0.1

package/es/components/Chart/Line/index.js

@@ -0,0 +1,289 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "style", "chartTitle", "xAxisData", "seriesData", "legendData", "grid", "tooltip", "xAxis", "yAxis", "series", "title", "legend", "scrollConfig", "dataZoom", "insideDataZoom", "sliderDataZoom", "onClick", "enableLegendAutoScroll", "legendVisibleCount", "legendScrollInterval"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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 * as echarts from "echarts";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import styles from "../index.module.less";
+import { autoScrollLegend } from "../_utils/autoScrollLegend";
+import { autoScrollByItem } from "../_utils/autoSmooth";
+import { buildCartesianSeriesOptions, createDefaultCategoryXAxis, createDefaultValueYAxis, getSliderShow, resolveScrollConfig } from "../_utils/cartesian";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ChartLine = function ChartLine(props) {
+  var className = props.className,
+    style = props.style,
+    chartTitle = props.chartTitle,
+    xAxisData = props.xAxisData,
+    seriesData = props.seriesData,
+    legendData = props.legendData,
+    grid = props.grid,
+    tooltip = props.tooltip,
+    xAxis = props.xAxis,
+    yAxis = props.yAxis,
+    series = props.series,
+    title = props.title,
+    legend = props.legend,
+    scrollConfig = props.scrollConfig,
+    dataZoom = props.dataZoom,
+    insideDataZoom = props.insideDataZoom,
+    sliderDataZoom = props.sliderDataZoom,
+    onClick = props.onClick,
+    _props$enableLegendAu = props.enableLegendAutoScroll,
+    enableLegendAutoScroll = _props$enableLegendAu === void 0 ? false : _props$enableLegendAu,
+    _props$legendVisibleC = props.legendVisibleCount,
+    legendVisibleCount = _props$legendVisibleC === void 0 ? 8 : _props$legendVisibleC,
+    _props$legendScrollIn = props.legendScrollInterval,
+    legendScrollInterval = _props$legendScrollIn === void 0 ? 1500 : _props$legendScrollIn,
+    coreOption = _objectWithoutProperties(props, _excluded);
+  var chartRef = useRef(null);
+  var chartInstanceRef = useRef(null);
+  var resizeObserverRef = useRef(null);
+  var legendScrollRef = useRef(null);
+  var normalizedScroll = useMemo(function () {
+    return resolveScrollConfig(scrollConfig);
+  }, [scrollConfig]);
+
+  // 使用 useMemo 缓存 chart 配置
+  var chartOption = useMemo(function () {
+    var _xAxisData$length, _ref, _ref2;
+    var def_xAxis = createDefaultCategoryXAxis(xAxisData);
+    var def_yAxis = createDefaultValueYAxis("line");
+
+    // 处理 xAxis 配置
+    var processedXAxis = Array.isArray(xAxis) ? xAxis === null || xAxis === void 0 ? void 0 : xAxis.map(function (item) {
+      return _objectSpread(_objectSpread({}, def_xAxis), {}, {
+        data: (item === null || item === void 0 ? void 0 : item.type) === "value" ? undefined : xAxisData
+      }, item);
+    }) : _objectSpread(_objectSpread({}, def_xAxis), {}, {
+      data: (xAxis === null || xAxis === void 0 ? void 0 : xAxis.type) === "value" ? undefined : xAxisData
+    }, xAxis);
+
+    // 处理 yAxis 配置
+    var processedYAxis = Array.isArray(yAxis) ? yAxis === null || yAxis === void 0 ? void 0 : yAxis.map(function (item) {
+      return _objectSpread(_objectSpread({}, def_yAxis), {}, {
+        data: (item === null || item === void 0 ? void 0 : item.type) === "category" ? xAxisData : undefined
+      }, item);
+    }) : _objectSpread(_objectSpread({}, def_yAxis), {}, {
+      data: (yAxis === null || yAxis === void 0 ? void 0 : yAxis.type) === "category" ? xAxisData : undefined
+    }, yAxis);
+
+    // 计算 grid 配置
+    var gridTop = "5%";
+    if (yAxis !== null && yAxis !== void 0 && yAxis.name) {
+      gridTop = "15%";
+    }
+    var gridConfig = _objectSpread({
+      top: gridTop,
+      left: "5%",
+      right: "5%",
+      bottom: "5%",
+      containLabel: true
+    }, grid);
+    if (chartTitle) {
+      delete gridConfig.top;
+    }
+
+    // 处理 dataZoom 配置
+    var totalLen = (_xAxisData$length = xAxisData === null || xAxisData === void 0 ? void 0 : xAxisData.length) !== null && _xAxisData$length !== void 0 ? _xAxisData$length : 1;
+    var zoomEnabled = normalizedScroll.zoomEnabled,
+      autoScroll = normalizedScroll.autoScroll,
+      windowSize = normalizedScroll.windowSize,
+      resolvedStartIndex = normalizedScroll.startIndex,
+      sliderVisibleInConfig = normalizedScroll.sliderVisible;
+    var windowSizePercent = Number((windowSize / totalLen * 100).toFixed(0));
+    var zoomStartIndex = resolvedStartIndex;
+    var clampedStart = Math.max(0, Math.min(zoomStartIndex, Math.max(0, totalLen - 1)));
+    var zoomStartPercent = totalLen > 0 ? clampedStart / totalLen * 100 : 0;
+    var zoomEndPercent = Math.min(zoomStartPercent + windowSizePercent, 100);
+    var sliderFromDataZoom = Array.isArray(dataZoom) ? dataZoom.find(function (item) {
+      return item.type === "slider";
+    }) : dataZoom || {};
+    var insideFromDataZoom = Array.isArray(dataZoom) ? dataZoom.find(function (item) {
+      return item.type === "inside";
+    }) : dataZoom || {};
+    var requestedSliderVisible = (_ref = (_ref2 = sliderVisibleInConfig !== null && sliderVisibleInConfig !== void 0 ? sliderVisibleInConfig : getSliderShow(sliderDataZoom)) !== null && _ref2 !== void 0 ? _ref2 : getSliderShow(sliderFromDataZoom)) !== null && _ref !== void 0 ? _ref : false;
+    var finalSliderVisible = autoScroll ? false : requestedSliderVisible;
+    var enableCustomWheelScroll = normalizedScroll.wheelModeWhenSliderHidden === "scroll" && (autoScroll || !finalSliderVisible);
+    var processedDataZoom = zoomEnabled ? [_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      type: "inside"
+    }, insideFromDataZoom || {}), insideDataZoom || {}), {}, {
+      start: zoomStartPercent,
+      end: zoomEndPercent
+    }, autoScroll ? {
+      zoomLock: true
+    } : {}), enableCustomWheelScroll ? {
+      zoomOnMouseWheel: false,
+      moveOnMouseWheel: false
+    } : {}), _objectSpread(_objectSpread(_objectSpread({
+      type: "slider"
+    }, sliderFromDataZoom || {}), sliderDataZoom || {}), {}, {
+      start: zoomStartPercent,
+      end: zoomEndPercent,
+      show: finalSliderVisible
+    })] : undefined;
+    var option = _objectSpread({
+      title: _objectSpread({
+        text: chartTitle,
+        textStyle: {
+          fontSize: 18,
+          color: "#333"
+        }
+      }, title),
+      grid: gridConfig,
+      legend: function () {
+        var baseLegend = _objectSpread({
+          data: legendData,
+          top: "5%",
+          icon: "circle",
+          textStyle: {
+            color: "#373D48"
+          },
+          itemWidth: 8,
+          itemHeight: 8
+        }, legend);
+        if (enableLegendAutoScroll) {
+          return _objectSpread(_objectSpread({}, baseLegend), {}, {
+            type: "scroll",
+            pageIconSize: 0,
+            pageIconColor: "transparent",
+            pageIconInactiveColor: "transparent",
+            pageTextStyle: {
+              color: "transparent"
+            }
+          });
+        }
+        return baseLegend;
+      }(),
+      tooltip: _objectSpread({
+        trigger: "axis"
+      }, tooltip),
+      xAxis: processedXAxis,
+      yAxis: processedYAxis,
+      dataZoom: processedDataZoom,
+      series: buildCartesianSeriesOptions("line", seriesData, series)
+    }, coreOption);
+    return option;
+  }, [xAxisData, xAxis, yAxis, grid, chartTitle, dataZoom, normalizedScroll, insideDataZoom, sliderDataZoom, title, legendData, legend, tooltip, seriesData, series, enableLegendAutoScroll, coreOption]);
+
+  // 处理图表 resize 的回调
+  var handleResize = useCallback(function () {
+    var _chartInstanceRef$cur;
+    (_chartInstanceRef$cur = chartInstanceRef.current) === null || _chartInstanceRef$cur === void 0 || _chartInstanceRef$cur.resize();
+  }, []);
+
+  // 初始化图表
+  useEffect(function () {
+    var _opt$legend$, _opt$legend, _ref3;
+    if (!chartRef.current) return;
+
+    // 初始化或获取已存在的实例
+    var chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(chartRef.current);
+      chartInstanceRef.current = chart;
+    }
+
+    // 设置配置
+    chart.setOption(chartOption, true);
+
+    // 添加 resize 监听
+    window.addEventListener("resize", handleResize);
+
+    // 添加 ResizeObserver
+    if (chartRef.current && !resizeObserverRef.current) {
+      resizeObserverRef.current = new ResizeObserver(handleResize);
+      resizeObserverRef.current.observe(chartRef.current);
+    }
+
+    // 添加点击事件
+    if (onClick) {
+      var _chartInstanceRef$cur2;
+      (_chartInstanceRef$cur2 = chartInstanceRef.current) === null || _chartInstanceRef$cur2 === void 0 || _chartInstanceRef$cur2.on("click", onClick);
+    }
+
+    // 图例自动滚动（与 Pie/Bar 一致）
+    var opt = chartOption;
+    var legendDataLen = Array.isArray(opt.legend) ? (_opt$legend$ = opt.legend[0]) === null || _opt$legend$ === void 0 || (_opt$legend$ = _opt$legend$.data) === null || _opt$legend$ === void 0 ? void 0 : _opt$legend$.length : (_opt$legend = opt.legend) === null || _opt$legend === void 0 || (_opt$legend = _opt$legend.data) === null || _opt$legend === void 0 ? void 0 : _opt$legend.length;
+    var seriesLen = Array.isArray(opt.series) ? opt.series.length : opt.series ? 1 : 0;
+    var legendTotal = (_ref3 = legendDataLen !== null && legendDataLen !== void 0 ? legendDataLen : seriesLen) !== null && _ref3 !== void 0 ? _ref3 : 0;
+    if (enableLegendAutoScroll && chartInstanceRef.current && legendTotal > 0) {
+      if (legendScrollRef.current) {
+        legendScrollRef.current.dispose();
+      }
+      legendScrollRef.current = autoScrollLegend({
+        chart: chartInstanceRef.current,
+        total: legendTotal,
+        visibleCount: legendVisibleCount,
+        interval: legendScrollInterval,
+        autoStart: true
+      });
+    }
+
+    // 清理函数
+    return function () {
+      window.removeEventListener("resize", handleResize);
+      if (onClick) {
+        var _chartInstanceRef$cur3;
+        (_chartInstanceRef$cur3 = chartInstanceRef.current) === null || _chartInstanceRef$cur3 === void 0 || _chartInstanceRef$cur3.off("click", onClick);
+      }
+      if (legendScrollRef.current) {
+        legendScrollRef.current.dispose();
+        legendScrollRef.current = null;
+      }
+    };
+  }, [chartOption, handleResize, onClick, enableLegendAutoScroll, legendVisibleCount, legendScrollInterval]);
+
+  // 处理自动播放
+  useEffect(function () {
+    var _ref4, _ref5, _normalizedScroll$sli;
+    if (!normalizedScroll.zoomEnabled || !chartInstanceRef.current || !(xAxisData !== null && xAxisData !== void 0 && xAxisData.length)) return;
+    var sliderVisible = (_ref4 = (_ref5 = (_normalizedScroll$sli = normalizedScroll.sliderVisible) !== null && _normalizedScroll$sli !== void 0 ? _normalizedScroll$sli : getSliderShow(sliderDataZoom)) !== null && _ref5 !== void 0 ? _ref5 : Array.isArray(dataZoom) ? getSliderShow(dataZoom.find(function (item) {
+      return item.type === "slider";
+    })) : getSliderShow(dataZoom)) !== null && _ref4 !== void 0 ? _ref4 : false;
+    var enableWheelScroll = normalizedScroll.wheelModeWhenSliderHidden === "scroll" && (normalizedScroll.autoScroll || !sliderVisible);
+    var _autoScrollByItem = autoScrollByItem({
+        chart: chartInstanceRef.current,
+        xAxisData: xAxisData,
+        windowSize: normalizedScroll.windowSize,
+        interval: normalizedScroll.interval,
+        startIndex: normalizedScroll.startIndex,
+        autoPlay: normalizedScroll.autoScroll,
+        enableWheelScroll: enableWheelScroll
+      }),
+      dispose = _autoScrollByItem.dispose;
+    return dispose;
+  }, [dataZoom, normalizedScroll, sliderDataZoom, xAxisData]);
+
+  // 组件卸载时清理资源
+  useEffect(function () {
+    return function () {
+      // 清理 ResizeObserver
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      // 销毁图表实例
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(styles["chart-container"], " ").concat(className !== null && className !== void 0 ? className : ""),
+    style: style,
+    children: /*#__PURE__*/_jsx("div", {
+      ref: chartRef,
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    })
+  });
+};
+export default ChartLine;

package/es/components/Chart/Pie/Pie3D/_hooks/index.d.ts

@@ -0,0 +1,15 @@
+import * as echarts from "echarts";
+import { ChartsOption } from "../../..";
+export declare const useMouseOverHandler: (optionRef: React.MutableRefObject<ChartsOption | null>, chartInstanceRef: React.MutableRefObject<echarts.ECharts | null>, hoveredIndexRef: React.MutableRefObject<number | "">, config: {
+    hoverHeightIncrement: number;
+    minHeight?: number;
+    maxHeight?: number;
+    yOffset?: number;
+    autoRotate?: boolean;
+}) => (params: echarts.ECElementEvent) => void;
+export declare const useGlobalOutHandler: (optionRef: React.MutableRefObject<ChartsOption | null>, chartInstanceRef: React.MutableRefObject<echarts.ECharts | null>, hoveredIndexRef: React.MutableRefObject<number | "">, config?: {
+    minHeight?: number;
+    maxHeight?: number;
+    yOffset?: number;
+    autoRotate?: boolean;
+}) => () => void;

package/es/components/Chart/Pie/Pie3D/_hooks/index.js

@@ -0,0 +1,181 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(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; }
+import { useCallback } from "react";
+import { getParametricEquation } from "../_utils/parametricEquation";
+// 获取饼图扇区的数量（不包括标签系列）
+var getPieSeriesCount = function getPieSeriesCount(series) {
+  return series.filter(function (s) {
+    return s.type === "surface";
+  }).length;
+};
+var getMaxPieValue = function getMaxPieValue(series) {
+  var values = series.filter(function (s) {
+    return s.pieData && s.pieData.value !== undefined;
+  }).map(function (s) {
+    return s.pieData.value;
+  });
+  if (!values.length) return 1;
+  return Math.max.apply(Math, [1].concat(_toConsumableArray(values)));
+};
+
+// 高亮标签
+var highlightLabel = function highlightLabel(option, pieIndex) {
+  var pieSeriesCount = getPieSeriesCount(option.series);
+  var lineIndex = pieSeriesCount + pieIndex;
+  var scatterIndex = pieSeriesCount * 2 + pieIndex;
+
+  // 高亮线条
+  if (lineIndex < option.series.length) {
+    var lineSeries = option.series[lineIndex];
+    if (lineSeries && lineSeries.lineStyle) {
+      // 保存原始宽度（如果还没有保存）
+      if (lineSeries._originalWidth === undefined) {
+        lineSeries._originalWidth = lineSeries.lineStyle.width || 1;
+      }
+      // 高亮：只增加宽度，不改变颜色
+      lineSeries.lineStyle.width = (lineSeries._originalWidth || 1) * 2;
+    }
+  }
+
+  // 高亮文本
+  if (scatterIndex < option.series.length) {
+    var scatterSeries = option.series[scatterIndex];
+    if (scatterSeries && scatterSeries.label && scatterSeries.label.textStyle) {
+      var textStyle = scatterSeries.label.textStyle;
+      // 保存原始字体大小（如果还没有保存）
+      if (scatterSeries._originalFontSize === undefined) {
+        scatterSeries._originalFontSize = textStyle.fontSize || 14;
+      }
+      // 高亮：只增加字体大小，不改变颜色
+      textStyle.fontSize = (scatterSeries._originalFontSize || 14) * 1.2;
+    }
+  }
+};
+
+// 取消标签高亮
+var unhighlightLabel = function unhighlightLabel(option, pieIndex) {
+  var pieSeriesCount = getPieSeriesCount(option.series);
+  var lineIndex = pieSeriesCount + pieIndex;
+  var scatterIndex = pieSeriesCount * 2 + pieIndex;
+
+  // 恢复线条样式
+  if (lineIndex < option.series.length) {
+    var lineSeries = option.series[lineIndex];
+    if (lineSeries && lineSeries.lineStyle && lineSeries._originalWidth !== undefined) {
+      lineSeries.lineStyle.width = lineSeries._originalWidth;
+    }
+  }
+
+  // 恢复文本样式
+  if (scatterIndex < option.series.length) {
+    var scatterSeries = option.series[scatterIndex];
+    if (scatterSeries && scatterSeries.label && scatterSeries.label.textStyle && scatterSeries._originalFontSize !== undefined) {
+      scatterSeries.label.textStyle.fontSize = scatterSeries._originalFontSize;
+    }
+  }
+};
+export var useMouseOverHandler = function useMouseOverHandler(optionRef, chartInstanceRef, hoveredIndexRef, config) {
+  var hoverHeightIncrement = config.hoverHeightIncrement,
+    _config$minHeight = config.minHeight,
+    minHeight = _config$minHeight === void 0 ? 10 : _config$minHeight,
+    _config$maxHeight = config.maxHeight,
+    maxHeight = _config$maxHeight === void 0 ? 35 : _config$maxHeight,
+    _config$yOffset = config.yOffset,
+    yOffset = _config$yOffset === void 0 ? 0 : _config$yOffset,
+    _config$autoRotate = config.autoRotate,
+    autoRotate = _config$autoRotate === void 0 ? false : _config$autoRotate;
+  var effectiveYOffset = autoRotate ? 0 : yOffset;
+  return useCallback(function (params) {
+    var _option$series$hovere, _option$series$params;
+    if (!optionRef.current || typeof params.seriesIndex !== "number") return;
+    var option = optionRef.current;
+    var chart = chartInstanceRef.current;
+    if (!chart) return;
+    if (hoveredIndexRef.current === params.seriesIndex) {
+      return;
+    }
+    if (hoveredIndexRef.current !== "" && (_option$series$hovere = option.series[hoveredIndexRef.current]) !== null && _option$series$hovere !== void 0 && _option$series$hovere.pieData) {
+      var idx = hoveredIndexRef.current;
+      var isSelected = option.series[idx].pieStatus.selected;
+      var startRatio = option.series[idx].pieData.startRatio;
+      var endRatio = option.series[idx].pieData.endRatio;
+      var k = option.series[idx].pieStatus.k;
+      var maxValue = getMaxPieValue(option.series);
+      var heightRatio = option.series[idx].pieData.value / maxValue;
+      var h = minHeight + (maxHeight - minHeight) * heightRatio;
+      option.series[idx].parametricEquation = getParametricEquation(startRatio, endRatio, isSelected, false, k, h, effectiveYOffset);
+      option.series[idx].pieStatus.hovered = false;
+
+      // 取消之前高亮的标签
+      unhighlightLabel(option, idx);
+      hoveredIndexRef.current = "";
+    }
+    if (params.seriesName !== "mouseoutSeries" && (_option$series$params = option.series[params.seriesIndex]) !== null && _option$series$params !== void 0 && _option$series$params.pieData) {
+      var seriesIndex = params.seriesIndex;
+      var _isSelected = option.series[seriesIndex].pieStatus.selected;
+      var _startRatio = option.series[seriesIndex].pieData.startRatio;
+      var _endRatio = option.series[seriesIndex].pieData.endRatio;
+      var _k = option.series[seriesIndex].pieStatus.k;
+      var _maxValue = getMaxPieValue(option.series);
+      var _heightRatio = option.series[seriesIndex].pieData.value / _maxValue;
+      var baseHeight = minHeight + (maxHeight - minHeight) * _heightRatio;
+      option.series[seriesIndex].parametricEquation = getParametricEquation(_startRatio, _endRatio, _isSelected, true, _k, baseHeight + hoverHeightIncrement, effectiveYOffset);
+      option.series[seriesIndex].pieStatus.hovered = true;
+
+      // 高亮对应的标签
+      highlightLabel(option, seriesIndex);
+      hoveredIndexRef.current = seriesIndex;
+    }
+    chart.setOption({
+      series: option.series
+    }, {
+      notMerge: false,
+      lazyUpdate: false
+    });
+  }, [chartInstanceRef, hoverHeightIncrement, hoveredIndexRef, optionRef, minHeight, maxHeight, effectiveYOffset]);
+};
+export var useGlobalOutHandler = function useGlobalOutHandler(optionRef, chartInstanceRef, hoveredIndexRef, config) {
+  var _ref = config !== null && config !== void 0 ? config : {},
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 10 : _ref$minHeight,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? 35 : _ref$maxHeight,
+    _ref$yOffset = _ref.yOffset,
+    yOffset = _ref$yOffset === void 0 ? 0 : _ref$yOffset,
+    _ref$autoRotate = _ref.autoRotate,
+    autoRotate = _ref$autoRotate === void 0 ? false : _ref$autoRotate;
+  var effectiveYOffset = autoRotate ? 0 : yOffset;
+  return useCallback(function () {
+    var _option$series$hovere2;
+    if (!optionRef.current) return;
+    var option = optionRef.current;
+    var chart = chartInstanceRef.current;
+    if (!chart) return;
+    if (hoveredIndexRef.current !== "" && (_option$series$hovere2 = option.series[hoveredIndexRef.current]) !== null && _option$series$hovere2 !== void 0 && _option$series$hovere2.pieData) {
+      var idx = hoveredIndexRef.current;
+      var isSelected = option.series[idx].pieStatus.selected;
+      var startRatio = option.series[idx].pieData.startRatio;
+      var endRatio = option.series[idx].pieData.endRatio;
+      var k = option.series[idx].pieStatus.k;
+      var maxValue = getMaxPieValue(option.series);
+      var heightRatio = option.series[idx].pieData.value / maxValue;
+      var h = minHeight + (maxHeight - minHeight) * heightRatio;
+      option.series[idx].parametricEquation = getParametricEquation(startRatio, endRatio, isSelected, false, k, h, effectiveYOffset);
+      option.series[idx].pieStatus.hovered = false;
+
+      // 取消标签高亮
+      unhighlightLabel(option, idx);
+      hoveredIndexRef.current = "";
+    }
+    chart.setOption({
+      series: option.series
+    }, {
+      notMerge: false,
+      lazyUpdate: false
+    });
+  }, [chartInstanceRef, hoveredIndexRef, optionRef, minHeight, maxHeight, effectiveYOffset]);
+};

package/es/components/Chart/Pie/Pie3D/_utils/label.d.ts

@@ -0,0 +1,2 @@
+import type { SeriesItem, LabelConfig } from "..";
+export declare const createLabelSeries: (series: SeriesItem[], label: LabelConfig, maxValue: number, minHeight: number, maxHeight: number, autoRotate: boolean, yOffset: number, alpha: number, colorPalette: string[]) => SeriesItem[];