@wil-works/evoke-charts 0.6.0 → 0.7.0

package/dist/index.mjs

@@ -1,4 +1,6 @@
-import { $ as resolveChartPalette, A as squarifyTreemap, B as getToolboxBounds, C as chordHitTest, D as computeSunburstGeometry, E as boxplotHitTest, F as doughnutInnerRadius, G as createAnimation, H as funnelStepColor, I as matrixFieldExtent, J as isMissingValue, K as getPadding, L as scatterGroupColors, M as computeFacetGrids, N as computeMatrixCells, O as sunburstValue, P as computePieMaxRadius, Q as CHART_PALETTES, R as scatterPointPositions, S as arcHitTest, T as vennHitTest, U as getHeatmapCategories, V as calendarHitTest, W as xToCategoryIndex, X as updateAnimation, Y as resolveTickExtendedRange, Z as waterfallSteps, _ as getSliderGeometry, at as INTERACTION, b as zoomToSlice, ct as resolveCursor, et as DEFAULT_I18N_ZH, f as chartOptionsSchema, g as getDataZoomConfig, h as createSvgRecorder, it as minOf, j as buildPieSlices, k as computeBins, m as renderChart, n as buildChartPrompt, ot as applyWheelZoom, p as validateOptions, q as getTheme, rt as maxOf, s as generateChartSpec, st as pickTooltipRows, t as lintChartSpec, u as parseDataTable, v as windowToX, w as sankeyHitTest, x as ganttHitTest, y as xToPercent, z as getLegendBounds } from "./ai-B5Fk3lBQ.js";
+import { $ as isMissingValue, A as vennHitTest, B as doughnutInnerRadius, C as windowToX, D as arcHitTest, E as ganttHitTest, F as squarifyTreemap, G as getToolboxBounds, H as scatterGroupColors, I as buildPieSlices, J as getHeatmapCategories, K as calendarHitTest, L as computeFacetGrids, M as computeSunburstGeometry, N as sunburstValue, O as chordHitTest, P as computeBins, Q as getTheme, R as computeMatrixCells, S as getSliderGeometry, T as zoomToSlice, U as scatterPointPositions, V as matrixFieldExtent, W as getLegendBounds, X as createAnimation, Y as xToCategoryIndex, Z as getPadding, _ as chartOptionsSchema, at as INTERACTION, b as createSvgRecorder, ct as resolveCursor, et as resolveTickExtendedRange, h as parseDataTable, it as minOf, j as boxplotHitTest, k as sankeyHitTest, l as generateChartSpec, n as buildChartPrompt, nt as waterfallSteps, ot as applyWheelZoom, q as funnelStepColor, rt as maxOf, st as pickTooltipRows, t as lintChartSpec, tt as updateAnimation, v as validateOptions, w as xToPercent, x as getDataZoomConfig, y as renderChart, z as computePieMaxRadius } from "./ai-cRi95pS2.js";
+import { a as staggerProgress, i as prefersReducedMotion, n as clearSeriesPalette, r as _plugin_vue_export_helper_default, t as applySeriesPalette } from "./palette-lwVAltky.js";
+import { S as DEFAULT_I18N_ZH, b as resolveChartPalette, y as CHART_PALETTES } from "./schema-CM4hKlpc.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, h, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
 //#region src/connect.js
 var connectGroups = /* @__PURE__ */ new Map();
@@ -22,13 +24,6 @@ function broadcastConnect(group, source, apply) {
 	});
 }
 //#endregion
-//#region \0plugin-vue:export-helper
-var _plugin_vue_export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
-//#endregion
 //#region src/chart.vue
 var _hoisted_1 = ["tabindex", "aria-label"];
 var _hoisted_2 = {
@@ -434,10 +429,18 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					options: props.options
 				};
 				const animCfg = animOverride || props.options.animation;
-				const animEnabled = animate && animCfg?.enabled !== false;
+				const animEnabled = animate && animCfg?.enabled !== false && !prefersReducedMotion();
+				const stagger = staggerOf(effectiveOptions.value);
 				animationState = createAnimation(animCfg);
 				animationState.isAnimating = animEnabled;
