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

Groupguanfang · Dec 7, 2024 · 5657140 · 5657140
1 parent c4bf7d1
commit 5657140
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/pagination/index.ts b/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'
diff --git a/src/pagination/src/Pagination.tsx b/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(() => {