feat: add slots typing for all components (#6603)

* feat(alert): add slots type (#6599)

* feat(auto-complete): add slots type (#6599)

* fix(auto-complete): slots type (#6599)

* feat(auto-complete): export slots type (#6599)

* feat(avatar): add slots type (#6599)

* feat(avatar-group): add slots type (#6599), may not be particularly precise

* feat(breadcrumb-item): add slots type (#6599)

* feat(breadcrumb-item): export slots type (#6599)

* feat(button): add slots type (#6599)

* feat(calendar): add slots type (#6599)

* feat(card): add slots type (#6599)

* feat(carousel): add slots type (#6599)

* feat(cascader): add slots type (#6599)

* feat(collapse): add slots type (#6599)

* feat(color-picker): add slots type (#6599)

* feat(data-table): add slots type (#6599)

* feat(date-picker): add slots type (#6599)

* feat(descriptions): add slots type (#6599)

* feat(dialog): add slots type (#6599)

* feat(drawer-content): add slots type (#6599)

* feat(dynamic-input): add slots type (#6599)

* feat(dynamic-tags): add slots type (#6599)

* feat(ellipsis): add slots type (#6599)

* feat(empty): add slots type (#6599)

* feat(float-button): add slots type (#6599)

* feat(image): add slots type (#6599)

* feat(input): add slots type (#6599)

* feat(input-number): add slots type (#6599)

* feat(list): add slots type (#6599)

* feat(mention): add slots type (#6599)

* feat(modal): add slots type (#6599)

* feat(page-header): add slots type (#6599)

* feat(pagination): add slots type (#6599)

* feat(popconfirm): add slots type (#6599)

* feat(popover): add slots type (#6599)

* feat(popselect): add slots type (#6599)

* feat(result): add slots type (#6599)

* feat(select): add slots type (#6599)

* feat(slider): add slots type (#6599)

* feat(spin): add slots type (#6599)

* feat(split): add slots type (#6599)

* feat(statistic): add slots type (#6599)

* feat(step): add slots type (#6599)

* feat(switch): add slots type (#6599)

* feat(tabs): add slots type (#6599)

* feat(tag): add slots type (#6599)

* feat(thing): add slots type (#6599)

* feat(time-picker): add slots type (#6599)

* feat(time-picker): export slots type (#6599)

* feat(timeline): export slots type (#6599)

* feat(tooltip): export slots type (#6599)

* feat(tree): export slots type (#6599)

* feat(tree-select): export slots type (#6599)

* feat(upload-trigger): export slots type (#6599)

---------

Co-authored-by: Naily <zero@naily.cc>

src/alert/index.ts

@@ -1,2 +1,2 @@
 export { alertProps, default as NAlert } from './src/Alert'
-export type { AlertProps } from './src/Alert'
+export type { AlertProps, AlertSlots } from './src/Alert'

src/alert/src/Alert.tsx

@@ -10,6 +10,7 @@ import {
   mergeProps,
   type PropType,
   ref,
+  type SlotsType,
   watchEffect
 } from 'vue'
 import { NBaseClose, NBaseIcon, NFadeInExpandTransition } from '../../_internal'
@@ -56,10 +57,17 @@ export const alertProps = {
 
 export type AlertProps = ExtractPublicPropTypes<typeof alertProps>
 
+export interface AlertSlots {
+  default?: any
+  icon?: any
+  header?: any
+}
+
 export default defineComponent({
   name: 'Alert',
   inheritAttrs: false,
   props: alertProps,
+  slots: Object as SlotsType<AlertSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/auto-complete/index.ts

@@ -1,6 +1,7 @@
 export { autoCompleteProps, default as NAutoComplete } from './src/AutoComplete'
-export type { AutoCompleteProps } from './src/AutoComplete'
+export type { AutoCompleteProps, AutoCompleteSlots } from './src/AutoComplete'
 export type {
+  AutoCompleteDefaultSlotOptions,
   AutoCompleteGroupOption,
   AutoCompleteInst,
   AutoCompleteOption

src/auto-complete/src/AutoComplete.tsx

@@ -12,6 +12,7 @@ import type {
 } from '../../select/src/interface'
 import type { AutoCompleteTheme } from '../styles'
 import type {
+  AutoCompleteDefaultSlotOptions,
   AutoCompleteInst,
   AutoCompleteOption,
   AutoCompleteOptions,
@@ -33,6 +34,7 @@ import {
   type InputHTMLAttributes,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   watchEffect,
@@ -114,9 +116,17 @@ export const autoCompleteProps = {
 
 export type AutoCompleteProps = ExtractPublicPropTypes<typeof autoCompleteProps>
 
+export interface AutoCompleteSlots {
+  default?: (options: AutoCompleteDefaultSlotOptions) => any
+  empty?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'AutoComplete',
   props: autoCompleteProps,
+  slots: Object as SlotsType<AutoCompleteSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {
@@ -368,7 +378,7 @@ export default defineComponent({
                         handleFocus: this.handleFocus,
                         handleBlur: this.handleBlur,
                         value: this.mergedValue
-                      })
+                      } as AutoCompleteDefaultSlotOptions)
                     }
                     const { mergedTheme } = this
                     return (

src/auto-complete/src/interface.ts

@@ -22,3 +22,11 @@ export interface AutoCompleteInst {
   focus: () => void
   blur: () => void
 }
+
+export interface AutoCompleteDefaultSlotOptions {
+  handleInput: (value: string) => void
+  handleFocus: (e: FocusEvent) => void
+  handleBlur: (e: FocusEvent) => void
+  value: string
+  theme: string | null
+}

src/avatar-group/index.ts

@@ -1,2 +1,6 @@
 export { avatarGroupProps, default as NAvatarGroup } from './src/AvatarGroup'
 export type { AvatarGroupOption, AvatarGroupProps } from './src/AvatarGroup'
+export type {
+  AvatarGroupAvatarSlotOptions,
+  AvatarGroupRestSlotOptions
+} from './src/interface'

src/avatar-group/src/AvatarGroup.tsx

@@ -2,13 +2,18 @@ import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes } from '../../_utils'
 import type { Size } from '../../avatar/src/interface'
 import type { AvatarGroupTheme } from '../styles'
+import type {
+  AvatarGroupAvatarSlotOptions,
+  AvatarGroupRestSlotOptions
+} from './interface'
 import {
   computed,
   type CSSProperties,
   defineComponent,
   h,
   type PropType,
-  provide
+  provide,
+  type SlotsType
 } from 'vue'
 import { useConfig, useTheme } from '../../_mixins'
 import { useRtl } from '../../_mixins/use-rtl'
@@ -40,9 +45,16 @@ export const avatarGroupProps = {
 
 export type AvatarGroupProps = ExtractPublicPropTypes<typeof avatarGroupProps>
 
+export interface AvatarGroupSlots {
+  avatar?: (info: AvatarGroupAvatarSlotOptions) => any
+  rest?: (info: AvatarGroupRestSlotOptions) => any
+  default?: any
+}
+
 export default defineComponent({
   name: 'AvatarGroup',
   props: avatarGroupProps,
+  slots: Object as SlotsType<AvatarGroupSlots>,
   setup(props) {
     const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props)
     const mergedThemeRef = useTheme(

src/avatar-group/src/interface.ts

@@ -0,0 +1,8 @@
+export interface AvatarGroupAvatarSlotOptions {
+  option: Record<string, any>
+}
+
+export interface AvatarGroupRestSlotOptions {
+  options: Array<any>
+  rest: number
+}

src/avatar/index.ts

@@ -1,2 +1,2 @@
 export { avatarProps, default as NAvatar } from './src/Avatar'
-export type { AvatarProps } from './src/Avatar'
+export type { AvatarProps, AvatarSlots } from './src/Avatar'

src/avatar/src/Avatar.tsx

@@ -12,6 +12,7 @@ import {
   onMounted,
   type PropType,
   ref,
+  type SlotsType,
   type VNodeChild,
   watch,
   watchEffect
@@ -65,9 +66,16 @@ export const avatarProps = {
 
 export type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>
 
+export interface AvatarSlots {
+  default: any
+  placeholder: any
+  fallback: any
+}
+
 export default defineComponent({
   name: 'Avatar',
   props: avatarProps,
+  slots: Object as SlotsType<AvatarSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     const hasLoadErrorRef = ref(false)

src/breadcrumb/index.ts

@@ -4,4 +4,7 @@ export {
   breadcrumbItemProps,
   default as NBreadcrumbItem
 } from './src/BreadcrumbItem'
-export type { BreadcrumbItemProps } from './src/BreadcrumbItem'
+export type {
+  BreadcrumbItemProps,
+  BreadcrumbItemSlots
+} from './src/BreadcrumbItem'

src/breadcrumb/src/BreadcrumbItem.tsx

@@ -4,7 +4,8 @@ import {
   type ExtractPropTypes,
   h,
   inject,
-  type PropType
+  type PropType,
+  type SlotsType
 } from 'vue'
 import { resolveSlot, warn } from '../../_utils'
 import { useBrowserLocation } from '../../_utils/composable/use-browser-location'
@@ -24,9 +25,15 @@ export type BreadcrumbItemProps = Partial<
   ExtractPropTypes<typeof breadcrumbItemProps>
 >
 
+export interface BreadcrumbItemSlots {
+  default?: any
+  separator?: any
+}
+
 export default defineComponent({
   name: 'BreadcrumbItem',
   props: breadcrumbItemProps,
+  slots: Object as SlotsType<BreadcrumbItemSlots>,
   setup(props, { slots }) {
     const NBreadcrumb = inject(breadcrumbInjectionKey, null)
     if (!NBreadcrumb) {

src/button/index.ts

@@ -3,4 +3,4 @@ export {
   default as NButton,
   XButton as NxButton
 } from './src/Button'
-export type { ButtonProps } from './src/Button'
+export type { ButtonProps, ButtonSlots } from './src/Button'

src/button/src/Button.tsx

@@ -15,6 +15,7 @@ import {
   inject,
   type PropType,
   ref,
+  type SlotsType,
   type VNodeChild,
   watchEffect
 } from 'vue'
@@ -95,9 +96,15 @@ export const buttonProps = {
 
 export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>
 
+export interface ButtonSlots {
+  default?: any
+  icon?: any
+}
+
 const Button = defineComponent({
   name: 'Button',
   props: buttonProps,
+  slots: Object as SlotsType<ButtonSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/calendar/src/Calendar.tsx

@@ -1,7 +1,13 @@
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'
 import type { CalendarTheme } from '../styles'
-import type { DateItem, OnPanelChange, OnUpdateValue } from './interface'
+import type {
+  CalendarDefaultSlotOptions,
+  CalendarHeaderSlotOptions,
+  DateItem,
+  OnPanelChange,
+  OnUpdateValue
+} from './interface'
 import {
   addMonths,
   format,
@@ -19,6 +25,7 @@ import {
   h,
   type PropType,
   ref,
+  type SlotsType,
   toRef
 } from 'vue'
 import { NBaseIcon } from '../../_internal'
@@ -46,9 +53,15 @@ export const calendarProps = {
 
 export type CalendarProps = ExtractPublicPropTypes<typeof calendarProps>
 
+export interface CalendarSlots {
+  default?: (props: CalendarDefaultSlotOptions) => any
+  header?: (props: CalendarHeaderSlotOptions) => any
+}
+
 export default defineComponent({
   name: 'Calendar',
   props: calendarProps,
+  slots: Object as SlotsType<CalendarSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     const themeRef = useTheme(

src/calendar/src/interface.ts

@@ -7,3 +7,14 @@ export interface DateItem {
 }
 
 export type OnPanelChange = (info: { year: number, month: number }) => void
+
+export interface CalendarDefaultSlotOptions {
+  year: number
+  month: number
+  date: number
+}
+
+export interface CalendarHeaderSlotOptions {
+  year: number
+  month: number
+}

src/card/index.ts

@@ -1,2 +1,2 @@
 export { cardProps, default as NCard } from './src/Card'
-export type { CardProps, CardSegmented } from './src/Card'
+export type { CardProps, CardSegmented, CardSlots } from './src/Card'

src/card/src/Card.tsx

@@ -8,6 +8,7 @@ import {
   defineComponent,
   h,
   type PropType,
+  type SlotsType,
   type VNodeChild
 } from 'vue'
 import { NBaseClose } from '../../_internal'
@@ -71,9 +72,19 @@ export const cardProps = {
 
 export type CardProps = ExtractPublicPropTypes<typeof cardProps>
 
+export interface CardSlots {
+  default?: any
+  cover?: any
+  header?: any
+  'header-extra'?: any
+  footer?: any
+  action?: any
+}
+
 export default defineComponent({
   name: 'Card',
   props: cardProps,
+  slots: Object as SlotsType<CardSlots>,
   setup(props) {
     const handleCloseClick = (): void => {
       const { onClose } = props

src/carousel/index.ts

@@ -1,4 +1,8 @@
 export { carouselProps, default as NCarousel } from './src/Carousel'
-export type { CarouselProps } from './src/Carousel'
+export type { CarouselProps, CarouselSlots } from './src/Carousel'
 export { default as NCarouselItem } from './src/CarouselItem'
-export type { CarouselInst } from './src/interface'
+export type {
+  CarouselArrowSlotOptions,
+  CarouselDotSlotOptions,
+  CarouselInst
+} from './src/interface'

src/carousel/src/Carousel.tsx

@@ -1,9 +1,18 @@
-import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue'
+import type {
+  CSSProperties,
+  PropType,
+  Ref,
+  SlotsType,
+  TransitionProps,
+  VNode
+} from 'vue'
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes } from '../../_utils'
 import type { CarouselTheme } from '../styles'
 import type {
   ArrowScopedSlotProps,
+  CarouselArrowSlotOptions,
+  CarouselDotSlotOptions,
   CarouselInst,
   DotScopedSlotProps,
   Size
@@ -139,12 +148,19 @@ export const carouselProps = {
 
 export type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>
 
+export interface CarouselSlots {
+  default?: () => any
+  arrow?: (info: CarouselArrowSlotOptions) => any
+  dots?: (info: CarouselDotSlotOptions) => any
+}
+
 // only one carousel is allowed to trigger touch globally
 let globalDragging = false
 
 export default defineComponent({
   name: 'Carousel',
   props: carouselProps,
+  slots: Object as SlotsType<CarouselSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     // Dom

src/carousel/src/interface.ts

@@ -25,3 +25,17 @@ export interface Size {
   width: number
   height: number
 }
+
+export interface CarouselArrowSlotOptions {
+  total: number
+  currentIndex: number
+  to: (index: number) => void
+  prev: () => void
+  next: () => void
+}
+
+export interface CarouselDotSlotOptions {
+  total: number
+  currentIndex: number
+  to: (index: number) => void
+}

src/cascader/index.ts

@@ -1,3 +1,3 @@
 export { cascaderProps, default as NCascader } from './src/Cascader'
-export type { CascaderProps } from './src/Cascader'
+export type { CascaderProps, CascaderSlots } from './src/Cascader'
 export type { CascaderInst, CascaderOption } from './src/interface'

src/cascader/src/Cascader.tsx

@@ -36,6 +36,7 @@ import {
   type PropType,
   provide,
   ref,
+  type SlotsType,
   toRef,
   type VNode,
   type VNodeChild,
@@ -193,9 +194,17 @@ export const cascaderProps = {
 
 export type CascaderProps = ExtractPublicPropTypes<typeof cascaderProps>
 
+export interface CascaderSlots {
+  action?: any
+  arrow?: any
+  empty?: any
+  'not-found'?: any
+}
+
 export default defineComponent({
   name: 'Cascader',
   props: cascaderProps,
+  slots: Object as SlotsType<CascaderSlots>,
   setup(props, { slots }) {
     if (__DEV__) {
       watchEffect(() => {

src/collapse/index.ts

@@ -1,4 +1,10 @@
 export { collapseProps, default as NCollapse } from './src/Collapse'
-export type { CollapseProps } from './src/Collapse'
+export type { CollapseProps, CollapseSlots } from './src/Collapse'
 export { collapseItemProps, default as NCollapseItem } from './src/CollapseItem'
-export type { CollapseItemProps } from './src/CollapseItem'
+export type { CollapseItemProps, CollapseItemSlots } from './src/CollapseItem'
+export type {
+  CollapseArrowSlotOptions,
+  CollapseItemArrowSlotOptions,
+  CollapseItemHeaderExtraSlotOptions,
+  CollapseItemHeaderSlotOptions
+} from './src/interface'

src/collapse/src/Collapse.tsx

@@ -1,6 +1,7 @@
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'
 import type {
+  CollapseArrowSlotOptions,
   HeaderClickInfo,
   OnItemHeaderClick,
   OnItemHeaderClickImpl,
@@ -18,7 +19,8 @@ import {
   provide,
   type Ref,
   ref,
-  type Slots
+  type Slots,
+  type SlotsType
 } from 'vue'
 import { useConfig, useTheme, useThemeClass } from '../../_mixins'
 import { useRtl } from '../../_mixins/use-rtl'
@@ -82,6 +84,11 @@ export const collapseProps = {
 
 export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>
 
+export interface CollapseSlots {
+  default?: any
+  arrow?: (props: CollapseArrowSlotOptions) => any
+}
+
 export interface NCollapseInjection {
   props: ExtractPropTypes<typeof collapseProps>
   expandedNamesRef: Ref<string | number | Array<string | number> | null>
@@ -100,6 +107,7 @@ export const collapseInjectionKey
 export default defineComponent({
   name: 'Collapse',
   props: collapseProps,
+  slots: Object as SlotsType<CollapseSlots>,
   setup(props, { slots }) {
     const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef }
       = useConfig(props)

src/collapse/src/CollapseItem.tsx

@@ -1,4 +1,9 @@
 import type { ExtractPublicPropTypes } from '../../_utils'
+import type {
+  CollapseItemArrowSlotOptions,
+  CollapseItemHeaderExtraSlotOptions,
+  CollapseItemHeaderSlotOptions
+} from './interface'
 import { createId, happensIn } from 'seemly'
 import { useMemo } from 'vooks'
 import { computed, defineComponent, h, inject, type PropType, toRef } from 'vue'
@@ -26,6 +31,13 @@ export const collapseItemProps = {
 
 export type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>
 
+export interface CollapseItemSlots {
+  default?: any
+  header?: (props: CollapseItemHeaderSlotOptions) => any
+  'header-extra'?: (props: CollapseItemHeaderExtraSlotOptions) => any
+  arrow?: (props: CollapseItemArrowSlotOptions) => any
+}
+
 export default defineComponent({
   name: 'CollapseItem',
   props: collapseItemProps,

src/collapse/src/interface.ts

@@ -36,3 +36,19 @@ export interface HeaderClickInfo<T> {
   expanded: boolean
   event: MouseEvent
 }
+
+export interface CollapseArrowSlotOptions {
+  collapsed: boolean
+}
+
+export interface CollapseItemHeaderSlotOptions {
+  collapsed: boolean
+}
+
+export interface CollapseItemHeaderExtraSlotOptions {
+  collapsed: boolean
+}
+
+export interface CollapseItemArrowSlotOptions {
+  collapsed: boolean
+}

src/color-picker/index.ts

@@ -1,2 +1,2 @@
 export { colorPickerProps, default as NColorPicker } from './src/ColorPicker'
-export type { ColorPickerProps } from './src/ColorPicker'
+export type { ColorPickerProps, ColorPickerSlots } from './src/ColorPicker'

src/color-picker/src/ColorPicker.tsx

@@ -43,6 +43,7 @@ import {
   provide,
   type Ref,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   type VNode,
@@ -124,9 +125,16 @@ export const colorPickerProps = {
 
 export type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerProps>
 
+export interface ColorPickerSlots {
+  default?: any
+  label?: (color: string | null) => any
+  action?: any
+}
+
 export default defineComponent({
   name: 'ColorPicker',
   props: colorPickerProps,
+  slots: Object as SlotsType<ColorPickerSlots>,
   setup(props, { slots }) {
     const selfRef = ref<HTMLElement | null>(null)
     let upcomingValue: string | null = null

src/data-table/index.ts

@@ -21,6 +21,7 @@ export type {
   RowData as DataTableRowData,
   RowKey as DataTableRowKey,
   TableSelectionColumn as DataTableSelectionColumn,
+  DataTableSlots,
   SortState as DataTableSortState
 } from './src/interface'
 export * from './src/publicTypes'

src/data-table/src/DataTable.tsx

@@ -1,6 +1,7 @@
 import type {
   CsvOptionsType,
   DataTableInst,
+  DataTableSlots,
   MainTableRef,
   RowKey
 } from './interface'
@@ -12,6 +13,7 @@ import {
   h,
   provide,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   watchEffect
@@ -42,6 +44,7 @@ export default defineComponent({
   name: 'DataTable',
   alias: ['AdvancedTable'],
   props: dataTableProps,
+  slots: Object as SlotsType<DataTableSlots>,
   setup(props, { slots }) {
     if (__DEV__) {
       watchEffect(() => {

src/data-table/src/interface.ts

@@ -178,6 +178,12 @@ export const dataTableProps = {
   >
 } as const
 
+export interface DataTableSlots {
+  default?: any
+  empty?: any
+  loading?: any
+}
+
 export type FilterOptionValue = string | number
 export type ColumnKey = string | number
 export type RowKey = string | number

src/date-picker/index.ts

@@ -1,3 +1,4 @@
 export { default as NDatePicker } from './src/DatePicker'
+export type { DatePickerSlots } from './src/DatePicker'
 export { datePickerProps } from './src/props'
 export type * from './src/public-types'

src/date-picker/src/DatePicker.tsx

@@ -23,6 +23,7 @@ import {
   provide,
   type Ref,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   type VNode,
@@ -68,9 +69,20 @@ import {
 
 export type DatePickerSetupProps = ExtractPropTypes<typeof datePickerProps>
 
+export interface DatePickerSlots {
+  'date-icon'?: any
+  footer?: any
+  'next-month'?: any
+  'next-year'?: any
+  'prev-month'?: any
+  'prev-year'?: any
+  separator?: any
+}
+
 export default defineComponent({
   name: 'DatePicker',
   props: datePickerProps,
+  slots: Object as SlotsType<DatePickerSlots>,
   setup(props, { slots }) {
     if (__DEV__) {
       watchEffect(() => {

src/descriptions/index.ts

@@ -1,7 +1,14 @@
 export { descriptionsProps, default as NDescriptions } from './src/Descriptions'
-export type { DescriptionProps, DescriptionsProps } from './src/Descriptions'
+export type {
+  DescriptionProps,
+  DescriptionsProps,
+  DescriptionsSlots
+} from './src/Descriptions'
 export {
   descriptionsItemProps,
   default as NDescriptionsItem
 } from './src/DescriptionsItem'
-export type { DescriptionItemProps } from './src/DescriptionsItem'
+export type {
+  DescriptionItemProps,
+  DescriptionItemSlots
+} from './src/DescriptionsItem'

src/descriptions/src/Descriptions.tsx

@@ -9,6 +9,7 @@ import {
   defineComponent,
   h,
   type PropType,
+  type SlotsType,
   type VNode
 } from 'vue'
 import { useConfig, useTheme, useThemeClass } from '../../_mixins'
@@ -58,9 +59,15 @@ export type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionsProps>
 /** @deprecated You should use `DescriptionsProps` */
 export type DescriptionProps = DescriptionsProps
 
+export interface DescriptionsSlots {
+  default?: any
+  header?: any
+}
+
 export default defineComponent({
   name: 'Descriptions',
   props: descriptionsProps,
+  slots: Object as SlotsType<DescriptionsSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     const themeRef = useTheme(

src/descriptions/src/DescriptionsItem.ts

@@ -1,5 +1,10 @@
 import type { ExtractPublicPropTypes } from '../../_utils'
-import { type CSSProperties, defineComponent, type PropType } from 'vue'
+import {
+  type CSSProperties,
+  defineComponent,
+  type PropType,
+  type SlotsType
+} from 'vue'
 import { DESCRIPTION_ITEM_FLAG } from './utils'
 
 export const descriptionsItemProps = {
@@ -18,10 +23,16 @@ export type DescriptionItemProps = ExtractPublicPropTypes<
   typeof descriptionsItemProps
 >
 
+export interface DescriptionItemSlots {
+  default?: any
+  label?: any
+}
+
 export default defineComponent({
   name: 'DescriptionsItem',
   [DESCRIPTION_ITEM_FLAG]: true,
   props: descriptionsItemProps,
+  slots: Object as SlotsType<DescriptionItemSlots>,
   render() {
     return null
   }

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'

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,

src/drawer/index.ts

@@ -5,4 +5,7 @@ export {
   drawerContentProps,
   default as NDrawerContent
 } from './src/DrawerContent'
-export type { DrawerContentProps } from './src/DrawerContent'
+export type {
+  DrawerContentProps,
+  DrawerContentSlots
+} from './src/DrawerContent'

src/drawer/src/DrawerContent.tsx

@@ -5,7 +5,8 @@ import {
   defineComponent,
   h,
   inject,
-  type PropType
+  type PropType,
+  type SlotsType
 } from 'vue'
 import { NBaseClose, NScrollbar } from '../../_internal'
 import { throwError } from '../../_utils'
@@ -30,9 +31,16 @@ export type DrawerContentProps = ExtractPublicPropTypes<
   typeof drawerContentProps
 >
 
+export interface DrawerContentSlots {
+  default?: any
+  header?: any
+  footer?: any
+}
+
 export default defineComponent({
   name: 'DrawerContent',
   props: drawerContentProps,
+  slots: Object as SlotsType<DrawerContentSlots>,
   setup() {
     const NDrawer = inject(drawerInjectionKey, null)
     if (!NDrawer) {

src/dynamic-input/index.ts

@@ -1,2 +1,6 @@
 export { dynamicInputProps, default as NDynamicInput } from './src/DynamicInput'
-export type { DynamicInputProps } from './src/DynamicInput'
+export type { DynamicInputProps, DynamicInputSlots } from './src/DynamicInput'
+export type {
+  DynamicInputActionSlotOptions,
+  DynamicInputDefaultSlotOptions
+} from './src/interface'

src/dynamic-input/src/DynamicInput.tsx

@@ -2,7 +2,11 @@ import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'
 import type { ButtonProps } from '../../button'
 import type { DynamicInputTheme } from '../styles'
-import type { OnUpdateValue } from './interface'
+import type {
+  DynamicInputActionSlotOptions,
+  DynamicInputDefaultSlotOptions,
+  OnUpdateValue
+} from './interface'
 import { createId } from 'seemly'
 import { useMergedState } from 'vooks'
 import {
@@ -88,6 +92,13 @@ export const dynamicInputProps = {
 
 export type DynamicInputProps = ExtractPublicPropTypes<typeof dynamicInputProps>
 
+export interface DynamicInputSlots {
+  action?: (options: DynamicInputActionSlotOptions) => any
+  default?: (options: DynamicInputDefaultSlotOptions) => any
+  'create-button-default'?: any
+  'create-button-icon'?: any
+}
+
 export default defineComponent({
   name: 'DynamicInput',
   props: dynamicInputProps,

src/dynamic-input/src/interface.ts

@@ -14,3 +14,16 @@ export const dynamicInputInjectionKey
   = createInjectionKey<DynamicInputInjection>('n-dynamic-input')
 
 export type OnUpdateValue = <T>(value: T[]) => void
+
+export interface DynamicInputDefaultSlotOptions {
+  value: any
+  index: number
+}
+
+export interface DynamicInputActionSlotOptions {
+  value: any
+  index: number
+  create: (index: number) => void
+  remove: (index: number) => void
+  move: (type: 'up' | 'down', index: number) => void
+}

src/dynamic-tags/index.ts

@@ -1,3 +1,7 @@
 export { dynamicTagsProps, default as NDynamicTags } from './src/DynamicTags'
-export type { DynamicTagsProps } from './src/DynamicTags'
-export type { DynamicTagsOption } from './src/interface'
+export type { DynamicTagsProps, DynamicTagsSlots } from './src/DynamicTags'
+export type {
+  DynamicTagsInputSlotOptions,
+  DynamicTagsOption,
+  DynamicTagsTriggerSlotOptions
+} from './src/interface'

src/dynamic-tags/src/DynamicTags.tsx

@@ -3,7 +3,9 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'
 import type { InputInst, InputProps } from '../../input'
 import type { DynamicTagsTheme } from '../styles'
 import type {
+  DynamicTagsInputSlotOptions,
   DynamicTagsOption,
+  DynamicTagsTriggerSlotOptions,
   OnCreate,
   OnUpdateValue,
   OnUpdateValueImpl
@@ -17,6 +19,7 @@ import {
   nextTick,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   type VNodeChild,
   watchEffect
@@ -77,9 +80,16 @@ export const dynamicTagsProps = {
 
 export type DynamicTagsProps = ExtractPublicPropTypes<typeof dynamicTagsProps>
 
+export interface DynamicTagsSlots {
+  input?: (info: DynamicTagsInputSlotOptions) => any
+  trigger?: (info: DynamicTagsTriggerSlotOptions) => any
+  default?: any
+}
+
 export default defineComponent({
   name: 'DynamicTags',
   props: dynamicTagsProps,
+  slots: Object as SlotsType<DynamicTagsSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/dynamic-tags/src/interface.ts

@@ -17,3 +17,13 @@ export interface DynamicTagsOption {
   label: string
   value: string
 }
+
+export interface DynamicTagsInputSlotOptions {
+  submit: (value: any) => void
+  deactivate: () => void
+}
+
+export interface DynamicTagsTriggerSlotOptions {
+  activate: () => void
+  disabled: boolean
+}

src/ellipsis/index.ts

@@ -1,3 +1,3 @@
 export { ellipsisProps, default as NEllipsis } from './src/Ellipsis'
-export type { EllipsisProps } from './src/Ellipsis'
+export type { EllipsisProps, EllipsisSlots } from './src/Ellipsis'
 export { NPerformantEllipsis } from './src/PerformantEllipsis'

src/ellipsis/src/Ellipsis.tsx

@@ -10,7 +10,8 @@ import {
   mergeProps,
   onDeactivated,
   type PropType,
-  ref
+  ref,
+  type SlotsType
 } from 'vue'
 import { useTheme } from '../../_mixins'
 import { useMergedClsPrefix } from '../../_mixins/use-config'
@@ -38,10 +39,16 @@ export const ellipsisProps = {
 
 export type EllipsisProps = ExtractPublicPropTypes<typeof ellipsisProps>
 
+export interface EllipsisSlots {
+  default?: any
+  tooltip?: any
+}
+
 export default defineComponent({
   name: 'Ellipsis',
   inheritAttrs: false,
   props: ellipsisProps,
+  slots: Object as SlotsType<EllipsisSlots>,
   setup(props, { slots, attrs }) {
     const mergedClsPrefixRef = useMergedClsPrefix()
     const mergedTheme = useTheme(

src/empty/index.ts

@@ -1,2 +1,2 @@
 export { emptyProps, default as NEmpty } from './src/Empty'
-export type { EmptyProps } from './src/Empty'
+export type { EmptyProps, EmptySlots } from './src/Empty'

src/empty/src/Empty.tsx

@@ -6,6 +6,7 @@ import {
   defineComponent,
   h,
   type PropType,
+  type SlotsType,
   type VNodeChild
 } from 'vue'
 import { NBaseIcon } from '../../_internal/icon'
@@ -35,9 +36,16 @@ export const emptyProps = {
 
 export type EmptyProps = ExtractPublicPropTypes<typeof emptyProps>
 
+export interface EmptySlots {
+  default?: any
+  extra?: any
+  icon?: any
+}
+
 export default defineComponent({
   name: 'Empty',
   props: emptyProps,
+  slots: Object as SlotsType<EmptySlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef }
       = useConfig(props)

src/float-button/index.ts

@@ -1,2 +1,2 @@
 export { floatButtonProps, default as NFloatButton } from './src/FloatButton'
-export type { FloatButtonProps } from './src/FloatButton'
+export type { FloatButtonProps, FloatButtonSlots } from './src/FloatButton'

src/float-button/src/FloatButton.tsx

@@ -10,6 +10,7 @@ import {
   onMounted,
   type PropType,
   ref,
+  type SlotsType,
   toRef
 } from 'vue'
 import { NBaseIcon } from '../../_internal'
@@ -65,9 +66,16 @@ export const floatButtonProps = {
 
 export type FloatButtonProps = ExtractPublicPropTypes<typeof floatButtonProps>
 
+export interface FloatButtonSlots {
+  default?: any
+  description?: any
+  menu?: any
+}
+
 export default defineComponent({
   name: 'FloatButton',
   props: floatButtonProps,
+  slots: Object as SlotsType<FloatButtonSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
 

src/image/index.ts

@@ -1,5 +1,5 @@
 export { imageProps, default as NImage } from './src/Image'
-export type { ImageProps } from './src/Image'
+export type { ImageProps, ImageSlots } from './src/Image'
 export { imageGroupProps, default as NImageGroup } from './src/ImageGroup'
 export type { ImageGroupProps } from './src/ImageGroup'
 export type * from './src/public-types'

src/image/src/Image.tsx

@@ -10,6 +10,7 @@ import {
   type PropType,
   provide,
   ref,
+  type SlotsType,
   toRef,
   watchEffect
 } from 'vue'
@@ -51,9 +52,16 @@ export const imageProps = {
 
 export type ImageProps = ExtractPublicPropTypes<typeof imageProps>
 
+export interface ImageSlots {
+  placeholder?: any
+  error?: any
+  [key: string]: any
+}
+
 export default defineComponent({
   name: 'Image',
   props: imageProps,
+  slots: Object as SlotsType<ImageSlots>,
   inheritAttrs: false,
   setup(props) {
     const imageRef = ref<HTMLImageElement | null>(null)

src/input-number/index.ts

@@ -1,3 +1,3 @@
 export { inputNumberProps, default as NInputNumber } from './src/InputNumber'
-export type { InputNumberProps } from './src/InputNumber'
+export type { InputNumberProps, InputNumberSlots } from './src/InputNumber'
 export type { InputNumberInst } from './src/interface'

src/input-number/src/InputNumber.tsx

@@ -14,6 +14,7 @@ import {
   nextTick,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   type VNode,
   watch,
@@ -110,9 +111,17 @@ export const inputNumberProps = {
 
 export type InputNumberProps = ExtractPublicPropTypes<typeof inputNumberProps>
 
+export interface InputNumberSlots {
+  'add-icon'?: any
+  'minus-icon'?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'InputNumber',
   props: inputNumberProps,
+  slots: Object as SlotsType<InputNumberSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/input/index.ts

@@ -1,5 +1,5 @@
 export { inputProps, default as NInput } from './src/Input'
-export type { InputProps } from './src/Input'
+export type { InputProps, InputSlots } from './src/Input'
 export { inputGroupProps, default as NInputGroup } from './src/InputGroup'
 export type { InputGroupProps } from './src/InputGroup'
 export {

src/input/src/Input.tsx

@@ -23,6 +23,7 @@ import {
   type PropType,
   provide,
   ref,
+  type SlotsType,
   type TextareaHTMLAttributes,
   toRef,
   type VNode,
@@ -170,9 +171,20 @@ export const inputProps = {
 
 export type InputProps = ExtractPublicPropTypes<typeof inputProps>
 
+export interface InputSlots {
+  'clear-icon'?: any
+  count?: (props: { value: string }) => any
+  'password-invisible-icon'?: any
+  'password-visible-icon'?: any
+  prefix?: any
+  separator?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'Input',
   props: inputProps,
+  slots: Object as SlotsType<InputSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/list/index.ts

@@ -1,3 +1,4 @@
 export { listProps, default as NList } from './src/List'
-export type { ListProps } from './src/List'
+export type { ListProps, ListSlots } from './src/List'
 export { default as NListItem } from './src/ListItem'
+export type { ListItemSlots } from './src/ListItem'

src/list/src/List.tsx

@@ -1,4 +1,4 @@
-import type { CSSProperties, PropType, Ref } from 'vue'
+import type { CSSProperties, PropType, Ref, SlotsType } from 'vue'
 import type { ThemeProps } from '../../_mixins'
 import type { ListTheme } from '../styles'
 import { computed, defineComponent, h, provide, toRef } from 'vue'
@@ -24,6 +24,12 @@ export const listProps = {
 
 export type ListProps = ExtractPublicPropTypes<typeof listProps>
 
+export interface ListSlots {
+  default?: any
+  footer?: any
+  header?: any
+}
+
 interface ListInjection {
   showDividerRef: Ref<boolean>
   mergedClsPrefixRef: Ref<string>
@@ -34,6 +40,7 @@ export const listInjectionKey = createInjectionKey<ListInjection>('n-list')
 export default defineComponent({
   name: 'List',
   props: listProps,
+  slots: Object as SlotsType<ListSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef }
       = useConfig(props)

src/list/src/ListItem.tsx

@@ -1,9 +1,17 @@
+import type { SlotsType } from 'vue'
 import { defineComponent, h, inject } from 'vue'
 import { throwError } from '../../_utils'
 import { listInjectionKey } from './List'
 
+export interface ListItemSlots {
+  default?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'ListItem',
+  slots: Object as SlotsType<ListItemSlots>,
   setup() {
     const listInjection = inject(listInjectionKey, null)
     if (!listInjection) {

src/mention/index.ts

@@ -1,3 +1,3 @@
 export type { MentionInst, MentionOption } from './src/interface'
 export { mentionProps, default as NMention } from './src/Mention'
-export type { MentionProps } from './src/Mention'
+export type { MentionProps, MentionSlots } from './src/Mention'

src/mention/src/Mention.tsx

@@ -22,6 +22,7 @@ import {
   nextTick,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   Transition
 } from 'vue'
@@ -131,9 +132,15 @@ export const mentionProps = {
 
 export type MentionProps = ExtractPublicPropTypes<typeof mentionProps>
 
+export interface MentionSlots {
+  default?: any
+  empty?: any
+}
+
 export default defineComponent({
   name: 'Mention',
   props: mentionProps,
+  slots: Object as SlotsType<MentionSlots>,
   setup(props) {
     const {
       namespaceRef,

src/modal/index.ts

@@ -1,7 +1,7 @@
 export { useModal, useModalReactiveList } from './src/composables'
 export { modalProps, default as NModal } from './src/Modal'
 
-export type { ModalProps } from './src/Modal'
+export type { ModalProps, ModalSlots } from './src/Modal'
 export { modalProviderProps, NModalProvider } from './src/ModalProvider'
 export type {
   ModalApiInjection as ModalApi,

src/modal/src/Modal.tsx

@@ -1,5 +1,7 @@
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'
+import type { CardSlots } from '../../card'
+import type { DialogSlots } from '../../dialog'
 import type { ModalTheme } from '../styles'
 import { getPreciseEventTarget } from 'seemly'
 import { zindexable } from 'vdirs'
@@ -13,6 +15,7 @@ import {
   type PropType,
   provide,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   withDirectives
@@ -100,10 +103,15 @@ export const modalProps = {
 
 export type ModalProps = ExtractPublicPropTypes<typeof modalProps>
 
+export interface ModalSlots extends CardSlots, DialogSlots {
+  default?: any
+}
+
 export default defineComponent({
   name: 'Modal',
   inheritAttrs: false,
   props: modalProps,
+  slots: Object as SlotsType<ModalSlots>,
   setup(props) {
     if (__DEV__) {
       if (props.onHide) {

src/page-header/index.ts

@@ -1,2 +1,2 @@
 export { default as NPageHeader, pageHeaderProps } from './src/PageHeader'
-export type { PageHeaderProps } from './src/PageHeader'
+export type { PageHeaderProps, PageHeaderSlots } from './src/PageHeader'

src/page-header/src/PageHeader.tsx

@@ -1,7 +1,13 @@
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes } from '../../_utils'
 import type { PageHeaderTheme } from '../styles/light'
-import { computed, defineComponent, h, type PropType } from 'vue'
+import {
+  computed,
+  defineComponent,
+  h,
+  type PropType,
+  type SlotsType
+} from 'vue'
 import { NBaseIcon } from '../../_internal'
 import { ArrowBackIcon } from '../../_internal/icons'
 import { useConfig, useTheme, useThemeClass } from '../../_mixins'
@@ -19,9 +25,21 @@ export const pageHeaderProps = {
 
 export type PageHeaderProps = ExtractPublicPropTypes<typeof pageHeaderProps>
 
+export interface PageHeaderSlots {
+  avatar?: any
+  header?: any
+  default?: any
+  extra?: any
+  footer?: any
+  subtitle?: any
+  title?: any
+  back?: any
+}
+
 export default defineComponent({
   name: 'PageHeader',
   props: pageHeaderProps,
+  slots: Object as SlotsType<PageHeaderSlots>,
   setup(props) {
     const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled }
       = useConfig(props)

src/pagination/index.ts

@@ -4,4 +4,4 @@ export type {
   PaginationSizeOption
 } from './src/interface'
 export { default as NPagination, paginationProps } from './src/Pagination'
-export type { PaginationProps } from './src/Pagination'
+export type { PaginationProps, PaginationSlots } from './src/Pagination'

src/pagination/src/Pagination.tsx

@@ -5,6 +5,7 @@ import type { SelectProps } from '../../select'
 import type { Size as SelectSize } from '../../select/src/interface'
 import type { PaginationTheme } from '../styles'
 import type {
+  PaginationInfo,
   PaginationRenderLabel,
   PaginationSizeOption,
   RenderGoto,
@@ -25,6 +26,7 @@ import {
   nextTick,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   type VNodeChild,
   watchEffect
@@ -123,9 +125,20 @@ export const paginationProps = {
 
 export type PaginationProps = ExtractPublicPropTypes<typeof paginationProps>
 
+export interface PaginationSlots {
+  default?: any
+  goto?: any
+  label?: any
+  next?: (info: PaginationInfo) => any
+  prev?: (info: PaginationInfo) => any
+  prefix?: (info: PaginationInfo) => any
+  suffix?: (info: PaginationInfo) => any
+}
+
 export default defineComponent({
   name: 'Pagination',
   props: paginationProps,
+  slots: Object as SlotsType<PaginationSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/popconfirm/index.ts

@@ -1,3 +1,3 @@
 export type { PopconfirmInst } from './src/interface'
 export { default as NPopconfirm, popconfirmProps } from './src/Popconfirm'
-export type { PopconfirmProps } from './src/Popconfirm'
+export type { PopconfirmProps, PopconfirmSlots } from './src/Popconfirm'

src/popconfirm/src/Popconfirm.ts

@@ -11,7 +11,8 @@ import {
   h,
   type PropType,
   provide,
-  ref
+  ref,
+  type SlotsType
 } from 'vue'
 import { useConfig, useTheme } from '../../_mixins'
 import { call, keep, omit } from '../../_utils'
@@ -49,9 +50,17 @@ export type PopconfirmProps = ExtractPublicPropTypes<typeof popconfirmProps>
 
 export type PopconfirmSetupProps = ExtractPropTypes<typeof popconfirmProps>
 
+export interface PopconfirmSlots {
+  action?: any
+  default?: any
+  icon?: any
+  [key: string]: any
+}
+
 export default defineComponent({
   name: 'Popconfirm',
   props: popconfirmProps,
+  slots: Object as SlotsType<PopconfirmSlots>,
   __popover__: true,
   setup(props) {
     const { mergedClsPrefixRef } = useConfig()

src/popover/index.ts

@@ -1,4 +1,4 @@
 export type { PopoverInst, PopoverTrigger } from './src/interface'
 export { default as NPopover, popoverProps } from './src/Popover'
-export type { PopoverProps } from './src/Popover'
+export type { PopoverProps, PopoverSlots } from './src/Popover'
 export type { FollowerPlacement as PopoverPlacement } from 'vueuc'

src/popover/src/Popover.tsx

@@ -23,6 +23,7 @@ import {
   provide,
   type Ref,
   ref,
+  type SlotsType,
   Text,
   toRef,
   type VNode,
@@ -222,10 +223,19 @@ export const popoverProps = {
 export type PopoverProps = ExtractPublicPropTypes<typeof popoverBaseProps>
 export type PopoverInternalProps = ExtractInternalPropTypes<typeof popoverProps>
 
+export interface PopoverSlots {
+  trigger?: any
+  footer?: any
+  header?: any
+  default?: any
+  [key: string]: any
+}
+
 export default defineComponent({
   name: 'Popover',
   inheritAttrs: false,
   props: popoverProps,
+  slots: Object as SlotsType<PopoverSlots>,
   __popover__: true,
   setup(props) {
     if (__DEV__) {

src/popselect/index.ts

@@ -1,3 +1,3 @@
 export type { PopselectInst } from './src/interface'
 export { default as NPopselect, popselectProps } from './src/Popselect'
-export type { PopselectProps } from './src/Popselect'
+export type { PopselectProps, PopselectSlots } from './src/Popselect'

src/popselect/src/Popselect.tsx

@@ -9,7 +9,8 @@ import {
   h,
   type PropType,
   provide,
-  ref
+  ref,
+  type SlotsType
 } from 'vue'
 import { useConfig, useTheme } from '../../_mixins'
 import { createRefSetter, keep, mergeEventHandlers, omit } from '../../_utils'
@@ -36,9 +37,17 @@ export const popselectProps = {
 export type PopselectSetupProps = ExtractPropTypes<typeof popselectProps>
 export type PopselectProps = ExtractPublicPropTypes<typeof popselectProps>
 
+export interface PopselectSlots {
+  default?: any
+  header?: any
+  action?: any
+  empty?: any
+}
+
 export default defineComponent({
   name: 'Popselect',
   props: popselectProps,
+  slots: Object as SlotsType<PopselectSlots>,
   inheritAttrs: false,
   __popover__: true,
   setup(props) {

src/result/index.ts

@@ -1,2 +1,2 @@
 export { default as NResult, resultProps } from './src/Result'
-export type { ResultProps } from './src/Result'
+export type { ResultProps, ResultSlots } from './src/Result'

src/result/src/Result.tsx

@@ -6,7 +6,8 @@ import {
   type CSSProperties,
   defineComponent,
   h,
-  type PropType
+  type PropType,
+  type SlotsType
 } from 'vue'
 import { NBaseIcon } from '../../_internal'
 import {
@@ -53,9 +54,16 @@ export const resultProps = {
 
 export type ResultProps = ExtractPublicPropTypes<typeof resultProps>
 
+export interface ResultSlots {
+  default?: any
+  footer?: any
+  icon?: any
+}
+
 export default defineComponent({
   name: 'Result',
   props: resultProps,
+  slots: Object as SlotsType<ResultSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     const themeRef = useTheme(

src/select/index.ts

@@ -11,4 +11,4 @@ export type {
   SelectOption
 } from './src/interface'
 export { default as NSelect, selectProps } from './src/Select'
-export type { SelectProps } from './src/Select'
+export type { SelectProps, SelectSlots } from './src/Select'

src/select/src/Select.tsx

@@ -36,6 +36,7 @@ import {
   type InputHTMLAttributes,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   vShow,
@@ -217,9 +218,18 @@ export const selectProps = {
 
 export type SelectProps = ExtractPublicPropTypes<typeof selectProps>
 
+export interface SelectSlots {
+  default?: any
+  header?: any
+  action?: any
+  empty?: any
+  arrow?: any
+}
+
 export default defineComponent({
   name: 'Select',
   props: selectProps,
+  slots: Object as SlotsType<SelectSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/slider/index.ts

@@ -1,2 +1,2 @@
 export { default as NSlider, sliderProps } from './src/Slider'
-export type { SliderProps } from './src/Slider'
+export type { SliderProps, SliderSlots } from './src/Slider'

src/slider/src/Slider.tsx

@@ -11,6 +11,7 @@ import {
   onBeforeUnmount,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   Transition,
   type VNodeChild,
@@ -104,9 +105,15 @@ export const sliderProps = {
 
 export type SliderProps = ExtractPublicPropTypes<typeof sliderProps>
 
+export interface SliderSlots {
+  thumb?: any
+  default?: any
+}
+
 export default defineComponent({
   name: 'Slider',
   props: sliderProps,
+  slots: Object as SlotsType<SliderSlots>,
   setup(props) {
     const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled }
       = useConfig(props)

src/spin/index.ts

@@ -1,2 +1,2 @@
 export { default as NSpin, spinProps } from './src/Spin'
-export type { SpinProps } from './src/Spin'
+export type { SpinProps, SpinSlots } from './src/Spin'

src/spin/src/Spin.tsx

@@ -9,6 +9,7 @@ import {
   h,
   type PropType,
   ref,
+  type SlotsType,
   Transition,
   watchEffect
 } from 'vue'
@@ -55,9 +56,16 @@ export const spinProps = {
 
 export type SpinProps = ExtractPublicPropTypes<typeof spinProps>
 
+export interface SpinSlots {
+  default?: any
+  description?: any
+  icon?: any
+}
+
 export default defineComponent({
   name: 'Spin',
   props: spinProps,
+  slots: Object as SlotsType<SpinSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/split/index.ts

@@ -1,3 +1,3 @@
 export { default as NSplit, splitProps } from './src/Split'
-export type { SplitProps } from './src/Split'
+export type { SplitProps, SplitSlots } from './src/Split'
 export type { SplitOnUpdateSize } from './src/types'

src/split/src/Split.tsx

@@ -9,6 +9,7 @@ import {
   h,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   watchEffect
 } from 'vue'
@@ -60,9 +61,17 @@ export const splitProps = {
 
 export type SplitProps = ExtractPublicPropTypes<typeof splitProps>
 
+export interface SplitSlots {
+  default?: any
+  1?: any
+  2?: any
+  'resize-trigger'?: any
+}
+
 export default defineComponent({
   name: 'Split',
   props: splitProps,
+  slots: Object as SlotsType<SplitSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props)
     const themeRef = useTheme(

src/statistic/index.ts

@@ -1,2 +1,2 @@
 export { default as NStatistic, statisticProps } from './src/Statistic'
-export type { StatisticProps } from './src/Statistic'
+export type { StatisticProps, StatisticSlots } from './src/Statistic'

src/statistic/src/Statistic.tsx

@@ -1,7 +1,7 @@
 import type { ThemeProps } from '../../_mixins'
 import type { ExtractPublicPropTypes } from '../../_utils'
 import type { StatisticTheme } from '../styles'
-import { computed, defineComponent, h } from 'vue'
+import { computed, defineComponent, h, type SlotsType } from 'vue'
 import { useConfig, useRtl, useTheme, useThemeClass } from '../../_mixins'
 import { resolveWrappedSlot } from '../../_utils'
 import { statisticLight } from '../styles'
@@ -16,9 +16,17 @@ export const statisticProps = {
 
 export type StatisticProps = ExtractPublicPropTypes<typeof statisticProps>
 
+export interface StatisticSlots {
+  default?: any
+  label?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'Statistic',
   props: statisticProps,
+  slots: Object as SlotsType<StatisticSlots>,
   setup(props) {
     const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef }
       = useConfig(props)

src/steps/index.ts

@@ -1,4 +1,4 @@
 export { default as NStep, stepProps } from './src/Step'
-export type { StepProps } from './src/Step'
+export type { StepProps, StepSlots } from './src/Step'
 export { default as NSteps, stepsProps } from './src/Steps'
-export type { StepsProps } from './src/Steps'
+export type { StepsProps, StepsSlots } from './src/Steps'

src/steps/src/Step.tsx

@@ -5,7 +5,8 @@ import {
   defineComponent,
   h,
   inject,
-  type PropType
+  type PropType,
+  type SlotsType
 } from 'vue'
 import { NBaseIcon, NIconSwitchTransition } from '../../_internal'
 import {
@@ -36,9 +37,16 @@ export const stepProps = {
 
 export type StepProps = ExtractPublicPropTypes<typeof stepProps>
 
+export interface StepSlots {
+  default?: any
+  icon?: any
+  title?: any
+}
+
 export default defineComponent({
   name: 'Step',
   props: stepProps,
+  slots: Object as SlotsType<StepSlots>,
   setup(props) {
     const NSteps = inject(stepsInjectionKey, null)
 

src/steps/src/Steps.tsx

@@ -9,6 +9,7 @@ import {
   provide,
   type Ref,
   type Slots,
+  type SlotsType,
   type VNode,
   type VNodeChild
 } from 'vue'
@@ -60,11 +61,18 @@ export interface StepsInjection {
 
 export type StepsProps = ExtractPublicPropTypes<typeof stepsProps>
 
+export interface StepsSlots {
+  default?: any
+  'finish-icon'?: any
+  'error-icon'?: any
+}
+
 export const stepsInjectionKey = createInjectionKey<StepsInjection>('n-steps')
 
 export default defineComponent({
   name: 'Steps',
   props: stepsProps,
+  slots: Object as SlotsType<StepsSlots>,
   setup(props, { slots }) {
     const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props)
     const rtlEnabledRef = useRtl('Steps', mergedRtlRef, mergedClsPrefixRef)

src/switch/index.ts

@@ -1,2 +1,2 @@
 export { default as NSwitch, switchProps } from './src/Switch'
-export type { SwitchProps } from './src/Switch'
+export type { SwitchProps, SwitchSlots } from './src/Switch'

src/switch/src/Switch.tsx

@@ -11,6 +11,7 @@ import {
   h,
   type PropType,
   ref,
+  type SlotsType,
   toRef,
   watchEffect
 } from 'vue'
@@ -74,11 +75,21 @@ export const switchProps = {
 
 export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>
 
+export interface SwitchSlots {
+  default?: any
+  checked?: any
+  'checked-icon'?: any
+  icon?: any
+  unchecked?: any
+  'unchecked-icon'?: any
+}
+
 let supportCssMax: boolean | undefined
 
 export default defineComponent({
   name: 'Switch',
   props: switchProps,
+  slots: Object as SlotsType<SwitchSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/tabs/index.ts

@@ -2,6 +2,6 @@ export type { TabsInst } from './src/interface'
 export { default as NTab, tabProps } from './src/Tab'
 export type { TabProps } from './src/Tab'
 export { default as NTabPane, tabPaneProps } from './src/TabPane'
-export type { TabPaneProps } from './src/TabPane'
+export type { TabPaneProps, TabPaneSlots } from './src/TabPane'
 export { default as NTabs, tabsProps } from './src/Tabs'
-export type { TabsProps } from './src/Tabs'
+export type { TabsProps, TabsSlots } from './src/Tabs'

src/tabs/src/TabPane.tsx

@@ -5,6 +5,7 @@ import {
   type HTMLAttributes,
   inject,
   type PropType,
+  type SlotsType,
   type VNode,
   type VNodeChild,
   watchEffect
@@ -38,11 +39,18 @@ export const tabPaneProps = {
 
 export type TabPaneProps = ExtractPublicPropTypes<typeof tabPaneProps>
 
+export interface TabPaneSlots {
+  default?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   __TAB_PANE__: true,
   name: 'TabPane',
   alias: ['TabPanel'],
   props: tabPaneProps,
+  slots: Object as SlotsType<TabPaneSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/tabs/src/Tabs.tsx

@@ -28,6 +28,7 @@ import {
   type PropType,
   provide,
   ref,
+  type SlotsType,
   toRef,
   TransitionGroup,
   type VNode,
@@ -114,9 +115,16 @@ export const tabsProps = {
 
 export type TabsProps = ExtractPublicPropTypes<typeof tabsProps>
 
+export interface TabsSlots {
+  default?: any
+  prefix?: any
+  suffix?: any
+}
+
 export default defineComponent({
   name: 'Tabs',
   props: tabsProps,
+  slots: Object as SlotsType<TabsSlots>,
   setup(props, { slots }) {
     if (__DEV__) {
       watchEffect(() => {

src/tag/index.ts

@@ -1,2 +1,2 @@
 export { default as NTag, tagProps } from './src/Tag'
-export type { TagProps } from './src/Tag'
+export type { TagProps, TagSlots } from './src/Tag'

src/tag/src/Tag.tsx

@@ -11,6 +11,7 @@ import {
   provide,
   type Ref,
   ref,
+  type SlotsType,
   toRef,
   watchEffect
 } from 'vue'
@@ -73,9 +74,16 @@ export const tagInjectionKey = createInjectionKey<TagInjection>('n-tag')
 
 export type TagProps = ExtractPublicPropTypes<typeof tagProps>
 
+export interface TagSlots {
+  default?: any
+  avatar?: any
+  icon?: any
+}
+
 export default defineComponent({
   name: 'Tag',
   props: tagProps,
+  slots: Object as SlotsType<TagSlots>,
   setup(props) {
     if (__DEV__) {
       watchEffect(() => {

src/thing/index.ts

@@ -1,2 +1,2 @@
 export { default as NThing, thingProps } from './src/Thing'
-export type { ThingProps } from './src/Thing'
+export type { ThingProps, ThingSlots } from './src/Thing'

src/thing/src/Thing.tsx

@@ -7,7 +7,8 @@ import {
   defineComponent,
   Fragment,
   h,
-  type PropType
+  type PropType,
+  type SlotsType
 } from 'vue'
 import { useConfig, useRtl, useTheme, useThemeClass } from '../../_mixins'
 import { thingLight } from '../styles'
@@ -28,9 +29,20 @@ export const thingProps = {
 
 export type ThingProps = ExtractPublicPropTypes<typeof thingProps>
 
+export interface ThingSlots {
+  action?: any
+  avatar?: any
+  default?: any
+  description?: any
+  footer?: any
+  'header-extra'?: any
+  header?: any
+}
+
 export default defineComponent({
   name: 'Thing',
   props: thingProps,
+  slots: Object as SlotsType<ThingSlots>,
   setup(props, { slots }) {
     const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef }
       = useConfig(props)