init component

node_modules/buetify/lib/components/notices/noticeContainer/BNoticeContainer.js

@@ -0,0 +1,84 @@
+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