update

src/stores/dialog.ts

@@ -0,0 +1,50 @@
+
+import { defineStore } from 'pinia'
+import { ref, watch } from 'vue'
+
+export const useDialogStore = defineStore('dialog', () => {
+    const onConfirm = ref<Function>()
+    const onCancel = ref<Function>()
+    const confirmText = ref('')
+    const cancelText = ref('')
+    const open = ref(false)
+    const title = ref('')
+    const content = ref('')
+    const type = ref('normal')
+    const showCancelButton = ref(true)
+    const dismissOnAction = ref(true)
+
+    const timer = ref<any>()
+    watch(open, (value) => {
+        if (!value) {
+            // check if timer is set
+            if (timer.value) {
+                clearTimeout(timer.value)
+            }
+
+            timer.value = setTimeout(() => {
+                onConfirm.value = () => { }
+                onCancel.value = () => { }
+                dismissOnAction.value = true
+                showCancelButton.value = true
+            }, 2000)
+        } else {
+            if (timer.value) {
+                clearTimeout(timer.value)
+            }
+        }
+    })
+
+    return {
+        showCancelButton,
+        dismissOnAction,
+        onConfirm,
+        onCancel,
+        title,
+        content,
+        type,
+        open,
+        confirmText,
+        cancelText,
+    }
+})