@publishfx/publish-chart 2.0.3 → 2.1.0

package/dist/components/g2/base/G2PieChart.js

@@ -0,0 +1,189 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { Chart } from "@antv/g2";
+import { useChartContext } from "../../../core/ChartContext.js";
+import { DataAdapter } from "../../../adapters/DataAdapter.js";
+const newThemeColors = [
+    '#5B8FF9',
+    '#5AD8A6',
+    '#5D7092',
+    '#F6BD16',
+    '#6F5EF9',
+    '#6DC8EC',
+    '#945FB9',
+    '#FF9845',
+    '#1E9493',
+    '#FF99C3',
+    '#8CD85A',
+    '#FE765E',
+    '#67A1FF',
+    '#D85ACB',
+    '#F95B8F'
+];
+const G2PieChart = ({ height = 400, data, x = '', y = '', indicatorMap, onChartClick, config })=>{
+    const { formatter, dataTransform, config: contextConfig } = useChartContext();
+    const safeIndicatorMap = indicatorMap || contextConfig.indicatorMap || {};
+    const chartConfig = config || {};
+    const { innerRadius = 0.6, outerRadius = 0.7, minLabelPercentage = 3 } = chartConfig || {};
+    const transformedData = useMemo(()=>{
+        if (!data || 0 === data.length) return [];
+        const result = DataAdapter.transform(data, 'line', {
+            type: 'line',
+            x,
+            y
+        });
+        return result.map((item)=>dataTransform.processNodeInfo(item, contextConfig.nodeMap)).filter((item)=>{
+            const value = item[y];
+            return '-' !== value && null != value && !isNaN(Number(value));
+        });
+    }, [
+        data,
+        x,
+        y,
+        dataTransform,
+        contextConfig.nodeMap
+    ]);
+    const totalValue = useMemo(()=>transformedData.reduce((sum, item)=>{
+            const value = Number(item[y]) || 0;
+            return sum + value;
+        }, 0), [
+        transformedData,
+        y
+    ]);
+    const containerRef = useRef(null);
+    const chartRef = useRef(null);
+    const centerTextRef = useRef(null);
+    useEffect(()=>{
+        if (!containerRef.current || !transformedData.length) return;
+        if (chartRef.current) chartRef.current.destroy();
+        if (centerTextRef.current && centerTextRef.current.parentNode) centerTextRef.current.parentNode.removeChild(centerTextRef.current);
+        const chart = new Chart({
+            container: containerRef.current,
+            autoFit: true,
+            height: height
+        });
+        if (containerRef.current) containerRef.current.style.position = 'relative';
+        chart.data(transformedData);
+        chart.coordinate({
+            type: 'theta',
+            innerRadius: innerRadius,
+            outerRadius: outerRadius,
+            startAngle: -Math.PI / 2
+        });
+        chart.scale({
+            [y]: {
+                nice: true
+            },
+            [x]: {
+                type: 'cat'
+            }
+        });
+        chart.legend('color', {
+            position: 'bottom',
+            itemHeight: 14,
+            maxItemWidth: 1,
+            gridRow: 1
+        });
+        chart.interaction('poptip', true);
+        const interval = chart.interval().encode('y', y).encode('color', x).scale('color', {
+            type: 'ordinal',
+            range: newThemeColors
+        }).transform({
+            type: 'stackY'
+        });
+        const currentTotalValue = totalValue;
+        interval.label({
+            text: (d)=>{
+                const value = Number(d[y]) || 0;
+                const percentage = currentTotalValue > 0 ? value / currentTotalValue * 100 : 0;
+                const percentageStr = percentage.toFixed(2);
+                const indicatorInfo = safeIndicatorMap[y];
+                const formattedValue = formatter.formatIndicator(value, indicatorInfo);
+                const categoryName = safeIndicatorMap[d[x]]?.indicatorName || d[x] || '';
+                const maxCategoryLength = percentage >= 10 ? 20 : percentage >= 5 ? 15 : 12;
+                const truncatedCategory = categoryName.length > maxCategoryLength ? categoryName.substring(0, maxCategoryLength - 3) + '...' : categoryName;
+                return `${percentageStr}%(${formattedValue})\n${truncatedCategory}`;
+            },
+            position: 'spider',
+            offset: 20,
+            connector: true,
+            connectorDistance: 0,
+            labelHeight: 32,
+            connectorStroke: (_d, index)=>{
+                const color = newThemeColors[index];
+                return color;
+            },
+            fontSize: (d, _index)=>{
+                const value = Number(d[y]) || 0;
+                const percentage = currentTotalValue > 0 ? value / currentTotalValue * 100 : 0;
+                if (percentage >= 10) return 12;
+                return 12;
+            },
+            transform: [
+                {
+                    type: 'dodgeY'
+                }
+            ]
+        });
+        chart.render();
+        const visibleTotalValue = transformedData.reduce((sum, item)=>{
+            const value = Number(item[y]) || 0;
+            return sum + value;
+        }, 0);
+        const indicatorInfo = safeIndicatorMap[y];
+        const formattedTotal = formatter.formatIndicator(visibleTotalValue, indicatorInfo);
+        const centerTextContainer = document.createElement('div');
+        centerTextContainer.style.position = 'absolute';
+        centerTextContainer.style.left = '50%';
+        centerTextContainer.style.top = '50%';
+        centerTextContainer.style.transform = 'translate(-50%, -50%)';
+        centerTextContainer.style.textAlign = 'center';
+        centerTextContainer.style.pointerEvents = 'none';
+        const totalLabelEl = document.createElement('div');
+        totalLabelEl.textContent = 'total';
+        totalLabelEl.style.fontSize = '14px';
+        totalLabelEl.style.color = '#86909c';
+        totalLabelEl.style.marginBottom = '5px';
+        const totalValueEl = document.createElement('div');
+        totalValueEl.textContent = formattedTotal;
+        totalValueEl.style.fontSize = '20px';
+        totalValueEl.style.color = '#1d2129';
+        totalValueEl.style.fontWeight = 'bold';
+        centerTextContainer.appendChild(totalLabelEl);
+        centerTextContainer.appendChild(totalValueEl);
+        containerRef.current?.appendChild(centerTextContainer);
+        centerTextRef.current = centerTextContainer;
+        chartRef.current = chart;
+        if (onChartClick) chart.on('element:click', (e)=>{
+            const data = e.data?.data;
+            if (data) onChartClick(data);
+        });
+        return ()=>{
+            if (chartRef.current) {
+                chartRef.current.destroy();
+                chartRef.current = null;
+            }
+        };
+    }, [
+        transformedData,
+        height,
+        x,
+        y,
+        innerRadius,
+        outerRadius,
+        minLabelPercentage,
+        totalValue,
+        safeIndicatorMap,
+        formatter,
+        onChartClick
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        ref: containerRef,
+        style: {
+            width: '100%',
+            height: `${height}px`
+        }
+    });
+};
+const base_G2PieChart = G2PieChart;
+export { base_G2PieChart as default, newThemeColors };

