@xq-labs/data-ui-v2 0.1.0

package/lib/index-b3548b04.js

@@ -0,0 +1,1354 @@
+'use strict';
+
+var colors = require('./colors-55265c91.js');
+var echarts = require('echarts/core');
+var charts = require('echarts/charts');
+var components = require('echarts/components');
+var renderers = require('echarts/renderers');
+var withInstall = require('./with-install-6ce12163.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
+
+/**
+ * 将输入值转换为安全数值。
+ * 非数字、空值等异常输入统一回落为 0，避免污染饼图占比计算。
+ */
+function toNumber$1(value) {
+  var numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : 0;
+}
+
+/**
+ * 统一归一化饼图输入数据。
+ * - name 缺失时自动补默认文案
+ * - value 统一转为安全数字
+ */
+function normalizePieInput() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    data = _ref.data;
+  var rawData = Array.isArray(data) ? data : [];
+  return rawData.map(function (item, index) {
+    return colors._objectSpread2(colors._objectSpread2({}, item), {}, {
+      name: item && item.name !== undefined ? item.name : "\u6570\u636E".concat(index + 1),
+      value: toNumber$1(item && item.value)
+    });
+  });
+}
+
+var PIE_PRESETS = {
+  ratio: {
+    legend: {
+      show: false
+    }
+  },
+  rank: {
+    legend: {
+      show: true,
+      orient: 'vertical',
+      right: 0,
+      top: 'middle'
+    }
+  }
+};
+
+/**
+ * 获取饼图预设配置。
+ * 未命中时统一回退到 `ratio`，避免组件层感知预设异常。
+ */
+function getPiePreset() {
+  var preset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ratio';
+  return PIE_PRESETS[preset] || PIE_PRESETS.ratio;
+}
+
+var PIE_VARIANT = {
+  PIE: 'pie',
+  RING: 'ring'
+};
+var PIE_DIMENSION = {
+  TWO_D: '2d',
+  THREE_D: '3d'
+};
+var PIE_HEIGHT_MODE = {
+  EQUAL: 'equal',
+  VALUE: 'value'
+};
+var DEFAULT_HEIGHT_RANGE = {
+  min: 20,
+  max: 80
+};
+var DEFAULT_3D_VIEW_ALPHA = 28;
+var DEFAULT_INTERNAL_DIAMETER_RATIO = 0.6;
+var DEFAULT_ROSE_RADIUS_RANGE = [0.75, 1.15];
+var DEFAULT_LABEL_OPTIONS = {
+  show: true,
+  formatter: '{b}\n{d}%',
+  fontSize: 14,
+  color: '#333',
+  lineColor: null,
+  lineWidth: 1,
+  lineLength1: 18,
+  lineLength2: 24,
+  minShowLabelAngle: 0,
+  edgePadding: 12,
+  textGap: 6,
+  verticalGap: 8,
+  radialOffset: 0.12
+};
+
+/**
+ * 将输入值转为安全数字。
+ * 当值不可用时回退到指定默认值，供几何计算统一复用。
+ */
+function toNumber(value) {
+  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : fallback;
+}
+
+/**
+ * 归一化区间数组。
+ * 输入非法时回退到默认区间，并自动修正最小值/最大值顺序。
+ */
+function normalizeRange(range, fallbackMin, fallbackMax) {
+  if (!Array.isArray(range) || range.length < 2) {
+    return [fallbackMin, fallbackMax];
+  }
+  var min = toNumber(range[0], fallbackMin);
+  var max = toNumber(range[1], fallbackMax);
+  return min <= max ? [min, max] : [max, min];
+}
+
+/**
+ * 归一化环图内径比例。
+ * 统一限制在 [0, 0.9] 区间，避免 3D 几何穿模。
+ */
+function normalizeInternalDiameterRatio(ratio) {
+  return Math.min(0.9, Math.max(0, toNumber(ratio, DEFAULT_INTERNAL_DIAMETER_RATIO)));
+}
+
+/**
+ * 将原始数值线性映射到目标区间。
+ * 常用于把 value 映射到高度、半径等视觉参数。
+ */
+function mapValueToRange(values, targetMin, targetMax) {
+  if (!values.length) {
+    return [];
+  }
+  var minValue = Math.min.apply(Math, colors._toConsumableArray(values));
+  var maxValue = Math.max.apply(Math, colors._toConsumableArray(values));
+  if (minValue === maxValue) {
+    return values.map(function () {
+      return targetMax;
+    });
+  }
+  return values.map(function (value) {
+    return targetMin + (value - minValue) / (maxValue - minValue) * (targetMax - targetMin);
+  });
+}
+
+/**
+ * 为角度分配准备有效值列表。
+ * 当总和小于等于 0 时，回退为等分权重，保证饼图仍可渲染。
+ */
+function getAngleValueList(values) {
+  var positiveValues = values.map(function (value) {
+    return Math.max(0, value);
+  });
+  var total = positiveValues.reduce(function (sum, value) {
+    return sum + value;
+  }, 0);
+  if (total > 0) {
+    return positiveValues;
+  }
+  return positiveValues.map(function () {
+    return 1;
+  });
+}
+
+/**
+ * 在 3D 场景下按配置过滤零值扇区。
+ * 默认会隐藏数值小于等于 0 的项，避免生成“有高度但没有角度”的不可见切片。
+ * 当外部显式关闭该开关时，继续保留旧行为，方便兼容已有展示或对比调试。
+ */
+function filterZeroValuePieData(pieData, hideZeroValueSlices) {
+  if (!hideZeroValueSlices) {
+    return pieData;
+  }
+  return (pieData || []).filter(function (item) {
+    return Math.max(0, toNumber(item && item.value, 0)) > 0;
+  });
+}
+
+/**
+ * 将业务数据转换为饼图系列数据。
+ * 该步骤会统一补齐安全数值与默认色板。
+ */
+function buildPieChartData(data) {
+  var colors$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : colors.DEFAULT_COLORS;
+  var palette = Array.isArray(colors$1) && colors$1.length > 0 ? colors$1 : colors.DEFAULT_COLORS;
+  return (data || []).map(function (item, index) {
+    var itemStyle = item.itemStyle || {};
+    return colors._objectSpread2(colors._objectSpread2({}, item), {}, {
+      value: toNumber(item.value, 0),
+      itemStyle: colors._objectSpread2(colors._objectSpread2({}, itemStyle), {}, {
+        color: itemStyle.color || palette[index % palette.length],
+        opacity: itemStyle.opacity === undefined ? 0.85 : itemStyle.opacity
+      })
+    });
+  });
+}
+function replaceLabelTemplate(template, params) {
+  return template.replace(/\{b\}/g, params.name).replace(/\{c\}/g, params.value).replace(/\{d\}/g, params.percent);
+}
+function formatPieLabelText(formatter, params) {
+  if (typeof formatter === 'function') {
+    return formatter(params);
+  }
+  if (typeof formatter === 'string' && formatter) {
+    return replaceLabelTemplate(formatter, params);
+  }
+  return "".concat(params.name, "\n").concat(params.percent, "%");
+}
+
+/**
+ * 格式化 3D 饼图默认 tooltip 文案。
+ * surface 系列 hover 时拿到的 `params.value` 实际是参数方程采样值，
+ * 不能直接当业务值展示，因此统一回退到扇区自身的 `pieData`。
+ */
+function formatPieTooltipText(name, value, percent) {
+  return "".concat(name, ": ").concat(value, " (").concat(percent, "%)");
+}
+
+/**
+ * 为单个 3D 扇区生成专用 tooltip。
+ * 这样即使鼠标落在 surface 网格采样点上，展示的仍然是业务名称、原始值与百分比。
+ */
+function createPie3DTooltip(pieData, totalValue) {
+  var value = toNumber(pieData && pieData.value, 0);
+  var percent = totalValue > 0 ? Number((value / totalValue * 100).toFixed(2)) : 0;
+  var name = pieData && pieData.name !== undefined ? pieData.name : '';
+  return {
+    formatter: function formatter() {
+      return formatPieTooltipText(name, value, percent);
+    }
+  };
+}
+function multiplyMat4Vec4(matrix, vector) {
+  return [matrix[0] * vector[0] + matrix[4] * vector[1] + matrix[8] * vector[2] + matrix[12] * vector[3], matrix[1] * vector[0] + matrix[5] * vector[1] + matrix[9] * vector[2] + matrix[13] * vector[3], matrix[2] * vector[0] + matrix[6] * vector[1] + matrix[10] * vector[2] + matrix[14] * vector[3], matrix[3] * vector[0] + matrix[7] * vector[1] + matrix[11] * vector[2] + matrix[15] * vector[3]];
+}
+function projectPiePointToPixel(chart, coordSys, camera, dataPoint) {
+  var viewport = coordSys && coordSys.viewGL && coordSys.viewGL.viewport;
+  var chartHeight = chart && chart.getHeight ? chart.getHeight() : 0;
+  if (!viewport || !camera || !camera.viewMatrix || !camera.projectionMatrix) {
+    return null;
+  }
+  var worldPoint = coordSys.dataToPoint(dataPoint);
+  if (!worldPoint || worldPoint.length < 3) {
+    return null;
+  }
+  var viewPoint = multiplyMat4Vec4(camera.viewMatrix.array, [worldPoint[0], worldPoint[1], worldPoint[2], 1]);
+  var clipPoint = multiplyMat4Vec4(camera.projectionMatrix.array, viewPoint);
+  if (!Number.isFinite(clipPoint[3]) || clipPoint[3] === 0) {
+    return null;
+  }
+  var ndcX = clipPoint[0] / clipPoint[3];
+  var ndcY = clipPoint[1] / clipPoint[3];
+  if (!Number.isFinite(ndcX) || !Number.isFinite(ndcY)) {
+    return null;
+  }
+  return [viewport.x + (ndcX + 1) * viewport.width / 2, chartHeight - (viewport.y + (ndcY + 1) * viewport.height / 2)];
+}
+function normalizeVector(x, y) {
+  var fallbackX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var fallbackY = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var length = Math.sqrt(x * x + y * y);
+  if (!length) {
+    return [fallbackX, fallbackY];
+  }
+  return [x / length, y / length];
+}
+function estimateLabelHeight(text, fontSize) {
+  var lineCount = String(text || '').split('\n').length || 1;
+  return lineCount * fontSize * 1.4;
+}
+function adjustLabelPositions(labelItems, chartHeight, edgePadding, verticalGap) {
+  if (!labelItems.length) {
+    return;
+  }
+  labelItems.sort(function (prevItem, nextItem) {
+    return prevItem.targetY - nextItem.targetY;
+  });
+  var currentTop = edgePadding;
+  labelItems.forEach(function (item) {
+    var halfHeight = item.textHeight / 2;
+    var minCenterY = currentTop + halfHeight;
+    item.finalY = Math.max(item.targetY, minCenterY);
+    currentTop = item.finalY + halfHeight + verticalGap;
+  });
+  var currentBottom = chartHeight - edgePadding;
+  for (var index = labelItems.length - 1; index >= 0; index -= 1) {
+    var item = labelItems[index];
+    var halfHeight = item.textHeight / 2;
+    var maxCenterY = currentBottom - halfHeight;
+    item.finalY = Math.min(item.finalY, maxCenterY);
+    currentBottom = item.finalY - halfHeight - verticalGap;
+  }
+  currentTop = edgePadding;
+  labelItems.forEach(function (item) {
+    var halfHeight = item.textHeight / 2;
+    var minCenterY = currentTop + halfHeight;
+    item.finalY = Math.max(item.finalY, minCenterY);
+    currentTop = item.finalY + halfHeight + verticalGap;
+  });
+}
+
+/**
+ * 基于真实 3D 扇区投影生成引导线 graphic。
+ * 3D surface 不能直接复用 2D pie 的 labelLine，否则引导线会和立体扇区错位。
+ */
+function buildPieLabelGraphics(chart) {
+  var pieSeries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var customLabelOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var labelOptions = colors._objectSpread2(colors._objectSpread2({}, DEFAULT_LABEL_OPTIONS), customLabelOptions || {});
+  if (!labelOptions.show || !chart || !pieSeries.length) {
+    return [];
+  }
+  var chartModel = chart.getModel && chart.getModel();
+  var grid3DModel = chartModel && chartModel.getComponent('grid3D', 0);
+  var coordSys = grid3DModel && grid3DModel.coordinateSystem;
+  var camera = coordSys && coordSys.viewGL && coordSys.viewGL.camera;
+  if (!coordSys || !camera) {
+    return [];
+  }
+  var renderSeries = pieSeries.filter(function (item) {
+    return item && item.type === 'surface' && item.name !== 'mouseoutSeries';
+  });
+  if (!renderSeries.length) {
+    return [];
+  }
+  var chartWidth = chart.getWidth();
+  var chartHeight = chart.getHeight();
+  var totalValue = renderSeries.reduce(function (sum, item) {
+    return sum + Math.max(0, toNumber(item.pieData && item.pieData.value, 0));
+  }, 0);
+  var leftItems = [];
+  var rightItems = [];
+  renderSeries.forEach(function (seriesItem, index) {
+    var pieData = seriesItem.pieData || {};
+    var pieGeometry = seriesItem.pieGeometry || {};
+    var sectorAngle = ((pieData.endRatio || 0) - (pieData.startRatio || 0)) * 360;
+    if (sectorAngle < labelOptions.minShowLabelAngle) {
+      return;
+    }
+    var midRatio = (pieData.startRatio + pieData.endRatio) / 2;
+    var midRadian = midRatio * Math.PI * 2;
+    var outerRadius = Math.max(0, toNumber(pieGeometry.outerRadius, 1));
+    var height = toNumber(pieGeometry.height, DEFAULT_HEIGHT_RANGE.max);
+    var radialOffset = Math.max(0.02, toNumber(labelOptions.radialOffset, DEFAULT_LABEL_OPTIONS.radialOffset));
+    var anchorPoint = projectPiePointToPixel(chart, coordSys, camera, [Math.cos(midRadian) * outerRadius, Math.sin(midRadian) * outerRadius, height]);
+    var outwardPoint = projectPiePointToPixel(chart, coordSys, camera, [Math.cos(midRadian) * (outerRadius + radialOffset), Math.sin(midRadian) * (outerRadius + radialOffset), height]);
+    var centerPoint = projectPiePointToPixel(chart, coordSys, camera, [0, 0, height]);
+    if (!anchorPoint) {
+      return;
+    }
+    var fallbackSide = Math.cos(midRadian) >= 0 ? 1 : -1;
+    var directionSource = outwardPoint || centerPoint;
+    var rawDirection = directionSource ? [outwardPoint ? outwardPoint[0] - anchorPoint[0] : anchorPoint[0] - centerPoint[0], outwardPoint ? outwardPoint[1] - anchorPoint[1] : anchorPoint[1] - centerPoint[1]] : [fallbackSide, 0];
+    var direction = normalizeVector(rawDirection[0], rawDirection[1], fallbackSide, 0);
+    var side = direction[0] >= 0 ? 1 : -1;
+    var firstLineEnd = [anchorPoint[0] + direction[0] * labelOptions.lineLength1, anchorPoint[1] + direction[1] * labelOptions.lineLength1];
+    var value = toNumber(pieData.value, 0);
+    var percent = totalValue > 0 ? Number((value / totalValue * 100).toFixed(2)) : 0;
+    var text = formatPieLabelText(labelOptions.formatter, {
+      name: pieData.name,
+      value: value,
+      percent: percent,
+      data: pieData
+    });
+    var labelItem = {
+      id: "pie-label-".concat(index),
+      anchorPoint: anchorPoint,
+      firstLineEnd: firstLineEnd,
+      side: side,
+      lineEndX: Math.min(Math.max(firstLineEnd[0] + side * labelOptions.lineLength2, labelOptions.edgePadding), chartWidth - labelOptions.edgePadding),
+      targetY: firstLineEnd[1],
+      text: text,
+      textHeight: estimateLabelHeight(text, labelOptions.fontSize),
+      textColor: labelOptions.color,
+      lineColor: labelOptions.lineColor || labelOptions.color,
+      lineWidth: labelOptions.lineWidth,
+      fontSize: labelOptions.fontSize,
+      textGap: labelOptions.textGap
+    };
+    if (side > 0) {
+      rightItems.push(labelItem);
+      return;
+    }
+    leftItems.push(labelItem);
+  });
+  adjustLabelPositions(leftItems, chartHeight, labelOptions.edgePadding, labelOptions.verticalGap);
+  adjustLabelPositions(rightItems, chartHeight, labelOptions.edgePadding, labelOptions.verticalGap);
+  return [].concat(leftItems, rightItems).map(function (item) {
+    var lineEndPoint = [item.lineEndX, item.finalY];
+    var textX = item.lineEndX + (item.side > 0 ? item.textGap : -item.textGap);
+    return {
+      id: item.id,
+      type: 'group',
+      silent: true,
+      z: 101,
+      children: [{
+        type: 'polyline',
+        shape: {
+          points: [item.anchorPoint, item.firstLineEnd, lineEndPoint]
+        },
+        style: {
+          stroke: item.lineColor,
+          lineWidth: item.lineWidth,
+          fill: null,
+          lineJoin: 'round',
+          lineCap: 'round'
+        }
+      }, {
+        type: 'text',
+        style: {
+          x: textX,
+          y: item.finalY,
+          text: item.text,
+          fill: item.textColor,
+          font: "".concat(item.fontSize, "px sans-serif"),
+          textAlign: item.side > 0 ? 'left' : 'right',
+          textVerticalAlign: 'middle',
+          lineHeight: Math.round(item.fontSize * 1.4)
+        }
+      }]
+    };
+  });
+}
+
+/**
+ * 根据高度模式为每个扇区生成 3D 高度列表。
+ * - equal：全部返回统一高度
+ * - value：按数据值线性映射到 [minHeight, maxHeight]
+ */
+function createHeightValues(values, mode, minHeight, maxHeight) {
+  var safeMinHeight = Math.max(1, toNumber(minHeight, DEFAULT_HEIGHT_RANGE.min));
+  var safeMaxHeight = Math.max(safeMinHeight, toNumber(maxHeight, DEFAULT_HEIGHT_RANGE.max));
+  if (mode !== PIE_HEIGHT_MODE.VALUE) {
+    return values.map(function () {
+      return safeMaxHeight;
+    });
+  }
+  return mapValueToRange(values, safeMinHeight, safeMaxHeight);
+}
+function createAdaptiveViewControl(showLabelLine, maxHeight) {
+  var baseDistance = showLabelLine ? 175 : 180;
+  var extraDistance = Math.max(0, maxHeight - 200) * 0.18;
+  return {
+    distance: baseDistance + extraDistance,
+    alpha: DEFAULT_3D_VIEW_ALPHA
+  };
+}
+
+/**
+ * 在启用玫瑰图时，按数据值计算每个扇区的外半径倍率。
+ * 未启用时返回全 1，表示所有扇区半径一致。
+ */
+function createRoseOuterRadius(values, enabled, roseRadiusRange) {
+  if (!enabled) {
+    return values.map(function () {
+      return 1;
+    });
+  }
+  var range = normalizeRange(roseRadiusRange, DEFAULT_ROSE_RADIUS_RANGE[0], DEFAULT_ROSE_RADIUS_RANGE[1]);
+  return mapValueToRange(values, range[0], range[1]);
+}
+
+/**
+ * 计算 3D 坐标轴边界。
+ * 会基于最大外半径额外留白，避免扇区超出视图裁切。
+ */
+function calculate3DAxisLimit(outerRadiusList) {
+  var maxOuterRadius = Math.max.apply(Math, [1].concat(colors._toConsumableArray(outerRadiusList)));
+  return maxOuterRadius + 0.45;
+}
+
+/**
+ * 生成单个 3D 扇区的参数方程。
+ * 返回的方程会同时编码内径、外径、高度与 hover/selected 状态。
+ */
+function getParametricEquation(startRatio, endRatio, isSelected, isHovered) {
+  var geometry = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var innerRatio = normalizeInternalDiameterRatio(geometry.innerRatio);
+  var outerRadius = Math.max(innerRatio + 0.05, toNumber(geometry.outerRadius, 1));
+  var height = Math.max(1, toNumber(geometry.height, DEFAULT_HEIGHT_RANGE.max));
+  var baseRadius = (outerRadius + innerRatio) / 2;
+  var radiusRange = (outerRadius - innerRatio) / 2;
+  var midRatio = (startRatio + endRatio) / 2;
+  var startRadian = startRatio * Math.PI * 2;
+  var endRadian = endRatio * Math.PI * 2;
+  var midRadian = midRatio * Math.PI * 2;
+  var selected = startRatio === 0 && endRatio === 1 ? false : isSelected;
+  var offsetSize = outerRadius * 0.08;
+  var offsetX = selected ? Math.cos(midRadian) * offsetSize : 0;
+  var offsetY = selected ? Math.sin(midRadian) * offsetSize : 0;
+  var hoverScale = isHovered ? 1.05 : 1;
+  var getClampedRadian = function getClampedRadian(u) {
+    if (u < startRadian) return startRadian;
+    if (u > endRadian) return endRadian;
+    return u;
+  };
+  return {
+    u: {
+      min: -Math.PI,
+      max: Math.PI * 3,
+      step: Math.PI / 32
+    },
+    v: {
+      min: 0,
+      max: Math.PI * 2,
+      step: Math.PI / 20
+    },
+    x: function x(u, v) {
+      var radian = getClampedRadian(u);
+      var currentRadius = (baseRadius + Math.cos(v) * radiusRange) * hoverScale;
+      return offsetX + Math.cos(radian) * currentRadius;
+    },
+    y: function y(u, v) {
+      var radian = getClampedRadian(u);
+      var currentRadius = (baseRadius + Math.cos(v) * radiusRange) * hoverScale;
+      return offsetY + Math.sin(radian) * currentRadius;
+    },
+    z: function z(u, v) {
+      if (u < -Math.PI * 0.5 || u > Math.PI * 2.5) {
+        return Math.sin(u);
+      }
+      return Math.sin(v) > 0 ? height : 0;
+    }
+  };
+}
+
+/**
+ * 创建透明辅助曲面。
+ * 主要用于稳定鼠标事件和 3D 场景边界，不承载业务数据。
+ */
+function createSupportSeries() {
+  var outerRadius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return {
+    name: 'mouseoutSeries',
+    type: 'surface',
+    tooltip: {
+      show: false
+    },
+    parametric: true,
+    wireframe: {
+      show: false
+    },
+    itemStyle: {
+      opacity: 0
+    },
+    parametricEquation: {
+      u: {
+        min: 0,
+        max: Math.PI * 2,
+        step: Math.PI / 20
+      },
+      v: {
+        min: 0,
+        max: Math.PI,
+        step: Math.PI / 20
+      },
+      x: function x(u, v) {
+        return (Math.sin(v) * Math.sin(u) + Math.sin(u)) * outerRadius;
+      },
+      y: function y(u, v) {
+        return (Math.sin(v) * Math.cos(u) + Math.cos(u)) * outerRadius;
+      },
+      z: function z(u, v) {
+        return Math.cos(v) > 0 ? 0.1 : 0;
+      }
+    }
+  };
+}
+
+/**
+ * 生成 3D 饼图所需的 surface 系列集合。
+ * 返回值同时携带坐标轴边界，供上层组装 grid3D 使用。
+ */
+function buildPie3DSeries(pieData) {
+  var chartConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var renderPieData = filterZeroValuePieData(pieData, chartConfig.hideZeroValueSlices);
+  var series = [];
+  var valueList = renderPieData.map(function (item) {
+    return Math.max(0, toNumber(item.value, 0));
+  });
+  var totalValue = valueList.reduce(function (sum, value) {
+    return sum + value;
+  }, 0);
+  var angleValueList = getAngleValueList(valueList);
+  var totalAngleValue = angleValueList.reduce(function (sum, value) {
+    return sum + value;
+  }, 0);
+  var heightValues = createHeightValues(valueList, chartConfig.heightMode, chartConfig.minHeight, chartConfig.maxHeight);
+  var roseOuterRadiusList = createRoseOuterRadius(valueList, chartConfig.rose, chartConfig.roseRadiusRange);
+  var innerRatio = chartConfig.variant === PIE_VARIANT.RING ? normalizeInternalDiameterRatio(chartConfig.internalDiameterRatio) : 0;
+  var startValue = 0;
+  renderPieData.forEach(function (item, index) {
+    var endValue = startValue + angleValueList[index];
+    var startRatio = startValue / totalAngleValue;
+    var endRatio = endValue / totalAngleValue;
+    var geometry = {
+      innerRatio: innerRatio,
+      outerRadius: roseOuterRadiusList[index],
+      height: heightValues[index]
+    };
+    var seriesItem = {
+      name: item.name === undefined ? "series".concat(index) : item.name,
+      type: 'surface',
+      parametric: true,
+      wireframe: {
+        show: false
+      },
+      pieData: colors._objectSpread2(colors._objectSpread2({}, item), {}, {
+        startRatio: startRatio,
+        endRatio: endRatio
+      }),
+      pieGeometry: geometry,
+      pieStatus: {
+        selected: false,
+        hovered: false
+      },
+      tooltip: createPie3DTooltip(item, totalValue),
+      itemStyle: colors._objectSpread2({}, item.itemStyle),
+      parametricEquation: getParametricEquation(startRatio, endRatio, false, false, geometry)
+    };
+    series.push(seriesItem);
+    startValue = endValue;
+  });
+  var axisLimit = calculate3DAxisLimit(roseOuterRadiusList);
+  series.push(createSupportSeries(axisLimit * 0.75));
+  return {
+    series: series,
+    axisLimit: axisLimit
+  };
+}
+
+/**
+ * 将数字转换为百分比字符串。
+ * 主要用于 2D 饼图半径配置。
+ */
+function toPercent(value) {
+  return "".concat(Math.round(value), "%");
+}
+
+/**
+ * 根据形态和玫瑰图开关计算 2D 饼图半径。
+ * ring 会返回内外半径数组，其余场景返回单半径或玫瑰区间。
+ */
+function createPie2DRadius(variant, rose, internalDiameterRatio) {
+  if (variant === PIE_VARIANT.RING) {
+    var outer = 70;
+    var innerRatio = normalizeInternalDiameterRatio(internalDiameterRatio);
+    return [toPercent(outer * innerRatio), toPercent(outer)];
+  }
+  return '70%';
+}
+
+/**
+ * 生成 2D 饼图 option 片段。
+ * 负责组合 pie series、标签与半径等 2D 专属配置。
+ */
+function createPie2DOption(input, variant) {
+  var data = buildPieChartData(input.data, input.colors);
+  var labelOptions = colors._objectSpread2(colors._objectSpread2({}, DEFAULT_LABEL_OPTIONS), input.labelOptions || {});
+  var showLabelLine = Boolean(input.showLabelLine);
+  var rose = Boolean(input.rose);
+  return {
+    series: [{
+      type: 'pie',
+      center: ['50%', '50%'],
+      radius: createPie2DRadius(variant, rose, input.internalDiameterRatio),
+      roseType: rose ? 'radius' : undefined,
+      itemStyle: {
+        opacity: 0.9
+      },
+      label: {
+        show: showLabelLine,
+        formatter: labelOptions.formatter,
+        color: labelOptions.color,
+        fontSize: labelOptions.fontSize,
+        minShowLabelAngle: labelOptions.minShowLabelAngle
+      },
+      labelLine: {
+        show: showLabelLine,
+        length: labelOptions.lineLength1,
+        length2: labelOptions.lineLength2,
+        lineStyle: {
+          color: labelOptions.lineColor || labelOptions.color,
+          width: labelOptions.lineWidth
+        }
+      },
+      data: data
+    }]
+  };
+}
+
+/**
+ * 生成 3D 饼图 option 片段。
+ * 主要负责 grid3D、坐标轴边界和 3D series 组合。
+ */
+function createPie3DOption(input, variant) {
+  var data = buildPieChartData(input.data, input.colors);
+  var safeMaxHeight = Math.max(1, toNumber(input.maxHeight, DEFAULT_HEIGHT_RANGE.max));
+  var chartConfig = {
+    variant: variant,
+    rose: Boolean(input.rose),
+    heightMode: input.heightMode,
+    minHeight: input.minHeight,
+    maxHeight: input.maxHeight,
+    internalDiameterRatio: input.internalDiameterRatio,
+    roseRadiusRange: input.roseRadiusRange,
+    showLabelLine: Boolean(input.showLabelLine),
+    labelOptions: input.labelOptions,
+    hideZeroValueSlices: input.hideZeroValueSlices !== false
+  };
+  var pie3D = buildPie3DSeries(data, chartConfig);
+  var viewControl = createAdaptiveViewControl(chartConfig.showLabelLine, safeMaxHeight);
+  return {
+    xAxis3D: {
+      min: -pie3D.axisLimit,
+      max: pie3D.axisLimit
+    },
+    yAxis3D: {
+      min: -pie3D.axisLimit,
+      max: pie3D.axisLimit
+    },
+    zAxis3D: {
+      min: 0,
+      max: safeMaxHeight
+    },
+    grid3D: {
+      show: false,
+      // 3D 扇区的 height 已经按业务值映射完成，grid3D 这里不能再给极小物理高度，
+      // 否则会把本来存在的厚度视觉再次压扁。
+      boxHeight: safeMaxHeight,
+      top: '0',
+      left: '0',
+      viewControl: {
+        distance: viewControl.distance,
+        alpha: viewControl.alpha,
+        autoRotate: false,
+        damping: 1,
+        zoomSensitivity: 0,
+        rotateSensitivity: 0,
+        panSensitivity: 0
+      }
+    },
+    graphic: [],
+    series: pie3D.series
+  };
+}
+
+/**
+ * 生成基础饼图变体 option。
+ * 由归一化后的 `dimension` 决定返回 2D 还是 3D 结果。
+ */
+function createPieChartOption() {
+  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // 分发规则：由 builder 归一后的 dimension 决定走 2D 还是 3D 分支。
+  if (input.dimension === PIE_DIMENSION.THREE_D) {
+    return createPie3DOption(input, PIE_VARIANT.PIE);
+  }
+  return createPie2DOption(input, PIE_VARIANT.PIE);
+}
+
+/**
+ * 生成基础环图变体 option。
+ * 由归一化后的 `dimension` 决定返回 2D 还是 3D 结果。
+ */
+function createRingChartOption() {
+  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // 分发规则：由 builder 归一后的 dimension 决定走 2D 还是 3D 分支。
+  if (input.dimension === PIE_DIMENSION.THREE_D) {
+    return createPie3DOption(input, PIE_VARIANT.RING);
+  }
+  return createPie2DOption(input, PIE_VARIANT.RING);
+}
+
+var PIE_PUBLIC_VARIANTS = ['pie', 'ring', 'rose-pie', 'rose-ring'];
+var PIE_PUBLIC_DIMENSIONS = [PIE_DIMENSION.TWO_D, PIE_DIMENSION.THREE_D];
+var PIE_PUBLIC_HEIGHT_MODES = [PIE_HEIGHT_MODE.EQUAL, PIE_HEIGHT_MODE.VALUE];
+var DEFAULT_VARIANT = 'pie';
+var DEFAULT_DIMENSION = PIE_DIMENSION.TWO_D;
+var DEFAULT_HEIGHT_MODE = PIE_HEIGHT_MODE.EQUAL;
+
+/**
+ * 对外公开的 variant 会先映射为内部标准结构：
+ * 1) 归一到基础形态 baseVariant（pie/ring）
+ * 2) 同时携带 rose 开关
+ */
+var PIE_VARIANT_MAPPING = {
+  pie: {
+    baseVariant: 'pie',
+    rose: false
+  },
+  ring: {
+    baseVariant: 'ring',
+    rose: false
+  },
+  'rose-pie': {
+    baseVariant: 'pie',
+    rose: true
+  },
+  'rose-ring': {
+    baseVariant: 'ring',
+    rose: true
+  }
+};
+
+/**
+ * 将公开 `variant` 解释为内部统一结构。
+ * 输出同时包含基础图形类型和是否启用玫瑰图的开关。
+ */
+function normalizePieVariant() {
+  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_VARIANT;
+  return PIE_VARIANT_MAPPING[variant] || PIE_VARIANT_MAPPING[DEFAULT_VARIANT];
+}
+
+/**
+ * 只接受 `2d / 3d` 两种公开维度，其他输入统一回落到 `2d`。
+ */
+function normalizePieDimension() {
+  var dimension = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_DIMENSION;
+  return dimension === PIE_DIMENSION.THREE_D ? PIE_DIMENSION.THREE_D : PIE_DIMENSION.TWO_D;
+}
+
+/**
+ * 规范要求：dimension 为 2d 时忽略 heightMode。
+ * 因此这里只在 3d 场景接受 value，其余统一回落 equal。
+ */
+function normalizePieHeightMode() {
+  var heightMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_HEIGHT_MODE;
+  var dimension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DIMENSION;
+  if (dimension !== PIE_DIMENSION.THREE_D) {
+    return PIE_HEIGHT_MODE.EQUAL;
+  }
+  return heightMode === PIE_HEIGHT_MODE.VALUE ? PIE_HEIGHT_MODE.VALUE : PIE_HEIGHT_MODE.EQUAL;
+}
+
+/**
+ * 汇总饼图构建层真正关心的类型输入。
+ * 经过该步骤后，变体层只需要处理标准化后的内部协议。
+ */
+function normalizePieBuildInput() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    variant = _ref.variant,
+    dimension = _ref.dimension,
+    heightMode = _ref.heightMode;
+  var normalizedVariant = normalizePieVariant(variant);
+  var normalizedDimension = normalizePieDimension(dimension);
+  return colors._objectSpread2(colors._objectSpread2({}, normalizedVariant), {}, {
+    dimension: normalizedDimension,
+    heightMode: normalizePieHeightMode(heightMode, normalizedDimension)
+  });
+}
+var variantFactory = {
+  pie: createPieChartOption,
+  ring: createRingChartOption
+};
+
+/**
+ * 构建 `PieChart` 最终 option。
+ * 这里会统一完成：
+ * 1. 输入数据归一化
+ * 2. 公开类型标准化
+ * 3. preset / variant / customOption 合并
+ */
+function buildPieOption() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    data = _ref2.data,
+    _ref2$preset = _ref2.preset,
+    preset = _ref2$preset === void 0 ? 'ratio' : _ref2$preset,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? DEFAULT_VARIANT : _ref2$variant,
+    _ref2$dimension = _ref2.dimension,
+    dimension = _ref2$dimension === void 0 ? DEFAULT_DIMENSION : _ref2$dimension,
+    _ref2$heightMode = _ref2.heightMode,
+    heightMode = _ref2$heightMode === void 0 ? DEFAULT_HEIGHT_MODE : _ref2$heightMode,
+    _ref2$minHeight = _ref2.minHeight,
+    minHeight = _ref2$minHeight === void 0 ? DEFAULT_HEIGHT_RANGE.min : _ref2$minHeight,
+    _ref2$maxHeight = _ref2.maxHeight,
+    maxHeight = _ref2$maxHeight === void 0 ? DEFAULT_HEIGHT_RANGE.max : _ref2$maxHeight,
+    _ref2$internalDiamete = _ref2.internalDiameterRatio,
+    internalDiameterRatio = _ref2$internalDiamete === void 0 ? DEFAULT_INTERNAL_DIAMETER_RATIO : _ref2$internalDiamete,
+    _ref2$roseRadiusRange = _ref2.roseRadiusRange,
+    roseRadiusRange = _ref2$roseRadiusRange === void 0 ? DEFAULT_ROSE_RADIUS_RANGE : _ref2$roseRadiusRange,
+    _ref2$showLabelLine = _ref2.showLabelLine,
+    showLabelLine = _ref2$showLabelLine === void 0 ? false : _ref2$showLabelLine,
+    _ref2$labelOptions = _ref2.labelOptions,
+    labelOptions = _ref2$labelOptions === void 0 ? {} : _ref2$labelOptions,
+    _ref2$hideZeroValueSl = _ref2.hideZeroValueSlices,
+    hideZeroValueSlices = _ref2$hideZeroValueSl === void 0 ? true : _ref2$hideZeroValueSl,
+    customOption = _ref2.customOption;
+  var normalizedData = normalizePieInput({
+    data: data
+  });
+  var normalizedInput = normalizePieBuildInput({
+    variant: variant,
+    dimension: dimension,
+    heightMode: heightMode
+  });
+  var baseOption = {
+    color: colors.DEFAULT_COLORS,
+    tooltip: {
+      trigger: 'item',
+      formatter: '{b}: {c} ({d}%)'
+    },
+    legend: {
+      data: normalizedData.map(function (item) {
+        return item.name;
+      })
+    },
+    series: []
+  };
+  var presetOption = getPiePreset(preset);
+  var createVariantOption = variantFactory[normalizedInput.baseVariant] || variantFactory.pie;
+
+  // 变体层只接收已经标准化好的输入，不再关心公开 API 的历史差异。
+  var variantOption = createVariantOption({
+    data: normalizedData,
+    colors: baseOption.color,
+    dimension: normalizedInput.dimension,
+    rose: normalizedInput.rose,
+    heightMode: normalizedInput.heightMode,
+    minHeight: minHeight,
+    maxHeight: maxHeight,
+    internalDiameterRatio: internalDiameterRatio,
+    roseRadiusRange: roseRadiusRange,
+    showLabelLine: showLabelLine,
+    labelOptions: labelOptions,
+    hideZeroValueSlices: hideZeroValueSlices
+  });
+  return colors.mergeChartOption(colors.mergeChartOption(baseOption, presetOption, variantOption), customOption);
+}
+
+var runtimePromise = null;
+var ECHARTS_GL_PACKAGE_NAME = 'echarts-gl';
+var MISSING_RUNTIME_MESSAGE = '使用 PieChart 3D 能力需要安装 echarts-gl，请执行 npm install echarts-gl。';
+var createMissingRuntimeError = function createMissingRuntimeError(error) {
+  var runtimeError = new Error(MISSING_RUNTIME_MESSAGE);
+  runtimeError.cause = error;
+  return runtimeError;
+};
+var importRuntime = function importRuntime() {
+  var dynamicImport = new Function('packageName', 'return import(packageName)');
+  return dynamicImport(ECHARTS_GL_PACKAGE_NAME);
+};
+
+/**
+ * 按需加载 echarts-gl 运行时。
+ *
+ * 这里不能在模块顶层静态加载 echarts-gl，否则只使用 2D 饼图的业务方也会被迫安装。
+ * 加载结果会被缓存，避免同一个页面内多个 3D 饼图重复触发运行时加载。
+ */
+function ensureEchartsGlRuntime() {
+  if (!runtimePromise) {
+    runtimePromise = importRuntime()["catch"](function (error) {
+      runtimePromise = null;
+      throw createMissingRuntimeError(error);
+    });
+  }
+  return runtimePromise;
+}
+
+echarts__namespace.use([charts.PieChart, components.TooltipComponent, components.LegendComponent, components.GridComponent, components.TitleComponent, components.GraphicComponent, renderers.CanvasRenderer]);
+var script = {
+  name: 'PieChart',
+  components: {
+    BaseChart: withInstall.BaseChart
+  },
+  props: {
+    /**
+     * 饼图数据源。
+     * 每项至少建议包含：
+     * - name: 扇区名称
+     * - value: 扇区数值
+     * 其余字段会原样透传给内部 builder 使用。
+     */
+    data: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    /**
+     * 对外公开的形态枚举，统一收口为四种：
+     * - pie / ring：普通饼图与环图
+     * - rose-pie / rose-ring：玫瑰饼图与玫瑰环图
+     */
+    variant: {
+      type: String,
+      "default": 'pie',
+      validator: function validator(value) {
+        return PIE_PUBLIC_VARIANTS.includes(value);
+      }
+    },
+    /**
+     * 维度开关：
+     * - 2d：标准 ECharts 饼图序列
+     * - 3d：基于 echarts-gl 的 surface 序列
+     */
+    dimension: {
+      type: String,
+      "default": '2d',
+      validator: function validator(value) {
+        return PIE_PUBLIC_DIMENSIONS.includes(value);
+      }
+    },
+    /**
+     * 预设配置名称。
+     * 当前主要用于切换图例、tooltip 等通用展示风格，
+     * 不负责决定图形类型本身。
+     */
+    preset: {
+      type: String,
+      "default": 'ratio'
+    },
+    /**
+     * 3D 高度模式：
+     * - equal：所有扇区等高
+     * - value：按数据值映射高度
+     * 注意：当 dimension 为 2d 时会被忽略（内部会归一为 equal）。
+     */
+    heightMode: {
+      type: String,
+      "default": 'equal',
+      validator: function validator(value) {
+        return PIE_PUBLIC_HEIGHT_MODES.includes(value);
+      }
+    },
+    /**
+     * 3D 模式下的最小扇区高度。
+     * 仅在 `dimension="3d" && heightMode="value"` 时参与高度映射。
+     */
+    minHeight: {
+      type: Number,
+      "default": 20
+    },
+    /**
+     * 3D 模式下的最大扇区高度。
+     * `heightMode="equal"` 时会作为统一高度使用。
+     */
+    maxHeight: {
+      type: Number,
+      "default": 80
+    },
+    /**
+     * 环图内径比例。
+     * 仅当基础形态为 ring / rose-ring 时生效，范围由内部统一归一。
+     */
+    internalDiameterRatio: {
+      type: Number,
+      "default": 0.6
+    },
+    /**
+     * 玫瑰图外半径映射范围。
+     * 用于控制 rose 系列在 3D 场景下的扇区外扩比例。
+     */
+    roseRadiusRange: {
+      type: Array,
+      "default": function _default() {
+        return [0.75, 1.15];
+      }
+    },
+    /**
+     * 是否显示标签引导线。
+     * 2D / 3D 都支持，但最终由内部 builder 决定具体实现方式。
+     */
+    showLabelLine: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * 标签与引导线配置。
+     * 典型字段包括 formatter、fontSize、lineLength1、lineLength2 等。
+     */
+    labelOptions: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    /**
+     * 是否在 3D 模式下自动过滤值为 0 的扇区。
+     * - true：默认过滤，避免生成 0 角度但仍占高度映射的不可见切片
+     * - false：维持旧行为，保留零值扇区占位
+     * 该配置仅对 `dimension="3d"` 生效，2D 饼图仍保持原始数据展示方式。
+     */
+    hideZeroValueSlices: {
+      type: Boolean,
+      "default": true
+    },
+    /**
+     * 额外透传给 ECharts option 的自定义配置。
+     * 最终会在基础 option 之上做合并，可用于覆盖默认展示细节。
+     */
+    customOption: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    /**
+     * 图表 loading 状态。
+     * 由底层 BaseChart 统一负责 showLoading / hideLoading。
+     */
+    loading: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * 图表容器高度。
+     * 支持数字（按 px 处理）或原样透传的字符串高度值。
+     */
+    height: {
+      type: [String, Number],
+      "default": 320
+    }
+  },
+  data: function data() {
+    return {
+      chart: null,
+      syncingLabelGraphics: false,
+      echartsGlStatus: 'idle',
+      echartsGlErrorMessage: ''
+    };
+  },
+  computed: {
+    /**
+     * 基于数据源判断当前是否为空态。
+     * 真正的空态渲染逻辑由 BaseChart 统一处理。
+     */
+    isEmpty: function isEmpty() {
+      return colors.isEmptyData(this.data);
+    },
+    /**
+     * 判断当前是否进入 3D 饼图能力。
+     * 只有 3D 才需要加载 echarts-gl，2D 场景不应触发任何 3D 运行时依赖。
+     */
+    is3D: function is3D() {
+      return this.dimension === '3d';
+    },
+    /**
+     * 标识 echarts-gl 是否已经加载完成。
+     * 3D option 只有在运行时就绪后才会生成 surface 序列。
+     */
+    isEchartsGlReady: function isEchartsGlReady() {
+      return this.echartsGlStatus === 'ready';
+    },
+    /**
+     * 汇总外部 loading 与 3D 运行时加载状态。
+     * 这样 3D 首次加载 echarts-gl 时，底层 BaseChart 能保持 loading 态。
+     */
+    chartLoading: function chartLoading() {
+      return this.loading || this.is3D && this.echartsGlStatus === 'loading';
+    },
+    /**
+     * 汇总数据空态与 3D 运行时失败状态。
+     * 缺少 echarts-gl 时不让 BaseChart 继续渲染空 surface option。
+     */
+    chartEmpty: function chartEmpty() {
+      return this.isEmpty || this.is3D && this.echartsGlStatus === 'failed';
+    },
+    /**
+     * 统一传给 BaseChart 的空态文案。
+     * 3D 缺少运行时时给出可执行的安装提示，普通空态仍保留默认文案。
+     */
+    chartEmptyText: function chartEmptyText() {
+      if (this.is3D && this.echartsGlStatus === 'failed') {
+        return this.echartsGlErrorMessage || '使用 3D 饼图需要安装 echarts-gl';
+      }
+      return '暂无数据';
+    },
+    /**
+     * 将组件公开 props 统一汇总后交给 builder。
+     * 组件层不参与 2D/3D 分发和类型标准化，只负责透传公开输入。
+     */
+    chartOption: function chartOption() {
+      if (this.is3D && !this.isEchartsGlReady) {
+        return {
+          series: []
+        };
+      }
+      return buildPieOption({
+        data: this.data,
+        variant: this.variant,
+        dimension: this.dimension,
+        preset: this.preset,
+        heightMode: this.heightMode,
+        minHeight: this.minHeight,
+        maxHeight: this.maxHeight,
+        internalDiameterRatio: this.internalDiameterRatio,
+        roseRadiusRange: this.roseRadiusRange,
+        showLabelLine: this.showLabelLine,
+        labelOptions: this.labelOptions,
+        hideZeroValueSlices: this.hideZeroValueSlices,
+        customOption: this.customOption
+      });
+    }
+  },
+  watch: {
+    /**
+     * dimension 是 2D/3D 分发的公开开关。
+     * 只有切到 3D 时才按需加载 echarts-gl，避免 2D 使用方被迫安装 3D 运行时。
+     */
+    dimension: {
+      immediate: true,
+      handler: function handler() {
+        this.ensurePie3DRuntimeIfNeeded();
+      }
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.chart && this.chart.off) {
+      this.chart.off('finished', this.handleChartFinished);
+    }
+    this.chart = null;
+  },
+  methods: {
+    /**
+     * 接收 BaseChart 初始化完成后的 ECharts 实例。
+     * 这里除了继续向外透传 ready，还会挂接 3D 引导线同步逻辑。
+     */
+    handleBaseChartReady: function handleBaseChartReady(chart) {
+      this.chart = chart;
+      this.syncingLabelGraphics = false;
+      if (chart && chart.off) {
+        chart.off('finished', this.handleChartFinished);
+      }
+      if (chart && chart.on) {
+        chart.on('finished', this.handleChartFinished);
+      }
+      this.$emit('ready', chart);
+    },
+    /**
+     * 在真正进入 3D 能力时按需加载 echarts-gl。
+     *
+     * 返回 Promise 是为了让单测和后续业务扩展能准确等待状态变化；
+     * 2D、已就绪、加载中三种场景会直接返回 resolved Promise。
+     */
+    ensurePie3DRuntimeIfNeeded: function ensurePie3DRuntimeIfNeeded() {
+      var _this = this;
+      if (!this.is3D || this.echartsGlStatus === 'ready' || this.echartsGlStatus === 'loading') {
+        return Promise.resolve();
+      }
+      this.echartsGlStatus = 'loading';
+      this.echartsGlErrorMessage = '';
+      return ensureEchartsGlRuntime().then(function () {
+        _this.echartsGlStatus = 'ready';
+      })["catch"](function (error) {
+        _this.echartsGlStatus = 'failed';
+        _this.echartsGlErrorMessage = error && error.message ? error.message : '使用 3D 饼图需要安装 echarts-gl';
+        _this.$emit('runtime-error', error);
+      });
+    },
+    /**
+     * ECharts 完成 3D 渲染后再同步引导线。
+     * 引导线需要依赖 grid3D 相机和投影矩阵，不能在 option 构建阶段静态计算。
+     */
+    handleChartFinished: function handleChartFinished() {
+      if (this.syncingLabelGraphics) {
+        this.syncingLabelGraphics = false;
+        return;
+      }
+      this.syncPieLabelGraphics();
+    },
+    /**
+     * 基于当前 3D surface 扇区生成 graphic 引导线。
+     * 非 3D 或未开启 showLabelLine 时会清空 graphic，避免旧引导线残留。
+     */
+    syncPieLabelGraphics: function syncPieLabelGraphics() {
+      if (!this.chart || !this.chart.setOption) {
+        return;
+      }
+      var shouldShowLabelGraphics = this.dimension === '3d' && this.showLabelLine && !this.chartEmpty && this.isEchartsGlReady;
+      var graphic = shouldShowLabelGraphics ? buildPieLabelGraphics(this.chart, this.chartOption.series, colors._objectSpread2(colors._objectSpread2({}, this.labelOptions), {}, {
+        show: true
+      })) : [];
+      this.syncingLabelGraphics = true;
+      this.chart.setOption({
+        graphic: graphic
+      }, {
+        replaceMerge: ['graphic'],
+        silent: true
+      });
+    }
+  }
+};
+
+var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
+withInstall.styleInject(css_248z);
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("BaseChart", {
+    attrs: {
+      option: _vm.chartOption,
+      loading: _vm.chartLoading,
+      empty: _vm.chartEmpty,
+      "empty-text": _vm.chartEmptyText,
+      height: _vm.height
+    },
+    on: {
+      "chart-click": function chartClick($event) {
+        return _vm.$emit("chart-click", $event);
+      },
+      ready: _vm.handleBaseChartReady
+    }
+  });
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-815905b6";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/withInstall.normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var PieChart = __vue_component__;
+
+exports.PieChart = PieChart;