primevue-mirror/components/lib/dialog/BaseDialog.vue

140 lines
3.0 KiB
Vue
Raw Normal View History

2023-05-29 10:59:47 +00:00
<script>
import BaseComponent from 'primevue/basecomponent';
import DialogStyle from 'primevue/dialog/style';
2023-05-29 10:59:47 +00:00
export default {
2023-05-29 12:12:26 +00:00
name: 'BaseDialog',
2023-05-29 10:59:47 +00:00
extends: BaseComponent,
props: {
header: {
type: null,
default: null
},
footer: {
type: null,
default: null
},
visible: {
type: Boolean,
default: false
},
modal: {
type: Boolean,
default: null
},
contentStyle: {
type: null,
default: null
},
contentClass: {
type: String,
default: null
},
contentProps: {
type: null,
default: null
},
maximizable: {
type: Boolean,
default: false
},
dismissableMask: {
type: Boolean,
default: false
},
closable: {
type: Boolean,
default: true
},
closeOnEscape: {
type: Boolean,
default: true
},
showHeader: {
type: Boolean,
default: true
},
blockScroll: {
type: Boolean,
default: false
},
2023-05-29 10:59:47 +00:00
baseZIndex: {
type: Number,
default: 0
},
autoZIndex: {
type: Boolean,
default: true
},
position: {
type: String,
default: 'center'
},
breakpoints: {
type: Object,
default: null
},
draggable: {
type: Boolean,
default: true
},
keepInViewport: {
type: Boolean,
default: true
},
minX: {
type: Number,
default: 0
},
minY: {
type: Number,
default: 0
},
appendTo: {
type: [String, Object],
2023-05-29 10:59:47 +00:00
default: 'body'
},
closeIcon: {
type: String,
default: undefined
},
maximizeIcon: {
type: String,
default: undefined
},
minimizeIcon: {
type: String,
default: undefined
},
closeButtonProps: {
2024-04-15 08:08:42 +00:00
type: Object,
default: () => {
return {
severity: 'secondary',
text: true,
rounded: true
};
}
},
maximizeButtonProps: {
type: Object,
default: () => {
return {
severity: 'secondary',
text: true,
rounded: true
};
}
2023-05-29 10:59:47 +00:00
},
_instance: null
},
style: DialogStyle,
provide() {
return {
$pcDialog: this,
$parentInstance: this
};
2023-05-29 10:59:47 +00:00
}
};
</script>