@bikariya/modals 0.0.3 → 0.0.5

package/README.md

@@ -33,7 +33,7 @@ pnpm i -D @bikariya/modals
    ```vue
    <script lang="ts" setup>
      defineProps<{
-       isOpening?: boolean;
+       open?: boolean;
      }>();
 
      defineEmits<{
@@ -43,7 +43,7 @@ pnpm i -D @bikariya/modals
 
    <template>
      <transition>
-       <div v-if="isOpening">
+       <div v-if="open">
          <span>I'm a modal.</span>
          <button @click="$emit(`close`)">Close</button>
        </div>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@bikariya/modals",
   "configKey": "modals",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addImportsDir, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addImportsSources, addComponent } from '@nuxt/kit';
 
 const name = "@bikariya/modals";
 const packageJson = {
@@ -14,7 +14,12 @@ const module$1 = defineNuxtModule({
   },
   setup() {
     const resolver = createResolver(import.meta.url);
-    addImportsDir(resolver.resolve("runtime/stores"));
+    addImportsSources({
+      from: resolver.resolve("runtime/store"),
+      imports: [
+        "useModalStore"
+      ]
+    });
     addComponent({
       name: "BikariyaModals",
       filePath: resolver.resolve("runtime/modals.vue")

package/dist/runtime/modals.vue

@@ -5,15 +5,15 @@ const { modals } = storeToRefs(modalStore);
 </script>
 
 <template>
-    <template v-for="{ vnode, zIndex, isOpening, close } in modals" :key="zIndex">
+    <template v-for="{ vnode, zIndex, open, close } in modals" :key="zIndex">
         <transition>
             <div
-                v-if="isOpening.value"
+                v-if="open.value"
                 class="bikariya-overlay"
                 :style="{ zIndex: zIndex - 1 }"
                 @click="close.value()"
             ></div>
         </transition>
-        <component :is="vnode.value" :is-opening="isOpening.value" :style="{ zIndex }"/>
+        <component :is="vnode.value" :open="open.value" :style="{ zIndex }"/>
     </template>
 </template>

package/dist/runtime/{stores/modal.d.ts → store.d.ts}

@@ -3,9 +3,10 @@ interface ModalContext {
     vnode: ComputedRef<VNode>;
     zIndex: number;
     duration: number;
-    isOpening: Ref<boolean>;
+    open: Ref<boolean>;
     close: ComputedRef<() => void>;
 }
+type ModalStatus = "closed" | "open" | "closing";
 interface UseModalOptions {
     duration?: number;
     immediate?: boolean;
@@ -16,18 +17,21 @@ export declare const useModalStore: import("pinia").StoreDefinition<"modal", Pic
     use: (render: () => VNode, options?: UseModalOptions) => {
         open: () => void;
         close: () => Promise<void>;
+        status: Ref<ModalStatus, ModalStatus>;
     };
 }, "modals">, Pick<{
     modals: import("vue").ShallowReactive<ModalContext[]>;
     use: (render: () => VNode, options?: UseModalOptions) => {
         open: () => void;
         close: () => Promise<void>;
+        status: Ref<ModalStatus, ModalStatus>;
     };
 }, never>, Pick<{
     modals: import("vue").ShallowReactive<ModalContext[]>;
     use: (render: () => VNode, options?: UseModalOptions) => {
         open: () => void;
         close: () => Promise<void>;
+        status: Ref<ModalStatus, ModalStatus>;
     };
 }, "use">>;
 export {};

package/dist/runtime/{stores/modal.js → store.js}

@@ -9,7 +9,7 @@ export const useModalStore = defineStore("modal", () => {
       unique = false
     } = options;
     let ctx;
-    const isOpening = ref(false);
+    const status = ref("closed");
     immediate && open();
     function open() {
       if (unique && indexOf() !== -1) {
@@ -20,7 +20,7 @@ export const useModalStore = defineStore("modal", () => {
         vnode.value.props = {
           onClose: close,
           onVnodeMounted() {
-            isOpening.value = true;
+            status.value = "open";
           },
           ...vnode.value.props
         };
@@ -31,14 +31,15 @@ export const useModalStore = defineStore("modal", () => {
         vnode,
         zIndex,
         duration,
-        isOpening,
+        open: computed(() => status.value === "open"),
         close: computed(() => vnode.value.props?.onClose)
       };
       modals.push(ctx);
     }
     async function close() {
-      isOpening.value = false;
+      status.value = "closing";
       await promiseTimeout(duration);
+      status.value = "closed";
       const i = indexOf();
       if (i !== -1) {
         modals.splice(i, 1);
@@ -49,7 +50,8 @@ export const useModalStore = defineStore("modal", () => {
     }
     return {
       open,
-      close
+      close,
+      status
     };
   }
   return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bikariya/modals",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Bikariya modals for Nuxt",
   "author": "KazariEX",
   "license": "MIT",