UNPKG

antd-mini

Version:

antd-mini 是支付宝小程序 UI 组件库,遵循 Ant Design 规范。

55 lines (54 loc) 1.78 kB
import { isOldSDKVersion } from '../_util/platform'; import { Component, getValueFromProps, triggerEventOnly, } from '../_util/simply'; import { PopupDefaultProps } from './props'; var isOldVersion = isOldSDKVersion(); Component(PopupDefaultProps, { onClickCloseIcon: function () { var closing = this.data.closing; if (closing) { return; } triggerEventOnly(this, 'close'); }, onClickBack: function () { triggerEventOnly(this, 'clickBack'); }, onTapMask: function () { var closing = this.data.closing; if (closing) { return; } triggerEventOnly(this, 'close'); }, onAnimationEnd: function () { var closing = this.data.closing; if (closing) { this.setData({ closing: false }); } var _a = getValueFromProps(this, [ 'visible', 'duration', 'animation', ]), visible = _a[0], duration = _a[1], animation = _a[2]; var enableAnimation = animation && duration > 0; if (enableAnimation) { triggerEventOnly(this, visible ? 'afterShow' : 'afterClose'); } }, }, { closing: false, isOldVersion: isOldVersion, }, undefined, { observers: { 'visible': function (nextProps) { var visible = nextProps.visible, duration = nextProps.duration, animation = nextProps.animation; var enableAnimation = animation && duration > 0; if (enableAnimation && !visible && !this.data.closing) { this.setData({ closing: true }); } if (!enableAnimation) { triggerEventOnly(this, visible ? 'afterShow' : 'afterClose'); } }, }, });