package/dist/components/g2/base/g2Helpers.d.ts

@@ -0,0 +1,293 @@
+/**
+ * G2 图表通用函数式 API
+ * 折线图、柱状图等可复用：创建图表、坐标轴、图例、辅助线、按 groupType 取色等
+ */
+import { Chart } from '@antv/g2';
+export interface CreateChartOptions {
+    container: HTMLElement;
+    height?: number;
+    autoFit?: boolean;
+    padding?: [number, number, number, number];
+    margin?: [number, number, number, number];
+}
+/** 创建 G2 Chart 实例，可被折线/柱状等复用 */
+export declare function createChart(options: CreateChartOptions): Chart;
+/** 获取主绘图 view（spaceLayer 下第一个 view），折线/柱状共用 */
+export declare function getMainView(chart: Chart): import("@antv/g2/lib/api/extend").CompositionAPI<{
+    'data.fetch': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/fetch").FetchOptions>;
+    'data.inline': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/inline").InlineOptions>;
+    'data.sortBy': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/sortBy").SortByOptions>;
+    'data.sort': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/sort").SortOptions>;
+    'data.filter': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/filter").FilterDataOptions>;
+    'data.pick': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/pick").PickOptions>;
+    'data.rename': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/rename").RenameOptions>;
+    'data.fold': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/fold").FoldOptions>;
+    'data.slice': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/slice").SliceOptions>;
+    'data.custom': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/custom").CustomOptions>;
+    'data.map': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/map").MapOptions>;
+    'data.join': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/join").JoinOptions>;
+    'data.kde': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/kde").KDEOptions>;
+    'data.log': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/log").LogDataOptions>;
+    'data.wordCloud': import("@antv/g2/lib/runtime/index").DataComponent<Partial<import("@antv/g2/lib/data/wordCloud").WordCloudOptions>>;
+    'data.ema': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/ema").EMAOptions>;
+    'transform.stackY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").StackYOptions>;
+    'transform.binX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").BinXOptions>;
+    'transform.bin': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").BinOptions>;
+    'transform.dodgeX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").DodgeXOptions>;
+    'transform.jitter': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").JitterOptions>;
+    'transform.jitterX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").JitterXOptions>;
+    'transform.jitterY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").JitterYOptions>;
+    'transform.symmetryY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SymmetryYOptions>;
+    'transform.diffY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").DiffYOptions>;
+    'transform.stackEnter': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").StackEnterOptions>;
+    'transform.normalizeY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").NormalizeYOptions>;
+    'transform.select': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SelectOptions>;
+    'transform.selectX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SelectXOptions>;
+    'transform.selectY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SelectYOptions>;
+    'transform.groupX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").GroupXOptions>;
+    'transform.groupY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").GroupYOptions>;
+    'transform.groupColor': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").GroupColorOptions>;
+    'transform.group': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").GroupOptions>;
+    'transform.sortX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SortXOptions>;
+    'transform.sortY': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SortYOptions>;
+    'transform.sortColor': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SortColorOptions>;
+    'transform.flexX': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").FlexXOptions>;
+    'transform.pack': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").PackOptions>;
+    'transform.sample': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").SampleOptions>;
+    'transform.filter': import("@antv/g2/lib/runtime/index").TransformComponent<import("@antv/g2").FilterOptions>;
+    'coordinate.cartesian': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2/lib/coordinate/cartesian").CartesianOptions>;
+    'coordinate.polar': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2/lib/coordinate/polar").PolarOptions>;
+    'coordinate.transpose': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2/lib/coordinate/transpose").TransposeOptions>;
+    'coordinate.theta': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2").ThetaCoordinate>;
+    'coordinate.parallel': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2/lib/coordinate/parallel").ParallelOptions>;
+    'coordinate.fisheye': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2").FisheyeCoordinate>;
+    'coordinate.radial': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2/lib/coordinate/radial").RadialOptions>;
+    'coordinate.radar': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2").RadarCoordinate>;
+    'coordinate.helix': import("@antv/g2/lib/runtime/index").CoordinateComponent<import("@antv/g2").HelixCoordinate>;
+    'encode.constant': import("@antv/g2/lib/runtime/index").EncodeComponent<import("@antv/g2/lib/encode/constant").ConstantOptions>;
+    'encode.field': import("@antv/g2/lib/runtime/index").EncodeComponent<import("@antv/g2/lib/encode/field").FieldOptions>;
+    'encode.transform': import("@antv/g2/lib/runtime/index").EncodeComponent<import("@antv/g2/lib/encode/transform").TransformOptions>;
+    'encode.column': import("@antv/g2/lib/runtime/index").EncodeComponent<import("@antv/g2/lib/encode/column").ColumnOptions>;
+    'mark.interval': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/interval").IntervalOptions>;
+    'mark.rect': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/rect").RectOptions>;
+    'mark.line': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/line").LineOptions>;
+    'mark.point': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/point").PointOptions>;
+    'mark.text': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/text").TextOptions>;
+    'mark.cell': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/cell").CellOptions>;
+    'mark.area': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/area").AreaOptions>;
+    'mark.link': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/link").LinkOptions>;
+    'mark.image': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/image").ImageOptions>;
+    'mark.polygon': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/polygon").PolygonOptions>;
+    'mark.box': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/box").BoxOptions>;
+    'mark.vector': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/vector").VectorOptions>;
+    'mark.lineX': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/lineX").LineXOptions>;
+    'mark.lineY': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/lineY").LineYOptions>;
+    'mark.connector': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/connector").ConnectorOptions>;
+    'mark.range': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/range").RangeOptions>;
+    'mark.rangeX': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/rangeX").RangeXOptions>;
+    'mark.rangeY': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/rangeY").RangeYOptions>;
+    'mark.path': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/path").PathOptions>;
+    'mark.shape': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/shape").ShapeOptions>;
+    'mark.density': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/density").DensityOptions>;
+    'mark.heatmap': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/heatmap").HeatmapOptions>;
+    'mark.wordCloud': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/wordCloud").WordCloudOptions>;
+    'mark.beeswarm': import("@antv/g2").MarkComponent<import("@antv/g2/lib/mark/beeswarm").BeeswarmOptions>;
+    'palette.category10': import("@antv/g2/lib/runtime/index").PaletteComponent<import("@antv/g2/lib/palette/category10").Category10Options>;
+    'palette.category20': import("@antv/g2/lib/runtime/index").PaletteComponent<import("@antv/g2/lib/palette/category20").Category20Options>;
+    'scale.linear': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/linear").LinearOptions>;
+    'scale.ordinal': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/ordinal").OrdinalOptions>;
+    'scale.band': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/band").BandOptions>;
+    'scale.identity': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/identity").IdentityOptions>;
+    'scale.point': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/point").PointOptions>;
+    'scale.time': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/time").TimeOptions>;
+    'scale.log': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/log").LogOptions>;
+    'scale.pow': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/pow").PowOptions>;
+    'scale.sqrt': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/sqrt").SqrtOptions>;
+    'scale.threshold': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/threshold").ThresholdOptions>;
+    'scale.quantile': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/quantile").QuantileOptions>;
+    'scale.quantize': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/quantize").QuantizeOptions>;
+    'scale.sequential': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/sequential").SequentialOptions>;
+    'scale.constant': import("@antv/g2/lib/runtime/index").ScaleComponent<import("@antv/g2/lib/scale/constant").ConstantOptions>;
+    'theme.classic': import("@antv/g2/lib/runtime/index").ThemeComponent<import("@antv/g2/lib/runtime/index").G2Theme>;
+    'theme.classicDark': import("@antv/g2/lib/runtime/index").ThemeComponent<import("@antv/g2/lib/runtime/index").G2Theme>;
+    'theme.academy': import("@antv/g2/lib/runtime/index").ThemeComponent<import("@antv/g2/lib/runtime/index").G2Theme>;
+    'theme.light': import("@antv/g2/lib/runtime/index").ThemeComponent<import("@antv/g2/lib/runtime/index").G2Theme>;
+    'theme.dark': import("@antv/g2/lib/runtime/index").ThemeComponent<import("@antv/g2/lib/runtime/index").G2Theme>;
+    'component.axisX': import("@antv/g2").GuideComponentComponent<import("@antv/g2").AxisOptions>;
+    'component.axisY': import("@antv/g2").GuideComponentComponent<import("@antv/g2").AxisOptions>;
+    'component.legendCategory': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/legendCategory").LegendCategoryOptions>;
+    'component.legendContinuous': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/legendContinuous").LegendContinuousOptions>;
+    'component.legends': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/legends").LegendsOptions>;
+    'component.title': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/runtime/index").G2Title>;
+    'component.sliderX': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/slider").SliderOptions>;
+    'component.sliderY': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/slider").SliderOptions>;
+    'component.scrollbarX': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/scrollbar").ScrollbarOptions>;
+    'component.scrollbarY': import("@antv/g2").GuideComponentComponent<import("@antv/g2/lib/component/scrollbar").ScrollbarOptions>;
+    'animation.scaleInX': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.scaleOutX': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.scaleInY': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.scaleOutY': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.waveIn': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.fadeIn': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.fadeOut': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.zoomIn': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.zoomOut': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.pathIn': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.morphing': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/morphing").MorphingOptions>;
+    'animation.growInX': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'animation.growInY': import("@antv/g2/lib/runtime/index").AnimationComponent<import("@antv/g2/lib/animation/types").Animation>;
+    'interaction.elementHighlight': typeof import("@antv/g2/lib/interaction/elementHighlight").ElementHighlight;
+    'interaction.elementHighlightByX': typeof import("@antv/g2/lib/interaction/elementHighlightByX").ElementHighlightByX;
+    'interaction.elementHighlightByColor': typeof import("@antv/g2/lib/interaction/elementHighlightByColor").ElementHighlightByColor;
+    'interaction.elementHoverScale': typeof import("@antv/g2/lib/interaction/elementHoverScale").ElementHoverScale;
+    'interaction.elementSelect': typeof import("@antv/g2/lib/interaction/elementSelect").ElementSelect;
+    'interaction.elementSelectByX': typeof import("@antv/g2/lib/interaction/elementSelectByX").ElementSelectByX;
+    'interaction.elementSelectByColor': typeof import("@antv/g2/lib/interaction/elementSelectByColor").ElementSelectByColor;
+    'interaction.fisheye': typeof import("@antv/g2/lib/interaction/fisheye").Fisheye;
+    'interaction.chartIndex': typeof import("@antv/g2/lib/interaction/chartIndex").ChartIndex;
+    'interaction.tooltip': typeof import("@antv/g2/lib/interaction/tooltip").Tooltip;
+    'interaction.legendFilter': typeof import("@antv/g2/lib/interaction/legendFilter").LegendFilter;
+    'interaction.legendHighlight': typeof import("@antv/g2/lib/interaction/legendHighlight").LegendHighlight;
+    'interaction.brushHighlight': typeof import("@antv/g2/lib/interaction/brushHighlight").BrushHighlight;
+    'interaction.brushXHighlight': typeof import("@antv/g2/lib/interaction/brushXHighlight").BrushXHighlight;
+    'interaction.brushYHighlight': typeof import("@antv/g2/lib/interaction/brushYHighlight").BrushYHighlight;
+    'interaction.brushAxisHighlight': typeof import("@antv/g2/lib/interaction/brushAxisHighlight").BrushAxisHighlight;
+    'interaction.brushFilter': typeof import("@antv/g2/lib/interaction/brushFilter").BrushFilter;
+    'interaction.brushXFilter': typeof import("@antv/g2/lib/interaction/brushXFilter").BrushXFilter;
+    'interaction.brushYFilter': typeof import("@antv/g2/lib/interaction/brushYFilter").BrushYFilter;
+    'interaction.sliderFilter': typeof import("@antv/g2/lib/interaction/sliderFilter").SliderFilter;
+    'interaction.sliderWheel': typeof import("@antv/g2/lib/interaction/sliderWheel").SliderWheel;
+    'interaction.scrollbarFilter': typeof import("@antv/g2/lib/interaction/scrollbarFilter").ScrollbarFilter;
+    'interaction.poptip': typeof import("@antv/g2/lib/interaction/poptip").Poptip;
+    'interaction.treemapDrillDown': typeof import("@antv/g2/lib/interaction/treemapDrillDown").TreemapDrillDown;
+    'interaction.drillDown': typeof import("@antv/g2/lib/interaction/drillDown").DrillDown;
+    'interaction.elementPointMove': typeof import("@antv/g2/lib/interaction/elementPointMove").ElementPointMove;
+    'composition.spaceLayer': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/spaceLayer").SpaceLayerOptions>;
+    'composition.spaceFlex': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/spaceFlex").SpaceFlexOptions>;
+    'composition.facetRect': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/facetRect").FacetRectOptions>;
+    'composition.repeatMatrix': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2").RepeatMatrixComposition>;
+    'composition.facetCircle': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2").FacetCircleComposition>;
+    'composition.timingKeyframe': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/timingKeyframe").TimingKeyframeOptions>;
+    'labelTransform.overlapHide': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/overlapHide").OverlapHideOptions>;
+    'labelTransform.overlapDodgeY': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/overlapDodgeY").OverlapDodgeYOptions>;
+    'labelTransform.overflowHide': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/overflowHide").OverflowHideOptions>;
+    'labelTransform.contrastReverse': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/contrastReverse").ContrastReverseOptions>;
+    'labelTransform.overflowStroke': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/overflowStroke").OverflowStrokeOptions>;
+    'labelTransform.exceedAdjust': import("@antv/g2/lib/runtime/index").LabelTransformComponent<import("@antv/g2/lib/label-transform/exceedAdjust").ExceedAdjustOptions>;
+    'data.venn': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/venn").VennOptions>;
+    'mark.boxplot': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/boxplot").BoxPlotOptions>;
+    'mark.gauge': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/gauge").GaugeOptions>;
+    'mark.liquid': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/liquid").LiquidOptions>;
+    'data.arc': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/arc").ArcOptions>;
+    'data.cluster': import("@antv/g2/lib/runtime/index").DataComponent<import("@antv/g2/lib/data/cluster").ClusterOptions>;
+    'mark.forceGraph': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/forceGraph").ForceGraphOptions>;
+    'mark.tree': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/tree").TreeOptions>;
+    'mark.pack': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/mark/pack").PackOptions>;
+    'mark.sankey': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/sankey").SankeyOptions>;
+    'mark.chord': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/chord").ChordOptions>;
+    'mark.treemap': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/mark/treemap").TreemapOptions>;
+    'mark.partition': import("@antv/g2/lib/runtime/index").CompositeMarkComponent<import("@antv/g2/lib/mark/partition").PartitionOptions>;
+    'composition.geoView': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/geoView").GeoViewOptions>;
+    'composition.geoPath': import("@antv/g2/lib/runtime/index").CompositionComponent<import("@antv/g2/lib/composition/geoPath").GeoPathOptions>;
+} & {
+    'composition.mark': any;
+    'composition.view': any;
+}>;
+export interface ScaleYLinearOptions {
+    field?: string;
+    domainMin?: number;
+    domainMax?: number;
+    nice?: boolean;
+    clamp?: boolean;
+    /** Y 轴刻度数量（G2 scale tickCount），默认 5 */
+    tickCount?: number;
+    /**
+     * 严格模式刻度下界。来源：@antv/scale 的 ScaleConfig（非 G2 文档），传入后由底层 scale 走 strictLimit，在 [minLimit, maxLimit] 上均匀生成恰好 tickCount 个刻度
+     */
+    minLimit?: number;
+    /**
+     * 严格模式刻度上界。来源：@antv/scale 的 ScaleConfig（非 G2 文档），与 minLimit 同时设置时生效
+     */
+    maxLimit?: number;
+    /** 刻度算法：'wilkinson-extended'（默认）| 'd3-linear' | 'r-pretty'，或自定义函数 */
+    tickMethod?: string | ((cfg: any) => number[]);
+}
+/** 为 view 设置 Y 轴线性比例尺，控制显示范围与刻度数 */
+export declare function applyScaleYLinear(view: any, options?: ScaleYLinearOptions): void;
+export interface ApplyAxisXOptions {
+    title?: boolean;
+    labelAutoHide?: 'greedy' | 'equidistant' | boolean;
+    /** 为 true 时刻度过多会自动旋转为垂直；为 false 时保持水平，依赖 labelAutoHide 避免重叠。默认 false */
+    labelAutoRotate?: boolean;
+    grid?: boolean;
+    gridStroke?: string;
+    gridLineWidth?: number;
+    gridLineDash?: number[];
+    gridFilter?: (val: any) => boolean;
+}
+/** 配置 X 轴，挂载在 mark 上（如 line / interval） */
+export declare function applyAxisX(mark: any, options?: ApplyAxisXOptions): void;
+export interface ApplyAxisYOptions {
+    title?: boolean;
+    labelAutoRotate?: boolean;
+    grid?: boolean;
+    gridStroke?: string;
+    gridLineWidth?: number;
+    gridStrokeOpacity?: number;
+    gridLineDash?: number[];
+    labelFormatter?: (val: any) => string;
+}
+/** 配置 Y 轴 */
+export declare function applyAxisY(mark: any, options?: ApplyAxisYOptions): void;
+export interface ApplyLegendColorOptions {
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    crossPadding?: number;
+    /**
+     * 图例宽度（position 为 top/bottom 时生效）。
+     * G2 源码：inferComponentShape() 中 length = userDefinedLength || defaultLength || bboxLength；
+     * LegendCategory 无 defaultLength，不传 length 时 length=bbox.width。
+     * bbox 来自 layout：placePaddingArea 里对 type.startsWith('legend') 的组件用 crossSizeOf(..., totalSize)，
+     * bottom 时 totalSize=plotWidth，即 图表宽度 - marginLeft - marginRight。故不传 length 时图例宽度 = 整块绘图区水平宽度。
+     */
+    length?: number;
+    /**
+     * 图例高度（position 为 top/bottom 时为单行高度；left/right 时为整体高度）。
+     * G2：inferComponentShape 中 size = userDefinedSize || defaultSize(40) || bboxSize。
+     */
+    size?: number;
+    /** 根据图例项 id（如 groupType）返回描边色 */
+    getStroke?: (id: string) => string;
+    /** 根据 id 返回展示文案 */
+    getLabelText?: (id: string) => string;
+    /** 根据 id 返回线型（折线用），如 [3,3] 虚线 */
+    getLineDash?: (id: string) => number[];
+    /** 根据 id 返回填充色 */
+    getFill?: (id: string) => string;
+    /** 图例 marker 类型，如 'line' / 'dash' */
+    itemMarker?: string | ((datum: any, index: number) => string);
+}
+/** 配置 color 图例，挂载在 view 上 */
+export declare function applyLegendColor(view: any, options?: ApplyLegendColorOptions): void;
+export interface AuxiliaryLineItem {
+    name: string;
+    value: number;
+}
+export interface ApplyAuxiliaryLineYOptions {
+    stroke?: string;
+    strokeOpacity?: number;
+    labelMaxLength?: number;
+}
+/** 在 view 上添加多条 lineY 辅助线 */
+export declare function applyAuxiliaryLineY(view: any, lines: AuxiliaryLineItem[], options?: ApplyAuxiliaryLineYOptions): void;
+export interface GetColorByGroupTypeOptions {
+    themeColors: string[];
+    /** 主指标 key，与 groupType 一致时用 themeColors[0] */
+    primaryKey: string;
+    /** 多指标顺序，用于 index 取 themeColors[index] */
+    indicators?: string[];
+}
+/**
+ * 根据 groupType（或去掉 _compare 后的 baseKey）返回颜色，折线 stroke / 柱状 fill 共用
+ */
+export declare function getColorByGroupType(groupType: string, options: GetColorByGroupTypeOptions): string;
+export declare function applyHighlightDate(view: any, x: string, data: any, highlightDate: string[]): void;