parent
1fe8f38c73
commit
d944b45a33
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="mask" :class="wrapperClass" v-if="d_visible">
|
<div ref="mask" :class="wrapperClass" v-if="visible">
|
||||||
<transition name="p-dialog" @enter="onEnter" @leave="onLeave" @appear="onAppear">
|
<transition name="p-dialog" @enter="onEnter" @leave="onLeave" @appear="onAppear">
|
||||||
<div ref="container" :class="containerClass" :style="containerStyle" v-if="d_visible" v-bind="$attrs" v-on="listeners" role="dialog" :aria-labelledby="ariaLabelledById" :aria-modal="modal">
|
<div ref="container" :class="containerClass" :style="containerStyle" v-if="visible" v-bind="$attrs" v-on="listeners" role="dialog" :aria-labelledby="ariaLabelledById" :aria-modal="modal">
|
||||||
<div class="p-dialog-titlebar" v-if="showHeader">
|
<div class="p-dialog-titlebar" v-if="showHeader">
|
||||||
<slot name="header">
|
<slot name="header">
|
||||||
<span :id="ariaLabelledById" class="p-dialog-title" v-if="header" >{{header}}</span>
|
<span :id="ariaLabelledById" class="p-dialog-title" v-if="header" >{{header}}</span>
|
||||||
|
@ -57,20 +57,10 @@ export default {
|
||||||
default: 'close'
|
default: 'close'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
|
||||||
visible(newValue) {
|
|
||||||
this.d_visible = newValue;
|
|
||||||
|
|
||||||
if(!this.d_visible) {
|
|
||||||
this.disableModality()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogClasses: null,
|
dialogClasses: null,
|
||||||
dialogStyles: null,
|
dialogStyles: null
|
||||||
d_visible: this.visible
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
documentKeydownListener: null,
|
documentKeydownListener: null,
|
||||||
|
@ -92,8 +82,7 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
close() {
|
close() {
|
||||||
this.d_visible = false;
|
this.$emit('update:visible', false);
|
||||||
this.$emit('update:visible', this.d_visible);
|
|
||||||
},
|
},
|
||||||
onEnter() {
|
onEnter() {
|
||||||
this.$emit('show');
|
this.$emit('show');
|
||||||
|
@ -111,7 +100,7 @@ export default {
|
||||||
this.disableModality();
|
this.disableModality();
|
||||||
},
|
},
|
||||||
onAppear() {
|
onAppear() {
|
||||||
if (this.d_visible) {
|
if (this.visible) {
|
||||||
this.onEnter();
|
this.onEnter();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -352,4 +341,4 @@ export default {
|
||||||
-webkit-transition: height .3s;
|
-webkit-transition: height .3s;
|
||||||
transition: height .3s;
|
transition: height .3s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue