'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var component_1 = require('../common/component'); var transition_1 = require('../mixins/transition'); component_1.VantComponent({ classes: [ 'enter-class', 'enter-active-class', 'enter-to-class', 'leave-class', 'leave-active-class', 'leave-to-class', 'close-icon-class', ], mixins: [transition_1.transition(false)], props: { round: Boolean, closeable: Boolean, customStyle: String, overlayStyle: String, transition: { type: String, observer: 'observeClass', }, zIndex: { type: Number, value: 100, }, overlay: { type: Boolean, value: true, }, closeIcon: { type: String, value: 'cross', }, closeIconPosition: { type: String, value: 'top-right', }, closeOnClickOverlay: { type: Boolean, value: true, }, position: { type: String, value: 'center', observer: 'observeClass', }, safeAreaInsetBottom: { type: Boolean, value: true, }, safeAreaInsetTop: { type: Boolean, value: false, }, lockScroll: { type: Boolean, value: true, }, }, created: function () { this.observeClass(); }, methods: { onClickCloseIcon: function () { this.$emit('close'); }, onClickOverlay: function () { this.$emit('click-overlay'); if (this.data.closeOnClickOverlay) { this.$emit('close'); } }, observeClass: function () { var _a = this.data, transition = _a.transition, position = _a.position, duration = _a.duration; var updateData = { name: transition || position, }; if (transition === 'none') { updateData.duration = 0; this.originDuration = duration; } else if (this.originDuration != null) { updateData.duration = this.originDuration; } this.setData(updateData); }, }, });