01 onTap

点击后（松手后）开始动画，需要用到参数传递。

import * as React from "react"
import { Override, Data } from "framer"
const appState = Data({
    scale: 1,
})
export function ontap(): Override {
    return {
        onTap() {
            appState.scale = 1.2
        },
        animate: { scale: appState.scale },
    }
}

使用 TapInfo 可输出对象的位置值：

        onTap(event, info) {
            console.log(info.point.x, info.point.y)
        }

1.1 onTapStart(event, info): void

点击开始时（未松手）开始动画。和 whileTap 效果类似。

1.2 onTapCancel(event, info): void

点击手势在对象外结束时的回调函数。

02 whileTap

按压时（pressed）动画到某一状态，松手后回复到默认状态。

export function whileTap(): Override {
    return {
        whileTap: {
            scale: 1.2,
        },
    }
}

03 whileHover

悬浮时动画到某一状态，松手后回复到默认状态。

export function hover(): Override {
    return {
        whileHover: {
            scale: 1.2,
        },
    }
}

3.1 onHoverStart(event, info): void

开始悬浮于对象之上时。

3.2 onHoverEnd(event, info): void

不再悬浮于对象之上时。