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.
104 lines
2.7 KiB
104 lines
2.7 KiB
import { VantComponent } from '../common/component';
|
|
import { button } from '../mixins/button';
|
|
import { openType} from '../mixins/open-type';
|
|
import {GRAY,BLUE } from '../common/color';
|
|
VantComponent({
|
|
mixins: [button, openType],
|
|
props: {
|
|
show: {
|
|
type: Boolean,
|
|
observer(show) {
|
|
!show && this.stopLoading();
|
|
}
|
|
},
|
|
title: String,
|
|
message: String,
|
|
useSlot: Boolean,
|
|
className: String,
|
|
customStyle: String,
|
|
asyncClose: Boolean,
|
|
messageAlign: String,
|
|
overlayStyle: String,
|
|
useTitleSlot: Boolean,
|
|
showCancelButton: Boolean,
|
|
closeOnClickOverlay: Boolean,
|
|
confirmButtonOpenType: String,
|
|
width: null,
|
|
zIndex: {
|
|
type: Number,
|
|
value: 20
|
|
},
|
|
confirmButtonText: {
|
|
type: String,
|
|
value: '确认'
|
|
},
|
|
cancelButtonText: {
|
|
type: String,
|
|
value: '取消'
|
|
},
|
|
confirmButtonColor: {
|
|
type: String,
|
|
value: BLUE
|
|
},
|
|
cancelButtonColor: {
|
|
type: String,
|
|
value: GRAY
|
|
},
|
|
showConfirmButton: {
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
overlay: {
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
transition: {
|
|
type: String,
|
|
value: 'scale'
|
|
},
|
|
logined: {
|
|
type: Boolean,
|
|
value: false
|
|
}
|
|
},
|
|
data: {
|
|
loading: { confirm: false, cancel: false }
|
|
},
|
|
methods: {
|
|
onConfirm() {
|
|
this.handleAction('confirm');
|
|
},
|
|
onCancel() {
|
|
this.handleAction('cancel');
|
|
},
|
|
onClickOverlay() {
|
|
this.onClose('overlay');
|
|
},
|
|
handleAction(action) {
|
|
if (this.data.asyncClose) {
|
|
this.setData({ [`loading.${action}`]: true });
|
|
}
|
|
if (!this.data.logined) {
|
|
this.onClose(action)
|
|
}
|
|
},
|
|
close() {
|
|
this.setData({ show: false });
|
|
},
|
|
stopLoading() {
|
|
this.setData({ loading: { confirm: false, cancel: false } });
|
|
},
|
|
onClose(action) {
|
|
if (!this.data.asyncClose) {
|
|
this.close();
|
|
}
|
|
this.$emit('close', action);
|
|
// 把 dialog 实例传递出去，可以通过 stopLoading() 在外部关闭按钮的 loading
|
|
this.$emit(action, { dialog: this });
|
|
const callback = this.data[action === 'confirm' ? 'onConfirm' : 'onCancel'];
|
|
if (callback) {
|
|
callback(this);
|
|
}
|
|
}
|
|
}
|
|
});
|