@antv/g2/esm/animation/growInX.js

the Grammar of Graphics in Javascript

import { Path } from '@antv/g';
import { ScaleInX } from './scaleInX';
/**
 * Scale mark from nothing to desired shape in x direction.
 */
export const GrowInX = (options, context) => {
    return (from, to, defaults) => {
        const [shape] = from;
        const { height, width } = shape.getBoundingClientRect();
        const clipPath = new Path({
            style: {
                path: `M0,0L${width},0L${width},${height}L0,${height}Z`,
            },
        });
        shape.appendChild(clipPath);
        shape.style.clipPath = clipPath;
        const animation = ScaleInX(options, context)([clipPath], to, defaults);
        animation.finished.then(() => {
            clipPath.remove();
            shape.style.clipPath = null;
        });
        return animation;
    };
};
GrowInX.props = {};
//# sourceMappingURL=growInX.js.map