From 54a4fe47be15ad4675a881825abdbb6b16008859 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 11 Dec 2025 12:28:57 +0800
Subject: [PATCH] refactor dialog props

---
 next-ui/src/components/dialog/Confirm.vue     | 13 +---------
 next-ui/src/components/dialog/ConfirmEdit.vue | 19 ++------------
 .../src/components/dialog/DialogSimple.vue    | 20 +++------------
 next-ui/src/stores/dialogs.ts                 |  8 +++---
 next-ui/src/types/DialogProps.ts              | 25 +++++++++++++++++++
 5 files changed, 36 insertions(+), 49 deletions(-)
 create mode 100644 next-ui/src/types/DialogProps.ts

diff --git a/next-ui/src/components/dialog/Confirm.vue b/next-ui/src/components/dialog/Confirm.vue
index dad95064..4f886161 100644
--- a/next-ui/src/components/dialog/Confirm.vue
+++ b/next-ui/src/components/dialog/Confirm.vue
@@ -86,6 +86,7 @@
 
 <script setup lang="ts">
 import { defineMessage } from 'vue-intl'
+import type { DialogConfirmProps } from '@/types/DialogProps'
 
 const showDialog = defineModel<boolean>('dialog', { required: false })
 const emit = defineEmits<{
@@ -103,18 +104,6 @@ async function submitForm(isActive: Ref<boolean, boolean>) {
   }
 }
 
-export type DialogConfirmProps = {
-  title?: string
-  subtitle?: string
-  okText?: string
-  validateText?: string
-  maxWidth?: string | number
-  activator?: Element | string
-  loading?: boolean
-  closeOnSave?: boolean
-  fullscreen?: boolean
-}
-
 const {
   title = undefined,
   subtitle = undefined,
diff --git a/next-ui/src/components/dialog/ConfirmEdit.vue b/next-ui/src/components/dialog/ConfirmEdit.vue
index 625fa5a4..ae63e1e3 100644
--- a/next-ui/src/components/dialog/ConfirmEdit.vue
+++ b/next-ui/src/components/dialog/ConfirmEdit.vue
@@ -70,6 +70,8 @@
 </template>
 
 <script setup lang="ts">
+import type { DialogConfirmEditProps } from '@/types/DialogProps'
+
 const showDialog = defineModel<boolean>('dialog', { required: false })
 const record = defineModel<unknown>('record', { required: true })
 
@@ -80,23 +82,6 @@ async function submitForm(callback: () => void) {
   if (valid) callback()
 }
 
-export type DialogConfirmEditProps = {
-  /**
-   * Dialog title
-   * @type string
-   */
-  title?: string
-  subtitle?: string
-  okText?: string
-  cardTextClass?: string
-  maxWidth?: string | number
-  activator?: Element | string
-  loading?: boolean
-  closeOnSave?: boolean
-  fullscreen?: boolean
-  scrollable?: boolean
-}
-
 const {
   title = undefined,
   subtitle = undefined,
diff --git a/next-ui/src/components/dialog/DialogSimple.vue b/next-ui/src/components/dialog/DialogSimple.vue
index 769a373b..d7d128d0 100644
--- a/next-ui/src/components/dialog/DialogSimple.vue
+++ b/next-ui/src/components/dialog/DialogSimple.vue
@@ -37,24 +37,10 @@
 </template>
 
 <script setup lang="ts">
+import type { DialogSimpleProps } from '@/types/DialogProps'
+
 const showDialog = defineModel<boolean>('dialog', { required: false, default: false })
 
-export type DialogSimpleProps = {
-  /**
-   * Dialog title
-   * @type string
-   */
-  title?: string
-  subtitle?: string
-  maxWidth?: string | number
-  activator?: Element | string
-  loading?: boolean
-  fullscreen?: boolean
-  scrollable?: boolean
-  shown?: boolean
-}
-
-const props = defineProps<DialogSimpleProps>()
 const {
   title = undefined,
   subtitle = undefined,
@@ -63,5 +49,5 @@ const {
   loading = false,
   fullscreen = undefined,
   scrollable = undefined,
-} = toRefs(props)
+} = defineProps<DialogSimpleProps>()
 </script>
diff --git a/next-ui/src/stores/dialogs.ts b/next-ui/src/stores/dialogs.ts
index 4719e55c..127452cd 100644
--- a/next-ui/src/stores/dialogs.ts
+++ b/next-ui/src/stores/dialogs.ts
@@ -1,8 +1,10 @@
 // Utilities
 import { defineStore } from 'pinia'
-import type { DialogConfirmEditProps } from '@/components/dialog/ConfirmEdit.vue'
-import type { DialogConfirmProps } from '@/components/dialog/Confirm.vue'
-import type { DialogSimpleProps } from '@/components/dialog/DialogSimple.vue'
+import type {
+  DialogConfirmEditProps,
+  DialogConfirmProps,
+  DialogSimpleProps,
+} from '@/types/DialogProps'
 
 /**
  * Reusable dialogs.
diff --git a/next-ui/src/types/DialogProps.ts b/next-ui/src/types/DialogProps.ts
new file mode 100644
index 00000000..57d0ba3f
--- /dev/null
+++ b/next-ui/src/types/DialogProps.ts
@@ -0,0 +1,25 @@
+type DialogBaseProps = {
+  title?: string
+  subtitle?: string
+  maxWidth?: string | number
+  activator?: Element | string
+  loading?: boolean
+  fullscreen?: boolean
+  scrollable?: boolean
+  shown?: boolean
+}
+
+type DialogConfirmBaseProps = DialogBaseProps & {
+  okText?: string
+  closeOnSave?: boolean
+}
+
+export type DialogSimpleProps = DialogBaseProps
+
+export type DialogConfirmProps = DialogConfirmBaseProps & {
+  validateText?: string
+}
+
+export type DialogConfirmEditProps = DialogConfirmBaseProps & {
+  cardTextClass?: string
+}