-				if (animEnabled) {
+				if (animEnabled && stagger > 0 && hasInterpolatable(effectiveOptions.value)) {
+					isEnterAnimating = true;
+					runDataTween(zeroSnapshot(effectiveOptions.value), animCfg, stagger, () => {
+						isEnterAnimating = false;
+						emit("animation-end");
+						emit("ready");
+					});
+				} else if (animEnabled) {
 					isEnterAnimating = true;
 					animateFrame();
 				} else {
@@ -504,39 +507,68 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 		}
 		function snapshotSeriesData(opt) {
-			const map = /* @__PURE__ */ new Map();
-			(opt.series || []).forEach((s) => map.set(s.name, (s.data || []).map((v) => isMissingValue(v) ? 0 : v)));
-			return map;
+			const series = /* @__PURE__ */ new Map();
+			(opt.series || []).forEach((s) => series.set(s.name, (s.data || []).map((v) => isMissingValue(v) ? 0 : v)));
+			const pieData = /* @__PURE__ */ new Map();
+			(opt.pieData || []).forEach((d) => pieData.set(d && d.name, Number.isFinite(Number(d && d.value)) ? Number(d.value) : 0));
+			return {
+				series,
+				pieData
+			};
+		}
+		/** 有没有可插值的数值面（series / pieData 任一），都没有就不该走数据级补间 */
+		function hasInterpolatable(opt) {
+			if ((opt.series || []).some((s) => Array.isArray(s.data) && s.data.length)) return true;
+			return (opt.pieData || []).length > 0;
 		}
 		function sameStructure(a, b) {
 			const la = a.labels || [];
 			const lb = b.labels || [];
 			if (la.length !== lb.length || la.some((v, i) => v !== lb[i])) return false;
-			return (a.series || []).map((s) => s.name).join("|") === (b.series || []).map((s) => s.name).join("|");
+			if ((a.series || []).map((s) => s.name).join("|") !== (b.series || []).map((s) => s.name).join("|")) return false;
+			return (a.pieData || []).map((d) => d && d.name).join("|") === (b.pieData || []).map((d) => d && d.name).join("|");
 		}
-		function interpolateOptions(prev, next, t) {
+		function interpolateOptions(prev, next, t, stagger = 0) {
 			const offset = next.__sliceStart || 0;
+			const cols = Math.max(1, (next.labels || []).length);
 			const series = (next.series || []).map((s) => {
-				const old = prev.get(s.name);
+				const old = prev.series.get(s.name);
 				if (!old) return s;
 				const data = (s.data || []).map((v, i) => {
 					if (isMissingValue(v)) return v;
 					const from = old[i + offset] ?? 0;
-					return from + (v - from) * t;
+					const ti = staggerProgress(t, i, cols, stagger);
+					return from + (v - from) * ti;
 				});
 				return {
 					...s,
 					data
 				};
 			});
-			return {
+			const out = {
 				...next,
 				series
 			};
+			if (Array.isArray(next.pieData)) {
+				const sliceCount = Math.max(1, next.pieData.length);
+				out.pieData = next.pieData.map((d, i) => {
+					const to = Number(d && d.value);
+					if (!Number.isFinite(to)) return d;
+					const from = prev.pieData.get(d && d.name) ?? 0;
+					const ti = staggerProgress(t, i, sliceCount, stagger);
+					return {
+						...d,
+						value: from + (to - from) * ti
+					};
+				});
+			}
+			return out;
 		}
 		function dataSignature(opt) {
-			const total = (opt.series || []).reduce((sum, s) => sum + (s.data || []).reduce((acc, v) => acc + (isMissingValue(v) ? 0 : v), 0), 0);
-			return `${(opt.series || []).length}\u7CFB\u5217/${(opt.labels || []).length}\u7C7B\u76EE/\u03A3${Math.round(total)}`;
+			const seriesTotal = (opt.series || []).reduce((sum, s) => sum + (s.data || []).reduce((acc, v) => acc + (isMissingValue(v) ? 0 : v), 0), 0);
+			const pieTotal = (opt.pieData || []).reduce((sum, d) => sum + (Number.isFinite(Number(d && d.value)) ? Math.abs(Number(d.value)) : 0), 0);
+			const pieCount = (opt.pieData || []).length;
+			return `${(opt.series || []).length}\u7CFB\u5217/${pieCount}\u997C\u9879/${(opt.labels || []).length}\u7C7B\u76EE/\u03A3${Math.round(seriesTotal + pieTotal)}`;
 		}
 		function stopTweenAnimation() {
 			if (tweenFrameId !== null) {
@@ -545,28 +577,32 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 			tweenState = null;
 		}
-		function startTweenIfNeeded(prevOptions) {
-			const nextOptions = props.options;
-			if (nextOptions.animation?.enabled === false) return false;
-			if (!sameStructure(prevOptions, nextOptions)) return false;
-			const prevSnapshot = snapshotSeriesData(prevOptions);
-			if (!(nextOptions.series || []).some((s) => {
-				const old = prevSnapshot.get(s.name);
-				if (!old) return false;
-				return (s.data || []).some((v, i) => (isMissingValue(v) ? 0 : v) !== (old[i] ?? 0));
-			})) return false;
+		/** 错峰占比（0 = 关闭，沿用统一 progress 的进场动画） */
+		function staggerOf(opt) {
+			const v = opt && opt.animation ? opt.animation.stagger : void 0;
+			return Number.isFinite(v) ? Math.max(0, Math.min(1, v)) : 0;
+		}
+		/** 全零数据快照 — 分段进场的起点（逐条长到目标值） */
+		function zeroSnapshot(opt) {
+			const series = /* @__PURE__ */ new Map();
+			(opt.series || []).forEach((s) => series.set(s.name, (s.data || []).map(() => 0)));
+			const pieData = /* @__PURE__ */ new Map();
+			(opt.pieData || []).forEach((d) => pieData.set(d && d.name, 0));
+			return {
+				series,
+				pieData
+			};
+		}
+		/** 数据补间主循环 — 更新补间与分段进场共用，按类目错峰插值后以 progress = 1 重绘 */
+		function runDataTween(fromSnapshot, cfg, stagger, onDone) {
 			stopAnimation();
 			stopHoverAnimation();
-			isEnterAnimating = false;
 			stopTweenAnimation();
-			if (!canvasRef.value) return false;
-			tweenState = createAnimation(nextOptions.animation);
-			const fromSig = dataSignature(prevOptions);
-			const toSig = dataSignature(nextOptions);
+			tweenState = createAnimation(cfg);
 			function frame() {
 				if (!tweenState) return;
 				const isAnimating = updateAnimation(tweenState);
-				const tweened = interpolateOptions(prevSnapshot, effectiveOptions.value, tweenState.progress);
+				const tweened = interpolateOptions(fromSnapshot, effectiveOptions.value, tweenState.progress, stagger);
 				try {
 					renderChart(canvasRef.value, buildRenderParams(1, tweened));
 				} catch (err) {
@@ -577,16 +613,40 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				else {
 					tweenFrameId = null;
 					tweenState = null;
-					emit("data-update", {
-						from: fromSig,
-						to: toSig
-					});
-					emit("animation-end");
+					if (onDone) onDone();
 				}
 			}
 			tweenFrameId = requestAnimationFrame(frame);
 			return true;
 		}
+		function startTweenIfNeeded(prevOptions) {
+			const nextOptions = props.options;
+			if (nextOptions.animation?.enabled === false) return false;
+			if (prefersReducedMotion()) return false;
+			if (!hasInterpolatable(nextOptions) || !sameStructure(prevOptions, nextOptions)) return false;
+			const prevSnapshot = snapshotSeriesData(prevOptions);
+			const seriesChanged = (nextOptions.series || []).some((s) => {
+				const old = prevSnapshot.series.get(s.name);
+				if (!old) return false;
+				return (s.data || []).some((v, i) => (isMissingValue(v) ? 0 : v) !== (old[i] ?? 0));
+			});
+			const pieChanged = (nextOptions.pieData || []).some((d) => {
+				const old = prevSnapshot.pieData.get(d && d.name);
+				const v = Number(d && d.value);
+				return old !== void 0 && Number.isFinite(v) && v !== old;
+			});
+			if (!seriesChanged && !pieChanged) return false;
+			isEnterAnimating = false;
+			const fromSig = dataSignature(prevOptions);
+			const toSig = dataSignature(nextOptions);
+			return runDataTween(prevSnapshot, nextOptions.animation, staggerOf(nextOptions), () => {
+				emit("data-update", {
+					from: fromSig,
+					to: toSig
+				});
+				emit("animation-end");
+			});
+		}
 		function handleRenderError(err) {
 			const msg = err instanceof Error ? err.message : "Chart render error";
 			internalError.value = msg;
@@ -901,9 +961,9 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					b.min,
 					b.max,
 					...showOutliers ? b.outliers || [] : []
-				]);
+				]).filter((v) => typeof v === "number" && Number.isFinite(v));
 				const axisCfg = options.boxHorizontal ? options.xAxis || {} : options.yAxis || {};
-				const ext = resolveTickExtendedRange(axisCfg.min ?? minOf(allValues), axisCfg.max ?? maxOf(allValues), axisCfg.ticks || 5);
+				const ext = resolveTickExtendedRange(axisCfg.min ?? (allValues.length ? minOf(allValues) : 0), axisCfg.max ?? (allValues.length ? maxOf(allValues) : 1), axisCfg.ticks || 5);
 				return boxplotHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value, {
 					min: ext.min,
 					max: ext.max
@@ -1204,7 +1264,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					params: visibleSeries2.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels2[i] || `Point ${i + 1}`,
-						value: s.data[i],
+						value: (s.data || [])[i],
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: i,
 						seriesIndex: sIdx
@@ -1223,7 +1283,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					params: visibleSeries2.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels2[i],
-						value: s.data[i],
+						value: (s.data || [])[i],
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: i,
 						seriesIndex: sIdx
@@ -1274,13 +1334,13 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (visibleSeries.length === 0) return null;
 			const volume = (options.volumeData || [])[dataIndex];
 			if (props.options.tooltip?.showAllSeries !== false && visibleSeries.length > 1) {
-				if (visibleSeries.every((s) => isMissingValue(s.data[dataIndex]))) return null;
+				if (visibleSeries.every((s) => isMissingValue((s.data || [])[dataIndex]))) return null;
 				return {
 					index: dataIndex,
 					params: visibleSeries.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels[dataIndex],
-						value: s.data[dataIndex],
+						value: (s.data || [])[dataIndex],
 						volume,
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: dataIndex + sliceStartOffset(),
@@ -1289,14 +1349,14 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				};
 			} else {
 				const series = visibleSeries[0];
-				if (isMissingValue(series.data[dataIndex])) return null;
+				if (isMissingValue((series.data || [])[dataIndex])) return null;
 				const color = series.color || theme.colors[0];
 				return {
 					index: dataIndex,
 					params: {
 						seriesName: series.name,
 						name: labels[dataIndex],
-						value: series.data[dataIndex],
+						value: (series.data || [])[dataIndex],
 						volume,
 						color,
 						dataIndex: dataIndex + sliceStartOffset(),
@@ -1598,7 +1658,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			tooltipVisible.value = true;
 			redraw();
 		}
-		function handlePointerMove(e) {
+		function handlePointerMove(e, fromKeyboard = false) {
 			const canvas = canvasRef.value;
 			if (canvas) {
 				const rect = canvas.getBoundingClientRect();
@@ -1664,9 +1724,9 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						hoverAnimProgress = 1;
 						scheduleHoverRedraw();
 					} else scheduleHoverRedraw();
-					if (prevIndex === -1) {
+					if (prevIndex === -1 || fromKeyboard) {
 						const emitParams = Array.isArray(result.params) ? result.params[0] : result.params;
-						emit("hover", {
+						if (prevIndex === -1) emit("hover", {
 							seriesName: emitParams.seriesName,
 							dataIndex: emitParams.dataIndex,
 							value: emitParams.value,
@@ -1824,7 +1884,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		function handleChartKeydown(e) {
 			const options = props.options;
 			if (!KEYNAV_TYPES.has(options.type)) return;
-			const count = (options.labels || []).length;
+			const count = (effectiveOptions.value.labels || []).length;
 			if (count === 0) return;
 			if (e.key === "Enter" || e.key === " ") {
 				e.preventDefault();
@@ -1863,7 +1923,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				clientX,
 				clientY,
 				pointerType: "mouse"
-			});
+			}, true);
 		}
 		function handleFocusOut() {
 			if (clearTransientState()) {
@@ -1927,10 +1987,18 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (Array.isArray(value)) return value.map(cloneSpec);
 			const out = {};
 			Object.keys(value).forEach((k) => {
+				if (k === "__proto__") return;
 				out[k] = cloneSpec(value[k]);
 			});
 			return out;
 		}
+		function assignSpec(target, source) {
+			Object.keys(source).forEach((k) => {
+				if (k === "__proto__") return;
+				target[k] = source[k];
+			});
+			return target;
+		}
 		const IS_DEV = typeof import.meta !== "undefined" && false;
 		const devWarned = /* @__PURE__ */ new Set();
 		function runDevValidation() {
@@ -1945,13 +2013,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		}
 		let prevOptionsSnapshot = null;
 		watch(() => props.options, (next) => {
-			cachedDataExtent = null;
-			cachedPlotArea = null;
-			cachedPadding = null;
-			scatterHitCache = null;
-			legendBoundsCache = null;
-			ganttLayoutCache = null;
-			sankeyLayoutCache = null;
+			invalidateHitCaches();
 			internalError.value = null;
 			runDevValidation();
 			if (focusSeries.value !== emphasisSeriesName.value) {
@@ -2127,16 +2189,20 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			};
 			return layout;
 		}
+		function invalidateHitCaches() {
+			cachedDataExtent = null;
+			cachedPlotArea = null;
+			cachedPadding = null;
+			scatterHitCache = null;
+			legendBoundsCache = null;
+			ganttLayoutCache = null;
+			sankeyLayoutCache = null;
+		}
 		__expose({
 			refresh: () => render(true),
 			update(newOptions) {
-				Object.assign(props.options, newOptions);
-				cachedDataExtent = null;
-				cachedPadding = null;
-				scatterHitCache = null;
-				legendBoundsCache = null;
-				ganttLayoutCache = null;
-				sankeyLayoutCache = null;
+				assignSpec(props.options, newOptions);
+				invalidateHitCaches();
 				specVersion.value++;
 				debouncedRender(true);
 			},
@@ -2206,7 +2272,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					if (v < min) min = v;
 					if (v > max) max = v;
 				};
-				if (opt.series) opt.series.forEach((s) => s.data.forEach((v) => !isMissingValue(v) && consider(v)));
+				if (opt.series) opt.series.forEach((s) => (s.data || []).forEach((v) => !isMissingValue(v) && consider(v)));
 				if (opt.scatterData) opt.scatterData.forEach((p) => consider(p.y));
 				if (opt.candleData) opt.candleData.forEach((c) => {
 					consider(c.high);
@@ -2279,6 +2345,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						mouseX: -1,
 						mouseY: -1,
 						showCrosshair: false,
+						zoomRange: void 0,
 						brushRect: null,
 						hoveredToolbox: null,
 						focusSeries: null
@@ -2299,7 +2366,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				if (spec === null || typeof spec !== "object") return;
 				const next = cloneSpec(spec);
 				Object.keys(props.options).forEach((k) => delete props.options[k]);
-				Object.assign(props.options, next);
+				assignSpec(props.options, next);
 				hiddenSeries.value = /* @__PURE__ */ new Set();
 				focusSeries.value = null;
 				brushRect.value = null;
@@ -2321,8 +2388,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					p: zoom.position,
 					h: zoom.height
 				}) : "";
-				cachedDataExtent = null;
-				cachedPlotArea = null;
+				invalidateHitCaches();
 				specVersion.value++;
 				debouncedRender(true);
 			},
@@ -2452,7 +2518,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			], 44, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-62da63e1"]]);
+}), [["__scopeId", "data-v-af1c6d5e"]]);
 //#endregion
 //#region src/useChart.js
 var USE_CHART_KEY = /* @__PURE__ */ Symbol("ev-chart-context");
@@ -2516,95 +2582,6 @@ function injectChartContext() {
 	return inject(USE_CHART_KEY, null);
 }
 //#endregion
-//#region src/palette.js
-/**
-* 配色方案应用工具 — 中性契约的官方实现
-*
-* 把一套数据色板写入 --ev-color-series-1..8 槽位令牌并派发 'ev-theme-change'，
-* 页面上的全部图表即时重绘。任何宿主（组件库 / 站点 / 独立页面）都可直接调用，
-* 不必各自实现令牌写入与事件广播。
-*
-* palette 两种形态：
-* - string[]            单套色值，明暗模式共用；
-* - { light, dark }     浅/暗两组，随 html.dark 自动换挡（经注入样式表实现）。
-*
-* clearSeriesPalette() 移除覆写（内联属性 + 注入样式表），回到内置成套色板。
-*/
-var SLOT_COUNT = 8;
-var PALETTE_EVENT = "ev-theme-change";
-var STYLE_ID = "data-ev-series-palette";
-var paletteStyleEl = null;
-function dispatchPaletteChange(dark) {
-	if (typeof document === "undefined") return;
-	const isDark = typeof dark === "boolean" ? dark : document.documentElement.classList.contains("dark");
-	document.documentElement.dispatchEvent(new CustomEvent(PALETTE_EVENT, {
-		bubbles: true,
-		detail: { dark: isDark }
-	}));
-}
-function removeInlineSlots() {
-	if (typeof document === "undefined") return;
-	for (let i = 1; i <= SLOT_COUNT; i++) document.documentElement.style.removeProperty(`--ev-color-series-${i}`);
-}
-function ensurePaletteStyleEl() {
-	if (typeof document === "undefined") return null;
-	if (!paletteStyleEl || !paletteStyleEl.isConnected) {
-		paletteStyleEl = document.createElement("style");
-		paletteStyleEl.setAttribute(STYLE_ID, "");
-		document.head.appendChild(paletteStyleEl);
-	}
-	return paletteStyleEl;
-}
-function normalizeSlots(colors) {
-	const out = {};
-	if (!Array.isArray(colors)) return out;
-	colors.slice(0, SLOT_COUNT).forEach((color, i) => {
-		if (color) out[`--ev-color-series-${i + 1}`] = color;
-	});
-	return out;
-}
-/**
-* 应用一套数据色板
-* @param {string[] | { light: string[], dark: string[] }} palette
-*   数组：写入内联槽位（明暗共用）；{ light, dark }：注入样式表，随 html.dark 自动换挡
-* @param {{ dark?: boolean, target?: HTMLElement }} [options]
-*   dark 手动指定当前暗色态（默认探测 html.dark）；target 改写注入目标
-* @returns {boolean} 是否写入成功
-*/
-function applySeriesPalette(palette, options = {}) {
-	if (typeof document === "undefined") return false;
-	const el = options.target ?? document.documentElement;
-	if (!el || !palette) return false;
-	if (Array.isArray(palette)) {
-		paletteStyleEl?.remove();
-		paletteStyleEl = null;
-		for (const [name, value] of Object.entries(normalizeSlots(palette))) el.style.setProperty(name, value);
-		dispatchPaletteChange(options.dark);
-		return true;
-	}
-	const { light, dark } = palette;
-	if (!Array.isArray(light) && !Array.isArray(dark)) return false;
-	removeInlineSlots();
-	const styleEl = ensurePaletteStyleEl();
-	if (styleEl) {
-		const vars = (colors) => colors.map((c, i) => `--ev-color-series-${i + 1}: ${c}`).join(";");
-		styleEl.textContent = `${light ? `:root { ${vars(light)}; }` : ""}${dark ? ` html.dark { ${vars(dark)}; }` : ""}`;
-	}
-	dispatchPaletteChange(options.dark);
-	return true;
-}
-/**
-* 清除配色方案覆写（内联槽位 + 注入样式表），回到内置成套色板
-*/
-function clearSeriesPalette(options = {}) {
-	if (typeof document === "undefined") return false;
-	paletteStyleEl?.remove();
-	paletteStyleEl = null;
-	removeInlineSlots();
-	dispatchPaletteChange(options.dark);
-	return true;
-}
-//#endregion
 //#region src/index.js
 var components = { EvChart: chart_default };
 function install(app, _options = {}) {

package/dist/palette-lwVAltky.js

@@ -0,0 +1,117 @@
+import { y as CHART_PALETTES } from "./schema-CM4hKlpc.js";
+//#region src/motion.js
+/**
+* 系统级「减弱动态效果」是否开启
+* 命中时调用方应跳过进场 / 补间 / 惯性，直接出终态图；
+* SSR 或无 matchMedia 的老环境按「不减弱」处理，绝不抛错。
+*/
+function prefersReducedMotion() {
+	try {
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+		return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	} catch {
+		return false;
+	}
+}
+/**
+* 分段错峰：把全局 progress 映射为第 index 个条目的局部 progress
+*
+* count 个条目里，第 index 个从 stagger * index/(count-1) 处起步，所有条目都在
+* progress = 1 时收齐；stagger = 0（或 count = 1）即全部同步，返回原 progress。
+* 局部进度自带 1/(1-stagger) 的压缩，条目越多、错峰越均匀。
+*/
+function staggerProgress(progress, index, count, stagger) {
+	const p = Number.isFinite(progress) ? progress : 1;
+	const s = Number.isFinite(stagger) ? Math.max(0, Math.min(1, stagger)) : 0;
+	if (!(s > 0) || !(count > 1)) return p;
+	const start = s * ((Number.isFinite(index) ? Math.max(0, Math.min(count - 1, index)) : 0) / (count - 1));
+	return Math.max(0, Math.min(1, (p - start) / (1 - s)));
+}
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+var PALETTE_EVENT = "ev-theme-change";
+var STYLE_ID = "data-ev-series-palette";
+var paletteStyleEl = null;
+function dispatchPaletteChange(dark) {
+	if (typeof document === "undefined") return;
+	const isDark = typeof dark === "boolean" ? dark : document.documentElement.classList.contains("dark");
+	document.documentElement.dispatchEvent(new CustomEvent(PALETTE_EVENT, {
+		bubbles: true,
+		detail: { dark: isDark }
+	}));
+}
+function removeInlineSlots() {
+	if (typeof document === "undefined") return;
+	for (let i = 1; i <= 8; i++) document.documentElement.style.removeProperty(`--ev-color-series-${i}`);
+}
+function ensurePaletteStyleEl() {
+	if (typeof document === "undefined") return null;
+	if (!paletteStyleEl || !paletteStyleEl.isConnected) {
+		paletteStyleEl = document.createElement("style");
+		paletteStyleEl.setAttribute(STYLE_ID, "");
+		document.head.appendChild(paletteStyleEl);
+	}
+	return paletteStyleEl;
+}
+function normalizeSlots(colors) {
+	const out = {};
+	if (!Array.isArray(colors)) return out;
+	colors.slice(0, 8).forEach((color, i) => {
+		if (color) out[`--ev-color-series-${i + 1}`] = color;
+	});
+	return out;
+}
+/**
+* 应用一套数据色板
+* @param {string | string[] | { light: string[], dark: string[] }} palette
+*   色系 id：按内置注册表取色；数组：写入内联槽位（明暗共用）；
+*   { light, dark }：注入样式表，随 html.dark 自动换挡
+* @param {{ dark?: boolean, target?: HTMLElement }} [options]
+*   dark 手动指定当前暗色态（默认探测 html.dark）；target 改写注入目标
+* @returns {boolean} 是否写入成功
+*/
+function applySeriesPalette(palette, options = {}) {
+	if (typeof document === "undefined") return false;
+	const el = options.target ?? document.documentElement;
+	if (!el || !palette) return false;
+	if (typeof palette === "string") {
+		const found = CHART_PALETTES.find((p) => p.id === palette);
+		if (!found) return false;
+		return applySeriesPalette((typeof options.dark === "boolean" ? options.dark : document.documentElement.classList.contains("dark")) ? found.dark : found.light, options);
+	}
+	if (Array.isArray(palette)) {
+		paletteStyleEl?.remove();
+		paletteStyleEl = null;
+		for (const [name, value] of Object.entries(normalizeSlots(palette))) el.style.setProperty(name, value);
+		dispatchPaletteChange(options.dark);
+		return true;
+	}
+	const { light, dark } = palette;
+	if (!Array.isArray(light) && !Array.isArray(dark)) return false;
+	removeInlineSlots();
+	const styleEl = ensurePaletteStyleEl();
+	if (styleEl) {
+		const vars = (colors) => colors.map((c, i) => `--ev-color-series-${i + 1}: ${c}`).join(";");
+		styleEl.textContent = `${light ? `:root { ${vars(light)}; }` : ""}${dark ? ` html.dark { ${vars(dark)}; }` : ""}`;
+	}
+	dispatchPaletteChange(options.dark);
+	return true;
+}
+/**
+* 清除配色方案覆写（内联槽位 + 注入样式表），回到内置成套色板
+*/
+function clearSeriesPalette(options = {}) {
+	if (typeof document === "undefined") return false;
+	paletteStyleEl?.remove();
+	paletteStyleEl = null;
+	removeInlineSlots();
+	dispatchPaletteChange(options.dark);
+	return true;
+}
+//#endregion
+export { staggerProgress as a, prefersReducedMotion as i, clearSeriesPalette as n, _plugin_vue_export_helper_default as r, applySeriesPalette as t };