84 lines
1.9 KiB
JavaScript
Executable File
84 lines
1.9 KiB
JavaScript
Executable File
import { constVoid } from 'fp-ts/lib/function';
|
|
import { formatTransition } from '../../../composables/transition';
|
|
import { defineComponent, h, Transition as transition, computed, reactive, nextTick } from 'vue';
|
|
import { constEmptyArray } from '../../../utils/helpers';
|
|
let id = 0;
|
|
|
|
function generateNotice(notice) {
|
|
return h(transition, {
|
|
key: notice.id,
|
|
...notice.transition,
|
|
onAfterLeague: notice.onAfterLeave
|
|
}, notice.render);
|
|
}
|
|
|
|
const BNoticeContainer = defineComponent({
|
|
name: 'b-notice-container',
|
|
|
|
setup() {
|
|
const notices = reactive([]);
|
|
const rootZ = computed(() => notices.length ? 999 : -1);
|
|
|
|
function addNotice(options) {
|
|
const nId = id++;
|
|
|
|
function remove() {
|
|
const index = notices.findIndex(n => n.id === nId);
|
|
|
|
if (index > -1) {
|
|
notices.splice(index, 1);
|
|
}
|
|
}
|
|
|
|
const newNotice = reactive({
|
|
id: nId,
|
|
render: constEmptyArray,
|
|
transition: formatTransition(options.transition),
|
|
onAfterLeave: remove
|
|
});
|
|
notices.push(newNotice);
|
|
nextTick().then(() => {
|
|
newNotice.render = options.render;
|
|
});
|
|
return remove;
|
|
}
|
|
|
|
function showNotice(params) {
|
|
if (params.shouldQueue && notices.length > 0) {
|
|
let remove = constVoid;
|
|
setTimeout(() => {
|
|
remove = showNotice(params);
|
|
}, 250);
|
|
return () => {
|
|
remove();
|
|
};
|
|
}
|
|
|
|
const removeNotice = addNotice(params);
|
|
|
|
if (params.duration === 0) {
|
|
return removeNotice;
|
|
} else {
|
|
setTimeout(removeNotice, params.duration);
|
|
return removeNotice;
|
|
}
|
|
}
|
|
|
|
return {
|
|
rootZ,
|
|
showNotice,
|
|
notices
|
|
};
|
|
},
|
|
|
|
render() {
|
|
return h('div', {
|
|
style: {
|
|
'z-index': this.rootZ
|
|
}
|
|
}, this.notices.map(generateNotice));
|
|
}
|
|
|
|
});
|
|
export default BNoticeContainer;
|
|
//# sourceMappingURL=BNoticeContainer.js.map
|