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

Groupguanfang · Dec 7, 2024 · a27a085 · a27a085
1 parent 7dd15f0
commit a27a085
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/src/tabs/index.ts b/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'
diff --git a/src/tabs/src/TabPane.tsx b/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(() => {

diff --git a/src/tabs/src/Tabs.tsx b/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(() => {