You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.6 KiB
99 lines
2.6 KiB
"use strict"; |
|
Object.defineProperty(exports, "__esModule", { value: true }); |
|
var component_1 = require("../common/component"); |
|
var transition_1 = require("../mixins/transition"); |
|
(0, component_1.VantComponent)({ |
|
classes: [ |
|
'enter-class', |
|
'enter-active-class', |
|
'enter-to-class', |
|
'leave-class', |
|
'leave-active-class', |
|
'leave-to-class', |
|
'close-icon-class', |
|
], |
|
mixins: [(0, 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, |
|
}, |
|
safeAreaTabBar: { |
|
type: Boolean, |
|
value: false, |
|
}, |
|
lockScroll: { |
|
type: Boolean, |
|
value: true, |
|
}, |
|
rootPortal: { |
|
type: Boolean, |
|
value: false, |
|
}, |
|
}, |
|
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); |
|
}, |
|
}, |
|
});
|
|
|