swOperation/node_modules/@antv/g2/esm/interaction/fisheye.js

import { throttle, deepMix } from '@antv/util';
import { selectPlotArea, mousePosition } from './utils';
function maybeCoordinate(options) {
    const { coordinate = {} } = options;
    const { transform = [] } = coordinate;
    const fisheye = transform.find((d) => d.type === 'fisheye');
    if (fisheye)
        return fisheye;
    const newFisheye = { type: 'fisheye' };
    transform.push(newFisheye);
    coordinate.transform = transform;
    options.coordinate = coordinate;
    return newFisheye;
}
/**
 * @todo Bind abstract data or data index.
 */
export function Fisheye({ wait = 30, leading, trailing = false, }) {
    return (context) => {
        const { options, update, container } = context;
        const plotArea = selectPlotArea(container);
        // Clone options and mutate it.
        // Disable animation.
        const clonedOptions = deepMix({}, options);
        for (const mark of clonedOptions.marks)
            mark.animate = false;
        const updateFocus = throttle((event) => {
            const focus = mousePosition(plotArea, event);
            if (!focus) {
                update(options);
                return;
            }
            const [x, y] = focus;
            const fisheye = maybeCoordinate(clonedOptions);
            fisheye.focusX = x;
            fisheye.focusY = y;
            fisheye.visual = true;
            update(clonedOptions);
        }, wait, { leading, trailing });
        // Bind events.
        plotArea.addEventListener('pointerenter', updateFocus);
        plotArea.addEventListener('pointermove', updateFocus);
        plotArea.addEventListener('pointerleave', updateFocus);
        return () => {
            plotArea.removeEventListener('pointerenter', updateFocus);
            plotArea.removeEventListener('pointermove', updateFocus);
            plotArea.removeEventListener('pointerleave', updateFocus);
        };
    };
}
//# sourceMappingURL=fisheye.js.map