feat: support vue 3.3 slot type

Author: tangjinzhou

components/anchor/AnchorLink.tsx

@@ -21,7 +21,7 @@ export default defineComponent({
   name: 'AAnchorLink',
   props: initDefaultProps(anchorLinkProps(), { href: '#' }),
   slots: Object as CustomSlotsType<{
-    title: AnchorLinkProps;
+    title: any;
     default: any;
   }>,
   setup(props, { slots }) {

components/avatar/Avatar.tsx

@@ -42,7 +42,7 @@ const Avatar = defineComponent({
   inheritAttrs: false,
   props: avatarProps(),
   slots: Object as CustomSlotsType<{
-    icon: AvatarProps;
+    icon: any;
     default: any;
   }>,
   setup(props, { slots, attrs }) {

components/badge/Badge.tsx

@@ -41,7 +41,7 @@ export default defineComponent({
   inheritAttrs: false,
   props: badgeProps(),
   slots: Object as CustomSlotsType<{
-    text: BadgeProps;
+    text: any;
     count: any;
     default: any;
   }>,

components/breadcrumb/Breadcrumb.tsx

@@ -56,7 +56,7 @@ export default defineComponent({
   name: 'ABreadcrumb',
   props: breadcrumbProps(),
   slots: Object as CustomSlotsType<{
-    separator: BreadcrumbProps;
+    separator: any;
     itemRender: { route: Route; params: any; routes: Route[]; paths: string[] };
     default: any;
   }>,

components/breadcrumb/BreadcrumbItem.tsx

@@ -6,6 +6,7 @@ import DropDown from '../dropdown/dropdown';
 import DownOutlined from '@ant-design/icons-vue/DownOutlined';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import type { MouseEventHandler } from '../_util/EventInterface';
+import type { CustomSlotsType } from '../_util/type';
 
 export const breadcrumbItemProps = () => ({
   prefixCls: String,
@@ -23,7 +24,11 @@ export default defineComponent({
   __ANT_BREADCRUMB_ITEM: true,
   props: breadcrumbItemProps(),
   // emits: ['click'],
-  slots: ['separator', 'overlay'],
+  slots: Object as CustomSlotsType<{
+    separator: any;
+    overlay: any;
+    default: any;
+  }>,
   setup(props, { slots, attrs }) {
     const { prefixCls } = useConfigInject('breadcrumb', props);
     /**

components/calendar/generateCalendar.tsx

@@ -11,7 +11,7 @@ import type {
 import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';
 import enUS from './locale/en_US';
 import CalendarHeader from './Header';
-import type { VueNode } from '../_util/type';
+import type { CustomSlotsType, VueNode } from '../_util/type';
 import type { App } from 'vue';
 import { computed, defineComponent, toRef } from 'vue';
 import useConfigInject from '../_util/hooks/useConfigInject';
@@ -108,13 +108,19 @@ function generateCalendar<
       'onSelect',
       'valueFormat',
     ] as any,
-    slots: [
-      'dateFullCellRender',
-      'dateCellRender',
-      'monthFullCellRender',
-      'monthCellRender',
-      'headerRender',
-    ],
+    slots: Object as CustomSlotsType<{
+      dateFullCellRender?: { current: DateType };
+      dateCellRender?: { current: DateType };
+      monthFullCellRender?: { current: DateType };
+      monthCellRender?: { current: DateType };
+      headerRender?: {
+        value: DateType;
+        type: CalendarMode;
+        onChange: (date: DateType) => void;
+        onTypeChange: (type: CalendarMode) => void;
+      };
+      default: any;
+    }>,
     setup(props, { emit, slots, attrs }) {
       const { prefixCls, direction } = useConfigInject('picker', props);
       const calendarPrefixCls = computed(() => `${prefixCls.value}-calendar`);

components/card/Card.tsx

@@ -9,6 +9,7 @@ import type { SizeType } from '../config-provider';
 import isPlainObject from 'lodash-es/isPlainObject';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import devWarning from '../vc-util/devWarning';
+import type { CustomSlotsType } from '../_util/type';
 export interface CardTabListType {
   key: string;
   tab: any;
@@ -52,7 +53,15 @@ const Card = defineComponent({
   compatConfig: { MODE: 3 },
   name: 'ACard',
   props: cardProps(),
-  slots: ['title', 'extra', 'tabBarExtraContent', 'actions', 'cover', 'customTab'],
+  slots: Object as CustomSlotsType<{
+    title: any;
+    extra: any;
+    tabBarExtraContent: any;
+    actions: any;
+    cover: any;
+    customTab: CardTabListType;
+    default: any;
+  }>,
   setup(props, { slots }) {
     const { prefixCls, direction, size } = useConfigInject('card', props);
     const getAction = (actions: VNodeTypes[]) => {

components/card/Meta.tsx

@@ -3,6 +3,7 @@ import { defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { getPropsSlot } from '../_util/props-util';
 import useConfigInject from '../_util/hooks/useConfigInject';
+import type { CustomSlotsType } from '../_util/type';
 
 export const cardMetaProps = () => ({
   prefixCls: String,
@@ -15,7 +16,12 @@ export default defineComponent({
   compatConfig: { MODE: 3 },
   name: 'ACardMeta',
   props: cardMetaProps(),
-  slots: ['title', 'description', 'avatar'],
+  slots: Object as CustomSlotsType<{
+    title: any;
+    description: any;
+    avatar: any;
+    default: any;
+  }>,
   setup(props, { slots }) {
     const { prefixCls } = useConfigInject('card', props);
     return () => {

components/collapse/Collapse.tsx

@@ -16,6 +16,7 @@ import classNames from '../_util/classNames';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import type { CollapsePanelProps } from './CollapsePanel';
 import collapseMotion from '../_util/collapseMotion';
+import type { CustomSlotsType } from '../_util/type';
 
 type Key = number | string;
 
@@ -41,8 +42,10 @@ export default defineComponent({
     openAnimation: collapseMotion('ant-motion-collapse', false),
     expandIconPosition: 'left',
   }),
-  slots: ['expandIcon'],
-  // emits: ['change', 'update:activeKey'],
+  slots: Object as CustomSlotsType<{
+    default?: any;
+    expandIcon?: CollapsePanelProps;
+  }>,
   setup(props, { attrs, slots, emit }) {
     const stateActiveKey = ref<Key[]>(
       getActiveKeysArray(firstNotUndefined([props.activeKey, props.defaultActiveKey])),

components/collapse/CollapsePanel.tsx

@@ -7,6 +7,7 @@ import Transition from '../_util/transition';
 import classNames from '../_util/classNames';
 import devWarning from '../vc-util/devWarning';
 import useConfigInject from '../_util/hooks/useConfigInject';
+import type { CustomSlotsType } from '../_util/type';
 
 export { collapsePanelProps };
 export type CollapsePanelProps = Partial<ExtractPropTypes<ReturnType<typeof collapsePanelProps>>>;
@@ -21,7 +22,13 @@ export default defineComponent({
     headerClass: '',
     forceRender: false,
   }),
-  slots: ['expandIcon', 'extra', 'header'],
+  slots: Object as CustomSlotsType<{
+    expandIcon?: any;
+    extra?: any;
+    header?: any;
+    default?: any;
+  }>,
+
   // emits: ['itemClick'],
   setup(props, { slots, emit, attrs }) {
     devWarning(