fuint-uniapp-master/components/mixins/transition.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

import { isObj } from '../common/utils';
const getClassNames = (name) => ({
    enter: `van-${name}-enter van-${name}-enter-active enter-class enter-active-class`,
    'enter-to': `van-${name}-enter-to van-${name}-enter-active enter-to-class enter-active-class`,
    leave: `van-${name}-leave van-${name}-leave-active leave-class leave-active-class`,
    'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`
});
const requestAnimationFrame = (cb) => setTimeout(cb, 1000 / 60);
export const transition = function (showDefaultValue) {
    return Behavior({
        properties: {
            customStyle: String,
            show: {
                type: Boolean,
                value: showDefaultValue,
                observer: 'observeShow'
            },
            duration: {
                type: [Number, Object],
                value: 300,
                observer: 'observeDuration'
            },
            name: {
                type: String,
                value: 'fade',
                observer: 'updateClasses'
            }
        },
        data: {
            type: '',
            inited: false,
            display: false,
            classNames: getClassNames('fade')
        },
        attached() {
            if (this.data.show) {
                this.show();
            }
        },
        methods: {
            observeShow(value) {
                if (value) {
                    this.show();
                }
                else {
                    this.leave();
                }
            },
            updateClasses(name) {
                this.set({
                    classNames: getClassNames(name)
                });
            },
            show() {
                const { classNames, duration } = this.data;
                this.set({
                    inited: true,
                    display: true,
                    classes: classNames.enter,
                    currentDuration: isObj(duration) ? duration.enter : duration