@teammodlr/ui-kit 2.3.3 → 2.3.4

package/lib/index.es.js

@@ -11119,13 +11119,13 @@ const zl = /* @__PURE__ */ K(Y0, [["render", J0]]), Q0 = {
     MConfirm: zl
   },
   setup(e, { slots: t }) {
-    const n = w([]), o = {}, r = Aa(null, "m-confirm");
+    const n = w([]), o = w({}), r = Aa(null, "m-confirm");
     function a(u) {
       const i = r, d = {
         ...u,
         key: i,
         destroy: () => {
-          o[i].hide();
+          o.value[i].hide();
         }
       };
       return n.value.push(d), d;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/confirm/ConfirmProvider.vue

@@ -1,82 +1,82 @@
-<template>
-    <slot />
-    <template v-if="dialogList.length > 0">
-        <Teleport :to="teleportTo ?? 'body'">
-            <MConfirm
-                v-for="dialog in dialogList"
-                :key="dialog.key"
-                :internalKey="dialog.key"
-                :title="dialog.title"
-                :content="dialog.content"
-                :okText="dialog.okText"
-                :cancelText="dialog.cancelText"
-                :on-ok="dialog.onOk"
-                :on-cancel="dialog.onCancel"
-                :ok-variant="dialog.okVariant"
-                ref="dialogRefs" />
-        </Teleport>
-    </template>
-</template>
-
-<script lang="ts">
-import { defineComponent, provide, ref } from 'vue';
-import { useId } from '../../composables/useCachedUid';
-import { providerProps } from './providerProps';
-import type { Confirm, ConfirmApiInjection, ConfirmOptions } from './types';
-import MConfirm from './Confirm.vue';
-
-interface PrivateConfirm extends Confirm {
-    key: string;
-}
-
-interface PrivateConfirmRef extends Confirm {
-    key: string;
-    hide: () => void;
-}
-
-export default defineComponent({
-    name: 'ConfirmProvider',
-    props: providerProps,
-    components: {
-        MConfirm
-    },
-    setup(props, { slots }) {
-        const dialogListRef = ref<PrivateConfirm[]>([]);
-        const dialogRefs: Record<string, PrivateConfirmRef> = {};
-        const id = useId(null, 'm-confirm');
-        function create(options: ConfirmOptions): Confirm {
-            const key = id;
-            const dialog: PrivateConfirm = {
-                ...options,
-                key,
-                destroy: () => {
-                    dialogRefs[key].hide();
-                }
-            };
-
-            dialogListRef.value.push(dialog);
-            return dialog;
-        }
-
-        function destroyAll(): void {
-            // @ts-ignore
-            Object.values(dialogRefs.value).forEach(dialog => {
-                dialog.hide();
-            });
-        }
-
-        const api: ConfirmApiInjection = {
-            create,
-            destroyAll
-        } as const;
-
-        provide('m-confirm', api);
-
-        return {
-            ...api,
-            dialogRefs,
-            dialogList: dialogListRef
-        };
-    }
-});
-</script>
+<template>
+    <slot />
+    <template v-if="dialogList.length > 0">
+        <Teleport :to="teleportTo ?? 'body'">
+            <MConfirm
+                v-for="dialog in dialogList"
+                :key="dialog.key"
+                :internalKey="dialog.key"
+                :title="dialog.title"
+                :content="dialog.content"
+                :okText="dialog.okText"
+                :cancelText="dialog.cancelText"
+                :on-ok="dialog.onOk"
+                :on-cancel="dialog.onCancel"
+                :ok-variant="dialog.okVariant"
+                ref="dialogRefs" />
+        </Teleport>
+    </template>
+</template>
+
+<script lang="ts">
+import { defineComponent, provide, ref, type Ref } from 'vue';
+import { useId } from '../../composables/useCachedUid';
+import { providerProps } from './providerProps';
+import type { Confirm, ConfirmApiInjection, ConfirmOptions } from './types';
+import MConfirm from './Confirm.vue';
+
+interface PrivateConfirm extends Confirm {
+    key: string;
+}
+
+interface PrivateConfirmRef extends Confirm {
+    key: string;
+    hide: () => void;
+}
+
+export default defineComponent({
+    name: 'ConfirmProvider',
+    props: providerProps,
+    components: {
+        MConfirm
+    },
+    setup(props, { slots }) {
+        const dialogListRef = ref<PrivateConfirm[]>([]);
+        const dialogRefs: Ref<Record<string, PrivateConfirmRef>> = ref({});
+        const id = useId(null, 'm-confirm');
+        function create(options: ConfirmOptions): Confirm {
+            const key = id;
+            const dialog: PrivateConfirm = {
+                ...options,
+                key,
+                destroy: () => {
+                    dialogRefs.value[key].hide();
+                }
+            };
+
+            dialogListRef.value.push(dialog);
+            return dialog;
+        }
+
+        function destroyAll(): void {
+            // @ts-ignore
+            Object.values(dialogRefs.value).forEach(dialog => {
+                dialog.hide();
+            });
+        }
+
+        const api: ConfirmApiInjection = {
+            create,
+            destroyAll
+        } as const;
+
+        provide('m-confirm', api);
+
+        return {
+            ...api,
+            dialogRefs,
+            dialogList: dialogListRef
+        };
+    }
+});
+</script>