feat(dialog): add slots type (tusen-ai#6599)

Groupguanfang · Dec 7, 2024 · 26e6ded · 26e6ded
1 parent 0139b74
commit 26e6ded
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/dialog/index.ts b/src/dialog/index.ts
@@ -1,5 +1,6 @@
 export { useDialog, useDialogReactiveList } from './src/composables'
 export { NDialog } from './src/Dialog'
+export type { DialogSlots } from './src/Dialog'
 export { dialogProps } from './src/dialogProps'
 export type { DialogProps } from './src/dialogProps'
 export { dialogProviderProps, NDialogProvider } from './src/DialogProvider'

diff --git a/src/dialog/src/Dialog.tsx b/src/dialog/src/Dialog.tsx
@@ -1,7 +1,13 @@
 import type { ThemeProps } from '../../_mixins'
 import type { DialogTheme } from '../styles'
 import { getMargin } from 'seemly'
-import { computed, type CSSProperties, defineComponent, h } from 'vue'
+import {
+  computed,
+  type CSSProperties,
+  defineComponent,
+  h,
+  type SlotsType
+} from 'vue'
 import { NBaseClose, NBaseIcon } from '../../_internal'
 import {
   ErrorIcon,
@@ -29,6 +35,14 @@ const iconRenderMap = {
   error: () => <ErrorIcon />
 }
 
+export interface DialogSlots {
+  action?: any
+  default?: any
+  header?: any
+  icon?: any
+  close?: any
+}
+
 export const NDialog = defineComponent({
   name: 'Dialog',
   alias: [
@@ -39,6 +53,7 @@ export const NDialog = defineComponent({
     ...(useTheme.props as ThemeProps<DialogTheme>),
     ...dialogProps
   },
+  slots: Object as SlotsType<DialogSlots>,
   setup(props) {
     const {
       mergedComponentPropsRef,