vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #3802 - Improve folder structure for nuxt configurations

Browse source
This commit is contained in:
mertsincan 2023-03-26 06:22:57 +01:00
parent 851950270b
commit f5fe822afb
563 changed files with 1703 additions and 1095 deletions
Download patch file Download diff file Expand all files Collapse all files

75
components/lib/dynamicdialog/DynamicDialog.vue Normal file
View file

@ -0,0 +1,75 @@
<template>
<template v-for="(instance, key) in instanceMap" :key="key">
<DDialog v-model:visible="instance.visible" :_instance="instance" v-bind="instance.options.props" @hide="onDialogHide(instance)" @after-hide="onDialogAfterHide">
<template v-if="instance.options.templates && instance.options.templates.header" #header>
<component v-for="(header, index) in getTemplateItems(instance.options.templates.header)" :is="header" :key="index + '_header'"></component>
</template>
<component :is="instance.content" v-bind="instance.options.emits"></component>
<template v-if="instance.options.templates && instance.options.templates.footer" #footer>
<component v-for="(footer, index) in getTemplateItems(instance.options.templates.footer)" :is="footer" :key="index + '_footer'"></component>
</template>
</DDialog>
</template>
</template>
<script>
import Dialog from 'primevue/dialog';
import DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';
import { UniqueComponentId } from 'primevue/utils';
export default {
name: 'DynamicDialog',
inheritAttrs: false,
data() {
return {
instanceMap: {}
};
},
openListener: null,
closeListener: null,
currentInstance: null,
mounted() {
this.openListener = ({ instance }) => {
const key = UniqueComponentId() + '_dynamic_dialog';
instance.visible = true;
instance.key = key;
this.instanceMap[key] = instance;
};
this.closeListener = ({ instance, params }) => {
const key = instance.key;
const currentInstance = this.instanceMap[key];
if (currentInstance) {
currentInstance.visible = false;
currentInstance.options.onClose && currentInstance.options.onClose({ data: params, type: 'config-close' });
this.currentInstance = currentInstance;
}
};
DynamicDialogEventBus.on('open', this.openListener);
DynamicDialogEventBus.on('close', this.closeListener);
},
beforeUnmount() {
DynamicDialogEventBus.off('open', this.openListener);
DynamicDialogEventBus.off('close', this.closeListener);
},
methods: {
onDialogHide(instance) {
!this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });
},
onDialogAfterHide() {
this.currentInstance && delete this.currentInstance;
this.currentInstance = null;
},
getTemplateItems(template) {
return Array.isArray(template) ? template : [template];
}
},
components: {
DDialog: Dialog
}
};
</script>