diff --git a/components/_util/ActionButton.tsx b/components/_util/ActionButton.tsx
index 0958d2404..080444899 100644
--- a/components/_util/ActionButton.tsx
+++ b/components/_util/ActionButton.tsx
@@ -28,7 +28,6 @@ function isThenable<T>(thing?: PromiseLike<T>): boolean {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ActionButton',
   props: actionButtonProps,
   setup(props, { slots }) {
diff --git a/components/_util/BaseInput.tsx b/components/_util/BaseInput.tsx
index e6bc9d708..f66d66d2a 100644
--- a/components/_util/BaseInput.tsx
+++ b/components/_util/BaseInput.tsx
@@ -21,7 +21,6 @@ export interface BaseInputExpose {
   setScrollTop: (scrollTop: number) => void;
 }
 const BaseInput = defineComponent({
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: {
     disabled: PropTypes.looseBool,
diff --git a/components/_util/BaseInputInner.tsx b/components/_util/BaseInputInner.tsx
index 10423d7a4..f282176f3 100644
--- a/components/_util/BaseInputInner.tsx
+++ b/components/_util/BaseInputInner.tsx
@@ -18,7 +18,6 @@ export interface BaseInputInnerExpose {
   setScrollTop: (scrollTop: number) => void;
 }
 const BaseInputInner = defineComponent({
-  compatConfig: { MODE: 3 },
   // inheritAttrs: false,
   props: {
     disabled: PropTypes.looseBool,
diff --git a/components/_util/Portal.tsx b/components/_util/Portal.tsx
index caba27b22..de0418436 100644
--- a/components/_util/Portal.tsx
+++ b/components/_util/Portal.tsx
@@ -11,7 +11,6 @@ import {
 import { useInjectPortal } from '../vc-trigger/context';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Portal',
   inheritAttrs: false,
   props: {
diff --git a/components/_util/PortalWrapper.tsx b/components/_util/PortalWrapper.tsx
index 91561990b..259a81758 100644
--- a/components/_util/PortalWrapper.tsx
+++ b/components/_util/PortalWrapper.tsx
@@ -44,7 +44,6 @@ const getParent = (getContainer: GetContainer) => {
 export type GetContainer = string | HTMLElement | (() => HTMLElement);
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PortalWrapper',
   inheritAttrs: false,
   props: {
diff --git a/components/_util/__mocks__/Portal.tsx b/components/_util/__mocks__/Portal.tsx
index d71306396..0043608ff 100644
--- a/components/_util/__mocks__/Portal.tsx
+++ b/components/_util/__mocks__/Portal.tsx
@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Portal',
   inheritAttrs: false,
   props: ['getContainer'],
diff --git a/components/_util/transButton.tsx b/components/_util/transButton.tsx
index 548948d55..ecf3ee7ec 100644
--- a/components/_util/transButton.tsx
+++ b/components/_util/transButton.tsx
@@ -15,7 +15,6 @@ const inlineStyle = {
 };
 
 const TransButton = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TransButton',
   inheritAttrs: false,
   props: {
diff --git a/components/_util/wave/index.tsx b/components/_util/wave/index.tsx
index 26dab40f9..ba3c061d1 100644
--- a/components/_util/wave/index.tsx
+++ b/components/_util/wave/index.tsx
@@ -19,7 +19,6 @@ export interface WaveProps {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Wave',
   props: {
     disabled: Boolean,
diff --git a/components/affix/index.tsx b/components/affix/index.tsx
index 8f4b37710..73e6f8963 100644
--- a/components/affix/index.tsx
+++ b/components/affix/index.tsx
@@ -72,7 +72,6 @@ export type AffixExpose = {
 
 export type AffixInstance = ComponentPublicInstance<AffixProps, AffixExpose>;
 const Affix = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAffix',
   inheritAttrs: false,
   props: affixProps(),
diff --git a/components/alert/index.tsx b/components/alert/index.tsx
index f3dead2ba..87bbac045 100644
--- a/components/alert/index.tsx
+++ b/components/alert/index.tsx
@@ -64,7 +64,6 @@ export const alertProps = () => ({
 export type AlertProps = Partial<ExtractPropTypes<ReturnType<typeof alertProps>>>;
 
 const Alert = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAlert',
   inheritAttrs: false,
   props: alertProps(),
diff --git a/components/anchor/Anchor.tsx b/components/anchor/Anchor.tsx
index 60f9e243d..b4b90b954 100644
--- a/components/anchor/Anchor.tsx
+++ b/components/anchor/Anchor.tsx
@@ -84,7 +84,6 @@ export interface AnchorState {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAnchor',
   inheritAttrs: false,
   props: anchorProps(),
diff --git a/components/anchor/AnchorLink.tsx b/components/anchor/AnchorLink.tsx
index 5c5afa873..4d63d8321 100644
--- a/components/anchor/AnchorLink.tsx
+++ b/components/anchor/AnchorLink.tsx
@@ -29,7 +29,6 @@ export interface AnchorLinkItemProps {
 export type AnchorLinkProps = Partial<ExtractPropTypes<ReturnType<typeof anchorLinkProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAnchorLink',
   inheritAttrs: false,
   props: initDefaultProps(anchorLinkProps(), { href: '#' }),
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
index e95ceba2c..2e1ae767d 100644
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -44,7 +44,6 @@ export const AutoCompleteOption = Option;
 export const AutoCompleteOptGroup = OptGroup;
 
 const AutoComplete = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAutoComplete',
   inheritAttrs: false,
   props: autoCompleteProps(),
diff --git a/components/avatar/Avatar.tsx b/components/avatar/Avatar.tsx
index 5bd4f17e0..9a84e45d8 100644
--- a/components/avatar/Avatar.tsx
+++ b/components/avatar/Avatar.tsx
@@ -38,7 +38,6 @@ export const avatarProps = () => ({
 export type AvatarProps = Partial<ExtractPropTypes<ReturnType<typeof avatarProps>>>;
 
 const Avatar = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAvatar',
   inheritAttrs: false,
   props: avatarProps(),
diff --git a/components/avatar/Group.tsx b/components/avatar/Group.tsx
index c60f6411b..44c7e6cf7 100644
--- a/components/avatar/Group.tsx
+++ b/components/avatar/Group.tsx
@@ -29,7 +29,6 @@ export const groupProps = () => ({
 export type AvatarGroupProps = Partial<ExtractPropTypes<ReturnType<typeof groupProps>>>;
 
 const Group = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAvatarGroup',
   inheritAttrs: false,
   props: groupProps(),
diff --git a/components/badge/Badge.tsx b/components/badge/Badge.tsx
index a0363732f..9874873dc 100644
--- a/components/badge/Badge.tsx
+++ b/components/badge/Badge.tsx
@@ -37,7 +37,6 @@ export const badgeProps = () => ({
 export type BadgeProps = Partial<ExtractPropTypes<ReturnType<typeof badgeProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABadge',
   Ribbon,
   inheritAttrs: false,
diff --git a/components/badge/Ribbon.tsx b/components/badge/Ribbon.tsx
index 6725d833b..5a194668d 100644
--- a/components/badge/Ribbon.tsx
+++ b/components/badge/Ribbon.tsx
@@ -17,7 +17,6 @@ export const ribbonProps = () => ({
 export type RibbonProps = Partial<ExtractPropTypes<ReturnType<typeof ribbonProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABadgeRibbon',
   inheritAttrs: false,
   props: ribbonProps(),
diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index cba1e29c8..4784d202c 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -18,7 +18,6 @@ const scrollNumberProps = {
 export type ScrollNumberProps = Partial<ExtractPropTypes<typeof scrollNumberProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ScrollNumber',
   inheritAttrs: false,
   props: scrollNumberProps,
diff --git a/components/badge/SingleNumber.tsx b/components/badge/SingleNumber.tsx
index 3c18e128a..fb7500b2e 100644
--- a/components/badge/SingleNumber.tsx
+++ b/components/badge/SingleNumber.tsx
@@ -45,7 +45,6 @@ function getOffset(start: number, end: number, unit: -1 | 1) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'SingleNumber',
   props: {
     prefixCls: String,
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index ad9e24b0d..9b70625b2 100644
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -54,7 +54,6 @@ function defaultItemRender(opt: {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABreadcrumb',
   inheritAttrs: false,
   props: breadcrumbProps(),
diff --git a/components/breadcrumb/BreadcrumbItem.tsx b/components/breadcrumb/BreadcrumbItem.tsx
index e4fd930ea..590da4738 100644
--- a/components/breadcrumb/BreadcrumbItem.tsx
+++ b/components/breadcrumb/BreadcrumbItem.tsx
@@ -21,7 +21,6 @@ export const breadcrumbItemProps = () => ({
 
 export type BreadcrumbItemProps = Partial<ExtractPropTypes<ReturnType<typeof breadcrumbItemProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABreadcrumbItem',
   inheritAttrs: false,
   __ANT_BREADCRUMB_ITEM: true,
diff --git a/components/breadcrumb/BreadcrumbSeparator.tsx b/components/breadcrumb/BreadcrumbSeparator.tsx
index 6f981dff4..28b5ce269 100644
--- a/components/breadcrumb/BreadcrumbSeparator.tsx
+++ b/components/breadcrumb/BreadcrumbSeparator.tsx
@@ -11,7 +11,6 @@ export type BreadcrumbSeparatorProps = Partial<
 >;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABreadcrumbSeparator',
   __ANT_BREADCRUMB_SEPARATOR: true,
   inheritAttrs: false,
diff --git a/components/button/LoadingIcon.tsx b/components/button/LoadingIcon.tsx
index f865e0907..3810f675e 100644
--- a/components/button/LoadingIcon.tsx
+++ b/components/button/LoadingIcon.tsx
@@ -24,7 +24,6 @@ const resetStyle = (node: HTMLSpanElement) => {
   }
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'LoadingIcon',
   props: {
     prefixCls: String,
diff --git a/components/button/button-group.tsx b/components/button/button-group.tsx
index 140338265..3e3be3809 100644
--- a/components/button/button-group.tsx
+++ b/components/button/button-group.tsx
@@ -19,7 +19,6 @@ export const GroupSizeContext = createContext<{
   size: SizeType;
 }>();
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AButtonGroup',
   props: buttonGroupProps(),
   setup(props, { slots }) {
diff --git a/components/button/button.tsx b/components/button/button.tsx
index 32fdf9e21..38e367c2a 100644
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -33,7 +33,6 @@ function isUnBorderedButtonType(type: ButtonType | undefined) {
 }
 export { buttonProps };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AButton',
   inheritAttrs: false,
   __ANT_BUTTON: true,
diff --git a/components/card/Card.tsx b/components/card/Card.tsx
index a5f83c849..3efbfebcf 100644
--- a/components/card/Card.tsx
+++ b/components/card/Card.tsx
@@ -52,7 +52,6 @@ export const cardProps = () => ({
 export type CardProps = Partial<ExtractPropTypes<ReturnType<typeof cardProps>>>;
 
 const Card = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACard',
   inheritAttrs: false,
   props: cardProps(),
diff --git a/components/card/Grid.tsx b/components/card/Grid.tsx
index b6253c1bb..efa4ea89a 100644
--- a/components/card/Grid.tsx
+++ b/components/card/Grid.tsx
@@ -8,7 +8,6 @@ export const cardGridProps = () => ({
 });
 export type CardGridProps = Partial<ExtractPropTypes<ReturnType<typeof cardGridProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACardGrid',
   __ANT_CARD_GRID: true,
   props: cardGridProps(),
diff --git a/components/card/Meta.tsx b/components/card/Meta.tsx
index c94eda974..70471104c 100644
--- a/components/card/Meta.tsx
+++ b/components/card/Meta.tsx
@@ -13,7 +13,6 @@ export const cardMetaProps = () => ({
 });
 export type CardGridProps = Partial<ExtractPropTypes<ReturnType<typeof cardMetaProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACardMeta',
   props: cardMetaProps(),
   slots: Object as CustomSlotsType<{
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
index 6166c3c25..bebf4ca26 100644
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -73,7 +73,6 @@ export const carouselProps = () => ({
 });
 export type CarouselProps = Partial<ExtractPropTypes<ReturnType<typeof carouselProps>>>;
 const Carousel = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACarousel',
   inheritAttrs: false,
   props: carouselProps(),
diff --git a/components/cascader/index.tsx b/components/cascader/index.tsx
index e79a675cf..018a989f5 100644
--- a/components/cascader/index.tsx
+++ b/components/cascader/index.tsx
@@ -127,7 +127,6 @@ export interface CascaderRef {
 }
 
 const Cascader = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACascader',
   inheritAttrs: false,
   props: initDefaultProps(cascaderProps(), {
diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx
index 3e6348655..f1d4b4c23 100644
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -24,7 +24,6 @@ import { CheckboxGroupContextKey, checkboxProps } from './interface';
 import useStyle from './style';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACheckbox',
   inheritAttrs: false,
   __ANT_CHECKBOX: true,
diff --git a/components/checkbox/Group.tsx b/components/checkbox/Group.tsx
index f62380f73..b3d273ba5 100644
--- a/components/checkbox/Group.tsx
+++ b/components/checkbox/Group.tsx
@@ -9,7 +9,6 @@ import { CheckboxGroupContextKey, checkboxGroupProps } from './interface';
 import useStyle from './style';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACheckboxGroup',
   inheritAttrs: false,
   props: checkboxGroupProps(),
diff --git a/components/collapse/Collapse.tsx b/components/collapse/Collapse.tsx
index be6377ee6..173a55293 100644
--- a/components/collapse/Collapse.tsx
+++ b/components/collapse/Collapse.tsx
@@ -35,7 +35,6 @@ function getActiveKeysArray(activeKey: Key | Key[]) {
 export { collapseProps };
 export type CollapseProps = Partial<ExtractPropTypes<ReturnType<typeof collapseProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACollapse',
   inheritAttrs: false,
   props: initDefaultProps(collapseProps(), {
diff --git a/components/collapse/CollapsePanel.tsx b/components/collapse/CollapsePanel.tsx
index 95af0ec64..9235621ff 100644
--- a/components/collapse/CollapsePanel.tsx
+++ b/components/collapse/CollapsePanel.tsx
@@ -10,7 +10,6 @@ import type { CustomSlotsType } from '../_util/type';
 export { collapsePanelProps };
 export type CollapsePanelProps = Partial<ExtractPropTypes<ReturnType<typeof collapsePanelProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACollapsePanel',
   inheritAttrs: false,
   props: initDefaultProps(collapsePanelProps(), {
diff --git a/components/collapse/PanelContent.tsx b/components/collapse/PanelContent.tsx
index 6c33b614c..eef856b9d 100644
--- a/components/collapse/PanelContent.tsx
+++ b/components/collapse/PanelContent.tsx
@@ -3,7 +3,6 @@ import { collapsePanelProps } from './commonProps';
 import classNames from '../_util/classNames';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PanelContent',
   props: collapsePanelProps(),
   setup(props, { slots }) {
diff --git a/components/comment/index.tsx b/components/comment/index.tsx
index eda4e8ac5..486b980ef 100644
--- a/components/comment/index.tsx
+++ b/components/comment/index.tsx
@@ -26,7 +26,6 @@ export const commentProps = () => ({
 export type CommentProps = Partial<ExtractPropTypes<ReturnType<typeof commentProps>>>;
 
 const Comment = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AComment',
   inheritAttrs: false,
   props: commentProps(),
diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index 5b09ec16b..0f5f5d9cb 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -121,7 +121,6 @@ export const globalConfig = () => ({
 });
 
 const ConfigProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AConfigProvider',
   inheritAttrs: false,
   props: configProviderProps(),
diff --git a/components/date-picker/generatePicker/generateRangePicker.tsx b/components/date-picker/generatePicker/generateRangePicker.tsx
index a321706c3..bb6b05cc8 100644
--- a/components/date-picker/generatePicker/generateRangePicker.tsx
+++ b/components/date-picker/generatePicker/generateRangePicker.tsx
@@ -30,7 +30,6 @@ export default function generateRangePicker<DateType, ExtraProps = {}>(
   extraProps: ExtraProps,
 ) {
   const RangePicker = defineComponent({
-    compatConfig: { MODE: 3 },
     name: 'ARangePicker',
     inheritAttrs: false,
     props: {
diff --git a/components/date-picker/generatePicker/generateSinglePicker.tsx b/components/date-picker/generatePicker/generateSinglePicker.tsx
index f20fbb260..9efd0ef6d 100644
--- a/components/date-picker/generatePicker/generateSinglePicker.tsx
+++ b/components/date-picker/generatePicker/generateSinglePicker.tsx
@@ -33,7 +33,6 @@ export default function generateSinglePicker<DateType, ExtraProps = {}>(
       ...extraProps,
     };
     return defineComponent({
-      compatConfig: { MODE: 3 },
       name: displayName,
       inheritAttrs: false,
       props: comProps,
diff --git a/components/descriptions/index.tsx b/components/descriptions/index.tsx
index 9068ec530..4d3724ea4 100644
--- a/components/descriptions/index.tsx
+++ b/components/descriptions/index.tsx
@@ -48,7 +48,6 @@ export type DescriptionsItemProp = Partial<
 >;
 
 export const DescriptionsItem = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADescriptionsItem',
   props: descriptionsItemProp(),
   setup(_, { slots }) {
@@ -159,7 +158,6 @@ export const descriptionsContext: InjectionKey<DescriptionsContextProp> =
   Symbol('descriptionsContext');
 
 const Descriptions = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADescriptions',
   inheritAttrs: false,
   props: descriptionsProps(),
diff --git a/components/divider/index.tsx b/components/divider/index.tsx
index 2eedacac7..be7a79dff 100644
--- a/components/divider/index.tsx
+++ b/components/divider/index.tsx
@@ -30,7 +30,6 @@ export type DividerProps = Partial<ExtractPropTypes<ReturnType<typeof dividerPro
 const Divider = defineComponent({
   name: 'ADivider',
   inheritAttrs: false,
-  compatConfig: { MODE: 3 },
   props: dividerProps(),
   setup(props, { slots, attrs }) {
     const { prefixCls: prefixClsRef, direction } = useConfigInject('divider', props);
diff --git a/components/drawer/index.tsx b/components/drawer/index.tsx
index ae90ab9fa..04cff8dd2 100644
--- a/components/drawer/index.tsx
+++ b/components/drawer/index.tsx
@@ -103,7 +103,6 @@ export const drawerProps = () => ({
 export type DrawerProps = Partial<ExtractPropTypes<ReturnType<typeof drawerProps>>>;
 
 const Drawer = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADrawer',
   inheritAttrs: false,
   props: initDefaultProps(drawerProps(), {
diff --git a/components/dropdown/dropdown-button.tsx b/components/dropdown/dropdown-button.tsx
index 03a6c2a31..93750b1e0 100644
--- a/components/dropdown/dropdown-button.tsx
+++ b/components/dropdown/dropdown-button.tsx
@@ -16,7 +16,6 @@ const ButtonGroup = Button.Group;
 export type DropdownButtonProps = Partial<ExtractPropTypes<ReturnType<typeof dropdownButtonProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADropdownButton',
   inheritAttrs: false,
   __ANT_BUTTON: true,
diff --git a/components/dropdown/dropdown.tsx b/components/dropdown/dropdown.tsx
index 79639d9e9..a33fd3930 100644
--- a/components/dropdown/dropdown.tsx
+++ b/components/dropdown/dropdown.tsx
@@ -19,7 +19,6 @@ import type { CustomSlotsType } from '../_util/type';
 export type DropdownProps = Partial<ExtractPropTypes<ReturnType<typeof dropdownProps>>>;
 
 const Dropdown = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADropdown',
   inheritAttrs: false,
   props: initDefaultProps(dropdownProps(), {
diff --git a/components/empty/empty.tsx b/components/empty/empty.tsx
index f1e41c250..090326bf2 100644
--- a/components/empty/empty.tsx
+++ b/components/empty/empty.tsx
@@ -4,7 +4,6 @@ import type { CSSProperties } from 'vue';
 import { defineComponent, computed } from 'vue';
 
 const Empty = defineComponent({
-  compatConfig: { MODE: 3 },
   setup() {
     const [, token] = useToken();
 
diff --git a/components/empty/index.tsx b/components/empty/index.tsx
index ab778c9e6..ce38e5581 100644
--- a/components/empty/index.tsx
+++ b/components/empty/index.tsx
@@ -26,7 +26,6 @@ export type EmptyProps = Partial<ExtractPropTypes<ReturnType<typeof emptyProps>>
 
 const Empty = defineComponent({
   name: 'AEmpty',
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: emptyProps(),
   setup(props, { slots = {}, attrs }) {
diff --git a/components/empty/simple.tsx b/components/empty/simple.tsx
index d3fdf9f06..8ae99ecc8 100644
--- a/components/empty/simple.tsx
+++ b/components/empty/simple.tsx
@@ -3,7 +3,6 @@ import { computed, defineComponent } from 'vue';
 import { useToken } from '../theme/internal';
 
 const Simple = defineComponent({
-  compatConfig: { MODE: 3 },
   setup() {
     const [, token] = useToken();
 
diff --git a/components/float-button/BackTop.tsx b/components/float-button/BackTop.tsx
index 722905975..e985a988f 100644
--- a/components/float-button/BackTop.tsx
+++ b/components/float-button/BackTop.tsx
@@ -24,7 +24,6 @@ import useStyle from './style';
 import { useInjectFloatButtonGroupContext } from './context';
 
 const BackTop = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABackTop',
   inheritAttrs: false,
   props: initDefaultProps(backTopProps(), {
diff --git a/components/float-button/FloatButton.tsx b/components/float-button/FloatButton.tsx
index 3f4575d04..95b9665d3 100644
--- a/components/float-button/FloatButton.tsx
+++ b/components/float-button/FloatButton.tsx
@@ -16,7 +16,6 @@ import useStyle from './style';
 export const floatButtonPrefixCls = 'float-btn';
 
 const FloatButton = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFloatButton',
   inheritAttrs: false,
   props: initDefaultProps(floatButtonProps(), { type: 'default', shape: 'circle' }),
diff --git a/components/float-button/FloatButtonContent.tsx b/components/float-button/FloatButtonContent.tsx
index 699de578f..ca46e302b 100644
--- a/components/float-button/FloatButtonContent.tsx
+++ b/components/float-button/FloatButtonContent.tsx
@@ -4,7 +4,6 @@ import { floatButtonContentProps } from './interface';
 import { filterEmpty } from '../_util/props-util';
 
 const FloatButtonContent = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFloatButtonContent',
   inheritAttrs: false,
   props: floatButtonContentProps(),
diff --git a/components/float-button/FloatButtonGroup.tsx b/components/float-button/FloatButtonGroup.tsx
index 611646299..d0eb9c743 100644
--- a/components/float-button/FloatButtonGroup.tsx
+++ b/components/float-button/FloatButtonGroup.tsx
@@ -16,7 +16,6 @@ import useStyle from './style';
 import useMergedState from '../_util/hooks/useMergedState';
 
 const FloatButtonGroup = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFloatButtonGroup',
   inheritAttrs: false,
   props: initDefaultProps(floatButtonGroupProps(), {
diff --git a/components/form/ErrorList.tsx b/components/form/ErrorList.tsx
index 43eaf2664..5d1038156 100644
--- a/components/form/ErrorList.tsx
+++ b/components/form/ErrorList.tsx
@@ -14,7 +14,6 @@ export interface ErrorListProps {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ErrorList',
   inheritAttrs: false,
   props: ['errors', 'help', 'onErrorVisibleChanged', 'helpStatus', 'warnings'],
diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index d630fa047..55161ae59 100755
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -104,7 +104,6 @@ function isEqualName(name1: NamePath, name2: NamePath) {
 }
 
 const Form = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AForm',
   inheritAttrs: false,
   props: initDefaultProps(formProps(), {
diff --git a/components/form/FormItem.tsx b/components/form/FormItem.tsx
index 6a0608de4..8e0896c14 100644
--- a/components/form/FormItem.tsx
+++ b/components/form/FormItem.tsx
@@ -146,7 +146,6 @@ let indexGuid = 0;
 const defaultItemNamePrefixCls = 'form_item';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFormItem',
   inheritAttrs: false,
   __ANT_NEW_FORM_ITEM: true,
diff --git a/components/form/FormItemContext.ts b/components/form/FormItemContext.ts
index 590f173c2..0e1cdb7ab 100644
--- a/components/form/FormItemContext.ts
+++ b/components/form/FormItemContext.ts
@@ -96,7 +96,6 @@ export const useInjectFormItemContext = () => {
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFormItemRest',
   setup(_, { slots }) {
     provide(InternalContextKey, defaultInternalContext);
diff --git a/components/form/FormItemInput.tsx b/components/form/FormItemInput.tsx
index 656116c14..b6780582e 100644
--- a/components/form/FormItemInput.tsx
+++ b/components/form/FormItemInput.tsx
@@ -24,7 +24,6 @@ export interface FormItemInputProps {
 }
 
 const FormItemInput = defineComponent({
-  compatConfig: { MODE: 3 },
   slots: Object as CustomSlotsType<{
     help: any;
     errors: any;
diff --git a/components/grid/Col.tsx b/components/grid/Col.tsx
index 898f5db21..e4fe851e5 100644
--- a/components/grid/Col.tsx
+++ b/components/grid/Col.tsx
@@ -67,7 +67,6 @@ export type ColProps = Partial<ExtractPropTypes<ReturnType<typeof colProps>>>;
 
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACol',
   inheritAttrs: false,
   props: colProps(),
diff --git a/components/grid/Row.tsx b/components/grid/Row.tsx
index fcddd9dd9..728f82f09 100644
--- a/components/grid/Row.tsx
+++ b/components/grid/Row.tsx
@@ -45,7 +45,6 @@ export const rowProps = () => ({
 export type RowProps = Partial<ExtractPropTypes<ReturnType<typeof rowProps>>>;
 
 const ARow = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ARow',
   inheritAttrs: false,
   props: rowProps(),
diff --git a/components/image/PreviewGroup.tsx b/components/image/PreviewGroup.tsx
index 2f5631a54..2d7a4c4a0 100644
--- a/components/image/PreviewGroup.tsx
+++ b/components/image/PreviewGroup.tsx
@@ -34,7 +34,6 @@ const previewGroupProps = () => ({
 export type ImageGroupProps = Partial<ExtractPropTypes<ReturnType<typeof previewGroupProps>>>;
 
 const InternalPreviewGroup = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AImagePreviewGroup',
   inheritAttrs: false,
   props: previewGroupProps(),
diff --git a/components/input-number/index.tsx b/components/input-number/index.tsx
index a2c7ad99b..5c2eea753 100644
--- a/components/input-number/index.tsx
+++ b/components/input-number/index.tsx
@@ -45,7 +45,6 @@ export const inputNumberProps = () => ({
 export type InputNumberProps = Partial<ExtractPropTypes<ReturnType<typeof inputNumberProps>>>;
 
 const InputNumber = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AInputNumber',
   inheritAttrs: false,
   props: inputNumberProps(),
diff --git a/components/input-number/src/InputNumber.tsx b/components/input-number/src/InputNumber.tsx
index 9fa9a7d46..e74889159 100644
--- a/components/input-number/src/InputNumber.tsx
+++ b/components/input-number/src/InputNumber.tsx
@@ -77,7 +77,6 @@ export const inputNumberProps = () => ({
 });
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'InnerInputNumber',
   inheritAttrs: false,
   props: {
diff --git a/components/input-number/src/StepHandler.tsx b/components/input-number/src/StepHandler.tsx
index a433a841e..037d8225a 100644
--- a/components/input-number/src/StepHandler.tsx
+++ b/components/input-number/src/StepHandler.tsx
@@ -15,7 +15,6 @@ const STEP_INTERVAL = 200;
 const STEP_DELAY = 600;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'StepHandler',
   inheritAttrs: false,
   props: {
diff --git a/components/input/ClearableLabeledInput.tsx b/components/input/ClearableLabeledInput.tsx
index c2b6f973b..b7b88c0e9 100644
--- a/components/input/ClearableLabeledInput.tsx
+++ b/components/input/ClearableLabeledInput.tsx
@@ -16,7 +16,6 @@ import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
 const ClearableInputType = ['text', 'input'] as const;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ClearableLabeledInput',
   inheritAttrs: false,
   props: {
diff --git a/components/input/Group.tsx b/components/input/Group.tsx
index b196463f8..e942cd01c 100644
--- a/components/input/Group.tsx
+++ b/components/input/Group.tsx
@@ -9,7 +9,6 @@ import classNames from '../_util/classNames';
 import useStyle from './style';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AInputGroup',
   inheritAttrs: false,
   props: {
diff --git a/components/input/Input.tsx b/components/input/Input.tsx
index 775f1641e..b055e0fc5 100644
--- a/components/input/Input.tsx
+++ b/components/input/Input.tsx
@@ -20,7 +20,6 @@ import useStyle from './style';
 import { useInjectDisabled } from '../config-provider/DisabledContext';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AInput',
   inheritAttrs: false,
   props: inputProps(),
diff --git a/components/input/Password.tsx b/components/input/Password.tsx
index a516c0a84..65dd3358e 100644
--- a/components/input/Password.tsx
+++ b/components/input/Password.tsx
@@ -18,7 +18,6 @@ const ActionMap = {
 const defaultIconRender = (visible: boolean) =>
   visible ? <EyeOutlined /> : <EyeInvisibleOutlined />;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AInputPassword',
   inheritAttrs: false,
   props: {
diff --git a/components/input/ResizableTextArea.tsx b/components/input/ResizableTextArea.tsx
index 9ae594517..1563a78f1 100644
--- a/components/input/ResizableTextArea.tsx
+++ b/components/input/ResizableTextArea.tsx
@@ -23,7 +23,6 @@ const RESIZE_MEASURING = 1;
 const RESIZE_STABLE = 2;
 
 const ResizableTextArea = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ResizableTextArea',
   inheritAttrs: false,
   props: textAreaProps(),
diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index b3ebded7f..56b8e3497 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -17,7 +17,6 @@ import omit from '../_util/omit';
 import inputProps from './inputProps';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AInputSearch',
   inheritAttrs: false,
   props: {
diff --git a/components/input/TextArea.tsx b/components/input/TextArea.tsx
index bfe0544cf..b617f499c 100644
--- a/components/input/TextArea.tsx
+++ b/components/input/TextArea.tsx
@@ -50,7 +50,6 @@ function setTriggerValue(
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATextarea',
   inheritAttrs: false,
   props: textAreaProps(),
diff --git a/components/layout/Sider.tsx b/components/layout/Sider.tsx
index 4f438bc0e..41bf56252 100644
--- a/components/layout/Sider.tsx
+++ b/components/layout/Sider.tsx
@@ -66,7 +66,6 @@ const generateId = (() => {
 })();
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ALayoutSider',
   inheritAttrs: false,
   props: initDefaultProps(siderProps(), {
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index a07507e58..e219c5854 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -21,7 +21,6 @@ type GeneratorArgument = {
 function generator({ suffixCls, tagName, name }: GeneratorArgument) {
   return (BasicComponent: typeof BasicLayout) => {
     const Adapter = defineComponent({
-      compatConfig: { MODE: 3 },
       name,
       props: basicProps(),
       setup(props, { slots }) {
@@ -41,7 +40,6 @@ function generator({ suffixCls, tagName, name }: GeneratorArgument) {
 }
 
 const Basic = defineComponent({
-  compatConfig: { MODE: 3 },
   props: basicProps(),
   setup(props, { slots }) {
     return () => createVNode(props.tagName, { class: props.prefixCls }, slots);
@@ -49,7 +47,6 @@ const Basic = defineComponent({
 });
 
 const BasicLayout = defineComponent({
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: basicProps(),
   setup(props, { slots, attrs }) {
diff --git a/components/list/Item.tsx b/components/list/Item.tsx
index bdfe28d9f..5e7ba2638 100644
--- a/components/list/Item.tsx
+++ b/components/list/Item.tsx
@@ -21,7 +21,6 @@ export const listItemProps = () => ({
 
 export type ListItemProps = Partial<ExtractPropTypes<ReturnType<typeof listItemProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AListItem',
   inheritAttrs: false,
   Meta: ItemMeta,
diff --git a/components/list/ItemMeta.tsx b/components/list/ItemMeta.tsx
index c2ff70209..db4939684 100644
--- a/components/list/ItemMeta.tsx
+++ b/components/list/ItemMeta.tsx
@@ -14,7 +14,6 @@ export const listItemMetaProps = () => ({
 export type ListItemMetaProps = Partial<ExtractPropTypes<ReturnType<typeof listItemMetaProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AListItemMeta',
   props: listItemMetaProps(),
   displayName: 'AListItemMeta', // 兼容历史函数式组件
diff --git a/components/list/index.tsx b/components/list/index.tsx
index 60d91cdbc..142d19ed0 100644
--- a/components/list/index.tsx
+++ b/components/list/index.tsx
@@ -79,7 +79,6 @@ export type ListProps = Partial<ExtractPropTypes<ReturnType<typeof listProps>>>;
 import { ListContextKey } from './contextKey';
 
 const List = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AList',
   inheritAttrs: false,
   Item,
diff --git a/components/locale/LocaleReceiver.tsx b/components/locale/LocaleReceiver.tsx
index 8e801e6b9..7de0008e7 100644
--- a/components/locale/LocaleReceiver.tsx
+++ b/components/locale/LocaleReceiver.tsx
@@ -19,7 +19,6 @@ export interface LocaleReceiverContext {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'LocaleReceiver',
   props: {
     componentName: String as PropType<LocaleComponentName>,
diff --git a/components/locale/index.tsx b/components/locale/index.tsx
index e8a13b3a4..cd1d581b8 100644
--- a/components/locale/index.tsx
+++ b/components/locale/index.tsx
@@ -61,7 +61,6 @@ export interface LocaleProviderProps {
 export const ANT_MARK = 'internalMark';
 
 const LocaleProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ALocaleProvider',
   props: {
     locale: {
diff --git a/components/mentions/index.tsx b/components/mentions/index.tsx
index 1715c3ead..de6ca891f 100644
--- a/components/mentions/index.tsx
+++ b/components/mentions/index.tsx
@@ -100,7 +100,6 @@ export const mentionsProps = () => ({
 export type MentionsProps = Partial<ExtractPropTypes<ReturnType<typeof mentionsProps>>>;
 
 const Mentions = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AMentions',
   inheritAttrs: false,
   props: mentionsProps(),
@@ -283,7 +282,6 @@ const Mentions = defineComponent({
 
 /* istanbul ignore next */
 export const MentionsOption = defineComponent({
-  compatConfig: { MODE: 3 },
   ...optionOptions,
   name: 'AMentionsOption',
   props: optionProps,
diff --git a/components/menu/src/Divider.tsx b/components/menu/src/Divider.tsx
index e6b08d4df..ceb69f4d3 100644
--- a/components/menu/src/Divider.tsx
+++ b/components/menu/src/Divider.tsx
@@ -10,7 +10,6 @@ export const menuDividerProps = () => ({
 export type MenuDividerProps = Partial<ExtractPropTypes<ReturnType<typeof menuDividerProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AMenuDivider',
   props: menuDividerProps(),
   setup(props) {
diff --git a/components/menu/src/InlineSubMenuList.tsx b/components/menu/src/InlineSubMenuList.tsx
index 7b9cb1f33..50c729a68 100644
--- a/components/menu/src/InlineSubMenuList.tsx
+++ b/components/menu/src/InlineSubMenuList.tsx
@@ -4,7 +4,6 @@ import type { MenuMode } from './interface';
 import SubMenuList from './SubMenuList';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'InlineSubMenuList',
   inheritAttrs: false,
   props: {
diff --git a/components/menu/src/ItemGroup.tsx b/components/menu/src/ItemGroup.tsx
index 218e80978..5f38f92b1 100644
--- a/components/menu/src/ItemGroup.tsx
+++ b/components/menu/src/ItemGroup.tsx
@@ -17,7 +17,6 @@ export const menuItemGroupProps = () => ({
 export type MenuItemGroupProps = Partial<ExtractPropTypes<ReturnType<typeof menuItemGroupProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AMenuItemGroup',
   inheritAttrs: false,
   props: menuItemGroupProps(),
diff --git a/components/menu/src/Menu.tsx b/components/menu/src/Menu.tsx
index bd8addbfa..6ae04b0c9 100644
--- a/components/menu/src/Menu.tsx
+++ b/components/menu/src/Menu.tsx
@@ -91,7 +91,6 @@ export type MenuProps = Partial<ExtractPropTypes<ReturnType<typeof menuProps>>>;
 
 const EMPTY_LIST: string[] = [];
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AMenu',
   inheritAttrs: false,
   props: menuProps(),
diff --git a/components/menu/src/MenuItem.tsx b/components/menu/src/MenuItem.tsx
index c487830c7..d370349bd 100644
--- a/components/menu/src/MenuItem.tsx
+++ b/components/menu/src/MenuItem.tsx
@@ -42,7 +42,6 @@ export const menuItemProps = () => ({
 export type MenuItemProps = Partial<ExtractPropTypes<ReturnType<typeof menuItemProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AMenuItem',
   inheritAttrs: false,
   props: menuItemProps(),
diff --git a/components/menu/src/PopupTrigger.tsx b/components/menu/src/PopupTrigger.tsx
index b79e025ec..797de4ebe 100644
--- a/components/menu/src/PopupTrigger.tsx
+++ b/components/menu/src/PopupTrigger.tsx
@@ -16,7 +16,6 @@ const popupPlacementMap = {
   'vertical-right': 'leftTop',
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PopupTrigger',
   inheritAttrs: false,
   props: {
diff --git a/components/menu/src/SubMenu.tsx b/components/menu/src/SubMenu.tsx
index b95076e65..91c697a25 100644
--- a/components/menu/src/SubMenu.tsx
+++ b/components/menu/src/SubMenu.tsx
@@ -55,7 +55,6 @@ export const subMenuProps = () => ({
 export type SubMenuProps = Partial<ExtractPropTypes<ReturnType<typeof subMenuProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASubMenu',
   inheritAttrs: false,
   props: subMenuProps(),
diff --git a/components/menu/src/hooks/useKeyPath.ts b/components/menu/src/hooks/useKeyPath.ts
index 6c98c673a..27b1413b0 100644
--- a/components/menu/src/hooks/useKeyPath.ts
+++ b/components/menu/src/hooks/useKeyPath.ts
@@ -28,7 +28,6 @@ const useProvideKeyPath = (eventKey: string, key: Key, menuInfo: StoreMenuInfo)
 
 const measure = Symbol('measure');
 export const PathContext = defineComponent({
-  compatConfig: { MODE: 3 },
   setup(_props, { slots }) {
     // 不需要响应式
     provide(measure, true);
diff --git a/components/menu/src/hooks/useMenuContext.ts b/components/menu/src/hooks/useMenuContext.ts
index d6ff2b9c5..9f339e67a 100644
--- a/components/menu/src/hooks/useMenuContext.ts
+++ b/components/menu/src/hooks/useMenuContext.ts
@@ -107,7 +107,6 @@ const useInjectFirstLevel = () => {
 };
 
 const MenuContextProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'MenuContextProvider',
   inheritAttrs: false,
   props: {
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 0e749a7d6..2c8193c10 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -151,7 +151,6 @@ export interface ModalLocale {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AModal',
   inheritAttrs: false,
   props: initDefaultProps(modalProps(), {
diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
index cf8cfdf18..673216d0d 100644
--- a/components/page-header/index.tsx
+++ b/components/page-header/index.tsx
@@ -40,7 +40,6 @@ export const pageHeaderProps = () => ({
 export type PageHeaderProps = Partial<ExtractPropTypes<ReturnType<typeof pageHeaderProps>>>;
 
 const PageHeader = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APageHeader',
   inheritAttrs: false,
   props: pageHeaderProps(),
diff --git a/components/pagination/Pagination.tsx b/components/pagination/Pagination.tsx
index ab497023d..09265a24d 100644
--- a/components/pagination/Pagination.tsx
+++ b/components/pagination/Pagination.tsx
@@ -76,7 +76,6 @@ export interface PaginationLocale {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APagination',
   inheritAttrs: false,
   props: paginationProps(),
diff --git a/components/pagination/Select.tsx b/components/pagination/Select.tsx
index 3b62275db..132f58d9e 100644
--- a/components/pagination/Select.tsx
+++ b/components/pagination/Select.tsx
@@ -3,7 +3,6 @@ import VcSelect, { selectProps } from '../select';
 
 export default defineComponent({
   name: 'MiniSelect',
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: selectProps(),
   Option: VcSelect.Option,
diff --git a/components/popconfirm/index.tsx b/components/popconfirm/index.tsx
index e4e788b06..8279bfc81 100644
--- a/components/popconfirm/index.tsx
+++ b/components/popconfirm/index.tsx
@@ -52,7 +52,6 @@ export interface PopconfirmLocale {
 }
 
 const Popconfirm = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APopconfirm',
   inheritAttrs: false,
   props: initDefaultProps(popconfirmProps(), {
diff --git a/components/popover/index.tsx b/components/popover/index.tsx
index a391f152c..d23c3619a 100644
--- a/components/popover/index.tsx
+++ b/components/popover/index.tsx
@@ -21,7 +21,6 @@ export const popoverProps = () => ({
 export type PopoverProps = Partial<ExtractPropTypes<ReturnType<typeof popoverProps>>>;
 
 const Popover = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APopover',
   inheritAttrs: false,
   props: initDefaultProps(popoverProps(), {
diff --git a/components/progress/Circle.tsx b/components/progress/Circle.tsx
index 4f885b821..e2bf7602b 100644
--- a/components/progress/Circle.tsx
+++ b/components/progress/Circle.tsx
@@ -22,7 +22,6 @@ const CIRCLE_MIN_STROKE_WIDTH = 3;
 const getMinPercent = (width: number): number => (CIRCLE_MIN_STROKE_WIDTH / width) * 100;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ProgressCircle',
   inheritAttrs: false,
   props: initDefaultProps(circleProps(), {
diff --git a/components/progress/Line.tsx b/components/progress/Line.tsx
index f2b5f100e..d00fa3d5e 100644
--- a/components/progress/Line.tsx
+++ b/components/progress/Line.tsx
@@ -71,7 +71,6 @@ export const handleGradient = (
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ProgressLine',
   inheritAttrs: false,
   props: lineProps(),
diff --git a/components/progress/Steps.tsx b/components/progress/Steps.tsx
index 9eb64ddd8..d0aa928ca 100644
--- a/components/progress/Steps.tsx
+++ b/components/progress/Steps.tsx
@@ -16,7 +16,6 @@ export const stepsProps = () => ({
 export type StepsProps = Partial<ExtractPropTypes<ReturnType<typeof stepsProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Steps',
   props: stepsProps(),
   setup(props, { slots }) {
diff --git a/components/progress/progress.tsx b/components/progress/progress.tsx
index f26306fde..25769acf2 100644
--- a/components/progress/progress.tsx
+++ b/components/progress/progress.tsx
@@ -15,7 +15,6 @@ import type { VueNode, CustomSlotsType } from '../_util/type';
 import useStyle from './style';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AProgress',
   inheritAttrs: false,
   props: initDefaultProps(progressProps(), {
diff --git a/components/radio/Group.tsx b/components/radio/Group.tsx
index 958381101..10c895950 100644
--- a/components/radio/Group.tsx
+++ b/components/radio/Group.tsx
@@ -41,7 +41,6 @@ export const radioGroupProps = () => ({
 export type RadioGroupProps = Partial<ExtractPropTypes<ReturnType<typeof radioGroupProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ARadioGroup',
   inheritAttrs: false,
   props: radioGroupProps(),
diff --git a/components/radio/Radio.tsx b/components/radio/Radio.tsx
index 79de3fb71..dace1b604 100644
--- a/components/radio/Radio.tsx
+++ b/components/radio/Radio.tsx
@@ -35,7 +35,6 @@ export const radioProps = () => ({
 export type RadioProps = Partial<ExtractPropTypes<ReturnType<typeof radioProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ARadio',
   inheritAttrs: false,
   props: radioProps(),
diff --git a/components/radio/RadioButton.tsx b/components/radio/RadioButton.tsx
index 1d04c3896..5d14b54a6 100644
--- a/components/radio/RadioButton.tsx
+++ b/components/radio/RadioButton.tsx
@@ -4,7 +4,6 @@ import useConfigInject from '../config-provider/hooks/useConfigInject';
 import { useProvideRadioOptionTypeContext } from './context';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ARadioButton',
   inheritAttrs: false,
   props: radioProps(),
diff --git a/components/rate/Star.tsx b/components/rate/Star.tsx
index 7fa382f25..2112df096 100644
--- a/components/rate/Star.tsx
+++ b/components/rate/Star.tsx
@@ -19,7 +19,6 @@ export const starProps = {
 export type StarProps = Partial<ExtractPropTypes<typeof starProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Star',
   inheritAttrs: false,
   props: starProps,
diff --git a/components/rate/index.tsx b/components/rate/index.tsx
index c46a8357f..05d6d8037 100644
--- a/components/rate/index.tsx
+++ b/components/rate/index.tsx
@@ -42,7 +42,6 @@ export const rateProps = () => ({
 export type RateProps = Partial<ExtractPropTypes<ReturnType<typeof rateProps>>>;
 
 const Rate = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ARate',
   inheritAttrs: false,
   props: initDefaultProps(rateProps(), {
diff --git a/components/result/index.tsx b/components/result/index.tsx
index 307f200e9..54af397fc 100644
--- a/components/result/index.tsx
+++ b/components/result/index.tsx
@@ -62,7 +62,6 @@ const renderExtra = (prefixCls: string, extra: VNodeTypes) =>
   extra && <div class={`${prefixCls}-extra`}>{extra}</div>;
 
 const Result = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AResult',
   inheritAttrs: false,
   props: resultProps(),
diff --git a/components/select/index.tsx b/components/select/index.tsx
index d77100df9..b027ce8f5 100644
--- a/components/select/index.tsx
+++ b/components/select/index.tsx
@@ -69,7 +69,6 @@ export type SelectProps = Partial<ExtractPropTypes<ReturnType<typeof selectProps
 
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 const Select = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASelect',
   Option,
   OptGroup,
diff --git a/components/skeleton/Avatar.tsx b/components/skeleton/Avatar.tsx
index 2b47aa6ed..195d7bcee 100644
--- a/components/skeleton/Avatar.tsx
+++ b/components/skeleton/Avatar.tsx
@@ -16,7 +16,6 @@ export const avatarProps = () => {
 export type SkeletonAvatarProps = Partial<ExtractPropTypes<ReturnType<typeof avatarProps>>>;
 
 const SkeletonAvatar = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASkeletonAvatar',
   props: initDefaultProps(avatarProps(), {
     size: 'default',
diff --git a/components/skeleton/Button.tsx b/components/skeleton/Button.tsx
index 8e32ad00d..b7945e05c 100644
--- a/components/skeleton/Button.tsx
+++ b/components/skeleton/Button.tsx
@@ -17,7 +17,6 @@ export const skeletonButtonProps = () => {
 export type SkeletonButtonProps = Partial<ExtractPropTypes<ReturnType<typeof skeletonButtonProps>>>;
 
 const SkeletonButton = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASkeletonButton',
   props: initDefaultProps(skeletonButtonProps(), {
     size: 'default',
diff --git a/components/skeleton/Image.tsx b/components/skeleton/Image.tsx
index 6bfe8c009..7b135633d 100644
--- a/components/skeleton/Image.tsx
+++ b/components/skeleton/Image.tsx
@@ -12,7 +12,6 @@ const path =
   'M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z';
 
 const SkeletonImage = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASkeletonImage',
   props: omit(skeletonElementProps(), ['size', 'shape', 'active']),
   setup(props) {
diff --git a/components/skeleton/Input.tsx b/components/skeleton/Input.tsx
index a1a4e9ca9..c384ac6d3 100644
--- a/components/skeleton/Input.tsx
+++ b/components/skeleton/Input.tsx
@@ -13,7 +13,6 @@ export interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' |
 }
 
 const SkeletonInput = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASkeletonInput',
   props: {
     ...omit(skeletonElementProps(), ['shape']),
diff --git a/components/skeleton/Paragraph.tsx b/components/skeleton/Paragraph.tsx
index d1d2d7301..5202f8525 100644
--- a/components/skeleton/Paragraph.tsx
+++ b/components/skeleton/Paragraph.tsx
@@ -13,7 +13,6 @@ export type SkeletonParagraphProps = Partial<
 >;
 
 const SkeletonParagraph = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'SkeletonParagraph',
   props: skeletonParagraphProps(),
   setup(props) {
diff --git a/components/skeleton/Skeleton.tsx b/components/skeleton/Skeleton.tsx
index 90dfc0776..533a6980e 100644
--- a/components/skeleton/Skeleton.tsx
+++ b/components/skeleton/Skeleton.tsx
@@ -81,7 +81,6 @@ function getParagraphBasicProps(hasAvatar: boolean, hasTitle: boolean): Skeleton
 }
 
 const Skeleton = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASkeleton',
   props: initDefaultProps(skeletonProps(), {
     avatar: false,
diff --git a/components/skeleton/Title.tsx b/components/skeleton/Title.tsx
index feaf6bfd0..36eb71ef5 100644
--- a/components/skeleton/Title.tsx
+++ b/components/skeleton/Title.tsx
@@ -9,7 +9,6 @@ export const skeletonTitleProps = () => ({
 export type SkeletonTitleProps = Partial<ExtractPropTypes<ReturnType<typeof skeletonTitleProps>>>;
 
 const SkeletonTitle = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'SkeletonTitle',
   props: skeletonTitleProps(),
   setup(props) {
diff --git a/components/slider/SliderTooltip.tsx b/components/slider/SliderTooltip.tsx
index 11f4fa1a2..6cec12253 100644
--- a/components/slider/SliderTooltip.tsx
+++ b/components/slider/SliderTooltip.tsx
@@ -3,7 +3,6 @@ import Tooltip, { tooltipProps } from '../tooltip';
 import raf from '../_util/raf';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'SliderTooltip',
   inheritAttrs: false,
   props: tooltipProps(),
diff --git a/components/slider/index.tsx b/components/slider/index.tsx
index f08c430fe..8ca602c19 100644
--- a/components/slider/index.tsx
+++ b/components/slider/index.tsx
@@ -90,7 +90,6 @@ export type SliderProps = Partial<ExtractPropTypes<ReturnType<typeof sliderProps
 export type Visibles = { [index: number]: boolean };
 
 const Slider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASlider',
   inheritAttrs: false,
   props: sliderProps(),
diff --git a/components/space/index.tsx b/components/space/index.tsx
index 4942461f7..7365b7d22 100644
--- a/components/space/index.tsx
+++ b/components/space/index.tsx
@@ -35,7 +35,6 @@ function getNumberSize(size: SpaceSize) {
 }
 
 const Space = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASpace',
   inheritAttrs: false,
   props: spaceProps(),
diff --git a/components/spin/Spin.tsx b/components/spin/Spin.tsx
index 94155fd39..3a563915d 100644
--- a/components/spin/Spin.tsx
+++ b/components/spin/Spin.tsx
@@ -33,7 +33,6 @@ export function setDefaultIndicator(Content: any) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASpin',
   inheritAttrs: false,
   props: initDefaultProps(spinProps(), {
diff --git a/components/statistic/Countdown.tsx b/components/statistic/Countdown.tsx
index 0b04605e9..f295ef01b 100644
--- a/components/statistic/Countdown.tsx
+++ b/components/statistic/Countdown.tsx
@@ -24,7 +24,6 @@ export const countdownProps = () => {
 
 export type CountdownProps = Partial<ExtractPropTypes<ReturnType<typeof countdownProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AStatisticCountdown',
   props: initDefaultProps(countdownProps(), {
     format: 'HH:mm:ss',
diff --git a/components/statistic/Statistic.tsx b/components/statistic/Statistic.tsx
index 1ee91eec7..3a370b5b1 100644
--- a/components/statistic/Statistic.tsx
+++ b/components/statistic/Statistic.tsx
@@ -30,7 +30,6 @@ export const statisticProps = () => ({
 export type StatisticProps = Partial<ExtractPropTypes<ReturnType<typeof statisticProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AStatistic',
   inheritAttrs: false,
   props: initDefaultProps(statisticProps(), {
diff --git a/components/steps/index.tsx b/components/steps/index.tsx
index 2316d6346..7cee42c7e 100644
--- a/components/steps/index.tsx
+++ b/components/steps/index.tsx
@@ -53,7 +53,6 @@ export type StepsProps = Partial<ExtractPropTypes<ReturnType<typeof stepsProps>>
 export type StepProps = Partial<ExtractPropTypes<ReturnType<typeof stepProps>>>;
 
 const Steps = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASteps',
   inheritAttrs: false,
   props: initDefaultProps(stepsProps(), {
@@ -154,7 +153,6 @@ const Steps = defineComponent({
 
 /* istanbul ignore next */
 export const Step = defineComponent({
-  compatConfig: { MODE: 3 },
   ...(VcStep as any),
   name: 'AStep',
   props: VcStepProps(),
diff --git a/components/switch/index.tsx b/components/switch/index.tsx
index 2bc6e5a81..734ddf695 100644
--- a/components/switch/index.tsx
+++ b/components/switch/index.tsx
@@ -57,7 +57,6 @@ export const switchProps = () => ({
 export type SwitchProps = Partial<ExtractPropTypes<ReturnType<typeof switchProps>>>;
 
 const Switch = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ASwitch',
   __ANT_SWITCH: true,
   inheritAttrs: false,
diff --git a/components/table/hooks/useFilter/FilterSearch.tsx b/components/table/hooks/useFilter/FilterSearch.tsx
index f4be80af9..11d5cea91 100644
--- a/components/table/hooks/useFilter/FilterSearch.tsx
+++ b/components/table/hooks/useFilter/FilterSearch.tsx
@@ -5,7 +5,6 @@ import Input from '../../../input';
 import { stringType, someType, functionType, objectType } from '../../../_util/type';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'FilterSearch',
   inheritAttrs: false,
   props: {
diff --git a/components/tabs/src/TabContext.ts b/components/tabs/src/TabContext.ts
index 50da557ac..d563aa7f1 100644
--- a/components/tabs/src/TabContext.ts
+++ b/components/tabs/src/TabContext.ts
@@ -18,7 +18,6 @@ export const useInjectTabs = () => {
 };
 
 const TabsContextProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TabsContextProvider',
   inheritAttrs: false,
   props: {
diff --git a/components/tabs/src/TabNavList/AddButton.tsx b/components/tabs/src/TabNavList/AddButton.tsx
index 677d301eb..896133991 100644
--- a/components/tabs/src/TabNavList/AddButton.tsx
+++ b/components/tabs/src/TabNavList/AddButton.tsx
@@ -9,7 +9,6 @@ export interface AddButtonProps {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AddButton',
   inheritAttrs: false,
   props: {
diff --git a/components/tabs/src/TabNavList/OperationNode.tsx b/components/tabs/src/TabNavList/OperationNode.tsx
index 727ddba97..5bf9d71fd 100644
--- a/components/tabs/src/TabNavList/OperationNode.tsx
+++ b/components/tabs/src/TabNavList/OperationNode.tsx
@@ -36,7 +36,6 @@ export const operationNodeProps = {
 export type OperationNodeProps = Partial<ExtractPropTypes<typeof operationNodeProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'OperationNode',
   inheritAttrs: false,
   props: operationNodeProps,
diff --git a/components/tabs/src/TabNavList/TabNode.tsx b/components/tabs/src/TabNavList/TabNode.tsx
index 5117ac931..701abb3fe 100644
--- a/components/tabs/src/TabNavList/TabNode.tsx
+++ b/components/tabs/src/TabNavList/TabNode.tsx
@@ -21,7 +21,6 @@ export interface TabNodeProps {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TabNode',
   props: {
     id: { type: String as PropType<string> },
diff --git a/components/tabs/src/TabNavList/index.tsx b/components/tabs/src/TabNavList/index.tsx
index ca3efe7fb..755505218 100644
--- a/components/tabs/src/TabNavList/index.tsx
+++ b/components/tabs/src/TabNavList/index.tsx
@@ -93,7 +93,6 @@ const getTabSize = (tab: HTMLElement, containerRect: { x: number; y: number }) =
 // };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TabNavList',
   inheritAttrs: false,
   props: tabNavListProps(),
diff --git a/components/tabs/src/TabPanelList/TabPane.tsx b/components/tabs/src/TabPanelList/TabPane.tsx
index ff8cdbc28..ac5f14937 100644
--- a/components/tabs/src/TabPanelList/TabPane.tsx
+++ b/components/tabs/src/TabPanelList/TabPane.tsx
@@ -22,7 +22,6 @@ const tabPaneProps = () => ({
 export type TabPaneProps = Partial<ExtractPropTypes<ReturnType<typeof tabPaneProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATabPane',
   inheritAttrs: false,
   __ANT_TAB_PANE: true,
diff --git a/components/tabs/src/TabPanelList/index.tsx b/components/tabs/src/TabPanelList/index.tsx
index d3d4a8be2..82754ed77 100644
--- a/components/tabs/src/TabPanelList/index.tsx
+++ b/components/tabs/src/TabPanelList/index.tsx
@@ -14,7 +14,6 @@ export interface TabPanelListProps {
   destroyInactiveTabPane?: boolean;
 }
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TabPanelList',
   inheritAttrs: false,
   props: {
diff --git a/components/tabs/src/Tabs.tsx b/components/tabs/src/Tabs.tsx
index 59c90b77a..d42f02922 100644
--- a/components/tabs/src/Tabs.tsx
+++ b/components/tabs/src/Tabs.tsx
@@ -125,7 +125,6 @@ function parseTabList(children: any[]): Tab[] {
     .filter(tab => tab);
 }
 const InternalTabs = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'InternalTabs',
   inheritAttrs: false,
   props: {
@@ -347,7 +346,6 @@ const InternalTabs = defineComponent({
 });
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATabs',
   inheritAttrs: false,
   props: initDefaultProps(tabsProps(), {
diff --git a/components/tag/CheckableTag.tsx b/components/tag/CheckableTag.tsx
index 5e86f19eb..5af221447 100644
--- a/components/tag/CheckableTag.tsx
+++ b/components/tag/CheckableTag.tsx
@@ -18,7 +18,6 @@ const checkableTagProps = () => ({
 export type CheckableTagProps = Partial<ExtractPropTypes<ReturnType<typeof checkableTagProps>>>;
 
 const CheckableTag = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACheckableTag',
   inheritAttrs: false,
   props: checkableTagProps(),
diff --git a/components/tag/index.tsx b/components/tag/index.tsx
index 9ff67a623..d5bd49687 100644
--- a/components/tag/index.tsx
+++ b/components/tag/index.tsx
@@ -36,7 +36,6 @@ export const tagProps = () => ({
 export type TagProps = HTMLAttributes & Partial<ExtractPropTypes<ReturnType<typeof tagProps>>>;
 
 const Tag = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATag',
   inheritAttrs: false,
   props: tagProps(),
diff --git a/components/timeline/Timeline.tsx b/components/timeline/Timeline.tsx
index be4ec4c26..33c57528e 100644
--- a/components/timeline/Timeline.tsx
+++ b/components/timeline/Timeline.tsx
@@ -26,7 +26,6 @@ export const timelineProps = () => ({
 export type TimelineProps = Partial<ExtractPropTypes<ReturnType<typeof timelineProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATimeline',
   inheritAttrs: false,
   props: initDefaultProps(timelineProps(), {
diff --git a/components/timeline/TimelineItem.tsx b/components/timeline/TimelineItem.tsx
index d1a226bc0..603d5788c 100644
--- a/components/timeline/TimelineItem.tsx
+++ b/components/timeline/TimelineItem.tsx
@@ -19,7 +19,6 @@ export const timelineItemProps = () => ({
 export type TimelineItemProps = Partial<ExtractPropTypes<ReturnType<typeof timelineItemProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATimelineItem',
   props: initDefaultProps(timelineItemProps(), {
     color: 'blue',
diff --git a/components/tooltip/Tooltip.tsx b/components/tooltip/Tooltip.tsx
index 65d6203e4..c7f004f0a 100644
--- a/components/tooltip/Tooltip.tsx
+++ b/components/tooltip/Tooltip.tsx
@@ -69,7 +69,6 @@ export const tooltipDefaultProps = () => ({
 export type TooltipProps = Partial<ExtractPropTypes<ReturnType<typeof tooltipProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATooltip',
   inheritAttrs: false,
   props: initDefaultProps(tooltipProps(), {
diff --git a/components/transfer/ListBody.tsx b/components/transfer/ListBody.tsx
index d798dae10..fd9c0832a 100644
--- a/components/transfer/ListBody.tsx
+++ b/components/transfer/ListBody.tsx
@@ -44,7 +44,6 @@ function parsePagination(pagination) {
 }
 
 const ListBody = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ListBody',
   inheritAttrs: false,
   props: transferListBodyProps,
diff --git a/components/transfer/ListItem.tsx b/components/transfer/ListItem.tsx
index 6c80ac0c1..e999bd844 100644
--- a/components/transfer/ListItem.tsx
+++ b/components/transfer/ListItem.tsx
@@ -27,7 +27,6 @@ export const transferListItemProps = {
 export type TransferListItemProps = Partial<ExtractPropTypes<typeof transferListItemProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ListItem',
   inheritAttrs: false,
   props: transferListItemProps,
diff --git a/components/transfer/index.tsx b/components/transfer/index.tsx
index e0661cb6a..36b8d7b14 100644
--- a/components/transfer/index.tsx
+++ b/components/transfer/index.tsx
@@ -121,7 +121,6 @@ export const transferProps = () => ({
 export type TransferProps = Partial<ExtractPropTypes<ReturnType<typeof transferProps>>>;
 
 const Transfer = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATransfer',
   inheritAttrs: false,
   props: transferProps(),
diff --git a/components/transfer/list.tsx b/components/transfer/list.tsx
index 3e09521cf..0cac7814d 100644
--- a/components/transfer/list.tsx
+++ b/components/transfer/list.tsx
@@ -65,7 +65,6 @@ export const transferListProps = {
 export type TransferListProps = Partial<ExtractPropTypes<typeof transferListProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TransferList',
   inheritAttrs: false,
   props: transferListProps,
diff --git a/components/transfer/search.tsx b/components/transfer/search.tsx
index efac7a700..b1e05373c 100644
--- a/components/transfer/search.tsx
+++ b/components/transfer/search.tsx
@@ -17,7 +17,6 @@ export const transferSearchProps = {
 export type TransferSearchProps = Partial<ExtractPropTypes<typeof transferSearchProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Search',
   inheritAttrs: false,
   props: initDefaultProps(transferSearchProps, {
diff --git a/components/tree-select/index.tsx b/components/tree-select/index.tsx
index 426e1f165..364ce17ba 100644
--- a/components/tree-select/index.tsx
+++ b/components/tree-select/index.tsx
@@ -89,7 +89,6 @@ export function treeSelectProps<
 export type TreeSelectProps = Partial<ExtractPropTypes<ReturnType<typeof treeSelectProps>>>;
 
 const TreeSelect = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATreeSelect',
   inheritAttrs: false,
   props: initDefaultProps(treeSelectProps(), {
diff --git a/components/tree/DirectoryTree.tsx b/components/tree/DirectoryTree.tsx
index b71cbe424..552763a05 100644
--- a/components/tree/DirectoryTree.tsx
+++ b/components/tree/DirectoryTree.tsx
@@ -39,7 +39,6 @@ function getIcon(props: AntdTreeNodeAttribute) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ADirectoryTree',
   inheritAttrs: false,
   props: initDefaultProps(directoryTreeProps(), {
diff --git a/components/tree/Tree.tsx b/components/tree/Tree.tsx
index 4c615ad8f..7872e5994 100644
--- a/components/tree/Tree.tsx
+++ b/components/tree/Tree.tsx
@@ -142,7 +142,6 @@ export const treeProps = () => {
 export type TreeProps = Partial<ExtractPropTypes<ReturnType<typeof treeProps>>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATree',
   inheritAttrs: false,
   props: initDefaultProps(treeProps(), {
diff --git a/components/typography/Base.tsx b/components/typography/Base.tsx
index 03665a6f1..5a62fb421 100644
--- a/components/typography/Base.tsx
+++ b/components/typography/Base.tsx
@@ -124,7 +124,6 @@ export const baseProps = () => ({
 });
 
 const Base = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TypographyBase',
   inheritAttrs: false,
   props: baseProps(),
diff --git a/components/typography/Editable.tsx b/components/typography/Editable.tsx
index e6b86d7f4..b70158ff8 100644
--- a/components/typography/Editable.tsx
+++ b/components/typography/Editable.tsx
@@ -26,7 +26,6 @@ const editableProps = () => ({
 });
 export type EditableProps = Partial<ExtractPropTypes<ReturnType<typeof editableProps>>>;
 const Editable = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Editable',
   inheritAttrs: false,
   props: editableProps(),
diff --git a/components/upload/Dragger.tsx b/components/upload/Dragger.tsx
index 0d94bcca9..251912a4f 100644
--- a/components/upload/Dragger.tsx
+++ b/components/upload/Dragger.tsx
@@ -3,7 +3,6 @@ import Upload from './Upload';
 import { uploadProps } from './interface';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AUploadDragger',
   inheritAttrs: false,
   props: uploadProps(),
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index 577c6ee87..b95c48809 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -23,7 +23,6 @@ import { useInjectDisabled } from '../config-provider/DisabledContext';
 export const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AUpload',
   inheritAttrs: false,
   props: initDefaultProps(uploadProps(), {
diff --git a/components/upload/UploadList/ListItem.tsx b/components/upload/UploadList/ListItem.tsx
index d0dfb6afc..ec8922481 100644
--- a/components/upload/UploadList/ListItem.tsx
+++ b/components/upload/UploadList/ListItem.tsx
@@ -62,7 +62,6 @@ export const listItemProps = () => {
 
 export type ListItemProps = Partial<ExtractPropTypes<ReturnType<typeof listItemProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ListItem',
   inheritAttrs: false,
   props: listItemProps(),
diff --git a/components/upload/UploadList/index.tsx b/components/upload/UploadList/index.tsx
index ffb89a4b9..ca8dc8a3d 100644
--- a/components/upload/UploadList/index.tsx
+++ b/components/upload/UploadList/index.tsx
@@ -30,7 +30,6 @@ const HackSlot = (_, { slots }) => {
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AUploadList',
   props: initDefaultProps(uploadListProps(), {
     listType: 'text', // or picture
diff --git a/components/vc-align/Align.tsx b/components/vc-align/Align.tsx
index 71a1a33d1..d7ce12f36 100644
--- a/components/vc-align/Align.tsx
+++ b/components/vc-align/Align.tsx
@@ -59,7 +59,6 @@ function getPoint(point: TargetType) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Align',
   props: alignProps,
   emits: ['align'],
diff --git a/components/vc-cascader/Cascader.tsx b/components/vc-cascader/Cascader.tsx
index 82c7a6357..3ab687bed 100644
--- a/components/vc-cascader/Cascader.tsx
+++ b/components/vc-cascader/Cascader.tsx
@@ -186,7 +186,6 @@ function toRawValues(value: ValueType): SingleValueType[] {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Cascader',
   inheritAttrs: false,
   props: initDefaultProps(internalCascaderProps(), {}),
diff --git a/components/vc-cascader/OptionList/index.tsx b/components/vc-cascader/OptionList/index.tsx
index e9e999a8f..f55070336 100644
--- a/components/vc-cascader/OptionList/index.tsx
+++ b/components/vc-cascader/OptionList/index.tsx
@@ -17,7 +17,6 @@ import type { Key } from '../../_util/type';
 import type { EventHandler } from '../../_util/EventInterface';
 import Column, { FIX_LABEL } from './Column';
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'OptionList',
   inheritAttrs: false,
   setup(_props, context) {
diff --git a/components/vc-checkbox/Checkbox.tsx b/components/vc-checkbox/Checkbox.tsx
index 9f3d8fc23..a345dce73 100644
--- a/components/vc-checkbox/Checkbox.tsx
+++ b/components/vc-checkbox/Checkbox.tsx
@@ -20,7 +20,6 @@ export const checkboxProps = {
   required: Boolean,
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Checkbox',
   inheritAttrs: false,
   props: initDefaultProps(checkboxProps, {
diff --git a/components/vc-dialog/Content.tsx b/components/vc-dialog/Content.tsx
index 7c1a5fe60..3b1d01337 100644
--- a/components/vc-dialog/Content.tsx
+++ b/components/vc-dialog/Content.tsx
@@ -11,7 +11,6 @@ export type ContentRef = {
   changeActive: (next: boolean) => void;
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'DialogContent',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-dialog/Dialog.tsx b/components/vc-dialog/Dialog.tsx
index 80141d974..585ca69fa 100644
--- a/components/vc-dialog/Dialog.tsx
+++ b/components/vc-dialog/Dialog.tsx
@@ -15,7 +15,6 @@ import Mask from './Mask';
 import { getMotionName, getUUID } from './util';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'VcDialog',
   inheritAttrs: false,
   props: initDefaultProps(
diff --git a/components/vc-dialog/DialogWrap.tsx b/components/vc-dialog/DialogWrap.tsx
index c3ce3e81c..9ce3b4dfb 100644
--- a/components/vc-dialog/DialogWrap.tsx
+++ b/components/vc-dialog/DialogWrap.tsx
@@ -7,7 +7,6 @@ import { useProvidePortal } from '../vc-trigger/context';
 import { initDefaultProps } from '../_util/props-util';
 const IDialogPropTypes = getDialogPropTypes();
 const DialogWrap = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'DialogWrap',
   inheritAttrs: false,
   props: initDefaultProps(IDialogPropTypes, {
diff --git a/components/vc-dialog/Mask.tsx b/components/vc-dialog/Mask.tsx
index f9b546944..9b599f1cc 100644
--- a/components/vc-dialog/Mask.tsx
+++ b/components/vc-dialog/Mask.tsx
@@ -2,7 +2,6 @@ import { defineComponent, Transition } from 'vue';
 import { getTransitionProps } from '../_util/transition';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'DialogMask',
   props: {
     prefixCls: String,
diff --git a/components/vc-drawer/src/DrawerChild.tsx b/components/vc-drawer/src/DrawerChild.tsx
index 173791eec..914b1d2f9 100644
--- a/components/vc-drawer/src/DrawerChild.tsx
+++ b/components/vc-drawer/src/DrawerChild.tsx
@@ -20,7 +20,6 @@ export interface scrollLockOptions {
 }
 
 const DrawerChild = defineComponent({
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: drawerChildProps(),
   emits: ['close', 'handleClick', 'change'],
diff --git a/components/vc-drawer/src/DrawerWrapper.tsx b/components/vc-drawer/src/DrawerWrapper.tsx
index f84801712..0beb2837c 100644
--- a/components/vc-drawer/src/DrawerWrapper.tsx
+++ b/components/vc-drawer/src/DrawerWrapper.tsx
@@ -5,7 +5,6 @@ import { drawerProps } from './IDrawerPropTypes';
 import PortalWrapper from '../../_util/PortalWrapper';
 
 const DrawerWrapper = defineComponent({
-  compatConfig: { MODE: 3 },
   inheritAttrs: false,
   props: initDefaultProps(drawerProps(), {
     prefixCls: 'drawer',
diff --git a/components/vc-dropdown/Dropdown.tsx b/components/vc-dropdown/Dropdown.tsx
index 147f5516a..34c61b1dc 100644
--- a/components/vc-dropdown/Dropdown.tsx
+++ b/components/vc-dropdown/Dropdown.tsx
@@ -8,7 +8,6 @@ import classNames from '../_util/classNames';
 import { skipFlattenKey } from '../_util/props-util';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   props: {
     minOverlayWidthMatchTrigger: { type: Boolean, default: undefined },
     arrow: { type: Boolean, default: false },
diff --git a/components/vc-image/src/Image.tsx b/components/vc-image/src/Image.tsx
index 643708dc5..57db2825c 100644
--- a/components/vc-image/src/Image.tsx
+++ b/components/vc-image/src/Image.tsx
@@ -65,7 +65,6 @@ export const mergeDefaultValue = <T extends object>(obj: T, defaultValues: objec
 };
 let uuid = 0;
 const ImageInternal = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'VcImage',
   inheritAttrs: false,
   props: imageProps(),
diff --git a/components/vc-image/src/Preview.tsx b/components/vc-image/src/Preview.tsx
index 80d03fc70..54a6911c3 100644
--- a/components/vc-image/src/Preview.tsx
+++ b/components/vc-image/src/Preview.tsx
@@ -56,7 +56,6 @@ export const previewProps = {
   },
 };
 const Preview = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Preview',
   inheritAttrs: false,
   props: previewProps,
diff --git a/components/vc-image/src/PreviewGroup.tsx b/components/vc-image/src/PreviewGroup.tsx
index fe432dc21..0eb22bbf1 100644
--- a/components/vc-image/src/PreviewGroup.tsx
+++ b/components/vc-image/src/PreviewGroup.tsx
@@ -79,7 +79,6 @@ export const imageGroupProps = () => ({
 });
 
 const Group = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PreviewGroup',
   inheritAttrs: false,
   props: imageGroupProps(),
diff --git a/components/vc-mentions/src/DropdownMenu.tsx b/components/vc-mentions/src/DropdownMenu.tsx
index 4d353b491..d1e07c231 100644
--- a/components/vc-mentions/src/DropdownMenu.tsx
+++ b/components/vc-mentions/src/DropdownMenu.tsx
@@ -7,7 +7,6 @@ import Spin from '../../spin';
 
 function noop() {}
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'DropdownMenu',
   props: {
     prefixCls: String,
diff --git a/components/vc-mentions/src/KeywordTrigger.tsx b/components/vc-mentions/src/KeywordTrigger.tsx
index 8d1f48f0c..1d245ccc2 100644
--- a/components/vc-mentions/src/KeywordTrigger.tsx
+++ b/components/vc-mentions/src/KeywordTrigger.tsx
@@ -40,7 +40,6 @@ const BUILT_IN_PLACEMENTS = {
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'KeywordTrigger',
   props: {
     loading: { type: Boolean, default: undefined },
diff --git a/components/vc-mentions/src/Mentions.tsx b/components/vc-mentions/src/Mentions.tsx
index 2cd241356..3974edd0a 100644
--- a/components/vc-mentions/src/Mentions.tsx
+++ b/components/vc-mentions/src/Mentions.tsx
@@ -33,7 +33,6 @@ export type MentionsProps = Partial<ExtractPropTypes<typeof vcMentionsProps>>;
 function noop() {}
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Mentions',
   inheritAttrs: false,
   props: initDefaultProps(vcMentionsProps, defaultProps),
diff --git a/components/vc-mentions/src/Option.tsx b/components/vc-mentions/src/Option.tsx
index c517669aa..23fa19abb 100644
--- a/components/vc-mentions/src/Option.tsx
+++ b/components/vc-mentions/src/Option.tsx
@@ -25,6 +25,5 @@ export const optionOptions = {
   },
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   ...optionOptions,
 });
diff --git a/components/vc-notification/Notification.tsx b/components/vc-notification/Notification.tsx
index 39ac71c54..64dc9c3a7 100644
--- a/components/vc-notification/Notification.tsx
+++ b/components/vc-notification/Notification.tsx
@@ -227,7 +227,6 @@ Notification.newInstance = function newNotificationInstance(properties, callback
     document.body.appendChild(div);
   }
   const Wrapper = defineComponent({
-    compatConfig: { MODE: 3 },
     name: 'NotificationWrapper',
     setup(_props, { attrs }) {
       const notiRef = shallowRef();
diff --git a/components/vc-overflow/Item.tsx b/components/vc-overflow/Item.tsx
index ffab20fbd..2cd358491 100644
--- a/components/vc-overflow/Item.tsx
+++ b/components/vc-overflow/Item.tsx
@@ -8,7 +8,6 @@ import PropTypes from '../_util/vue-types';
 const UNDEFINED = undefined;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Item',
   props: {
     prefixCls: String,
diff --git a/components/vc-overflow/RawItem.tsx b/components/vc-overflow/RawItem.tsx
index 3d26424c9..d6090c235 100644
--- a/components/vc-overflow/RawItem.tsx
+++ b/components/vc-overflow/RawItem.tsx
@@ -5,7 +5,6 @@ import { OverflowContextProvider, useInjectOverflowContext } from './context';
 import Item from './Item';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'RawItem',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-overflow/context.ts b/components/vc-overflow/context.ts
index c92005a10..21db22afb 100644
--- a/components/vc-overflow/context.ts
+++ b/components/vc-overflow/context.ts
@@ -24,7 +24,6 @@ const OverflowContextProviderKey: InjectionKey<
 > = Symbol('OverflowContextProviderKey');
 
 export const OverflowContextProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'OverflowContextProvider',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-pagination/Options.tsx b/components/vc-pagination/Options.tsx
index ee8e5f302..6196d8eff 100644
--- a/components/vc-pagination/Options.tsx
+++ b/components/vc-pagination/Options.tsx
@@ -5,7 +5,6 @@ import type { EventHandler } from '../_util/EventInterface';
 import BaseInput from '../_util/BaseInput';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   props: {
     disabled: { type: Boolean, default: undefined },
     changeSize: Function,
diff --git a/components/vc-pagination/Pager.tsx b/components/vc-pagination/Pager.tsx
index 95c0cebcb..dd2ad3784 100644
--- a/components/vc-pagination/Pager.tsx
+++ b/components/vc-pagination/Pager.tsx
@@ -4,7 +4,6 @@ import type { CSSProperties } from 'vue';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Pager',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-pagination/Pagination.tsx b/components/vc-pagination/Pagination.tsx
index 2bbd5951e..13024972f 100644
--- a/components/vc-pagination/Pagination.tsx
+++ b/components/vc-pagination/Pagination.tsx
@@ -26,7 +26,6 @@ function calculatePage(p, state, props) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Pagination',
   mixins: [BaseMixin],
   inheritAttrs: false,
diff --git a/components/vc-picker/RangeContext.tsx b/components/vc-picker/RangeContext.tsx
index 0316e6ba9..17146b3ac 100644
--- a/components/vc-picker/RangeContext.tsx
+++ b/components/vc-picker/RangeContext.tsx
@@ -40,7 +40,6 @@ export const useInjectRange = () => {
 };
 
 export const RangeContextProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PanelContextProvider',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-picker/panels/TimePanel/TimeBody.tsx b/components/vc-picker/panels/TimePanel/TimeBody.tsx
index 905a297d4..d8cbef890 100644
--- a/components/vc-picker/panels/TimePanel/TimeBody.tsx
+++ b/components/vc-picker/panels/TimePanel/TimeBody.tsx
@@ -42,7 +42,6 @@ export type TimeBodyProps<DateType> = {
 } & SharedTimeProps<DateType>;
 
 const TimeBody = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TimeBody',
   inheritAttrs: false,
   props: [
diff --git a/components/vc-progress/src/Circle.tsx b/components/vc-progress/src/Circle.tsx
index e1707155b..a5dc82ec0 100644
--- a/components/vc-progress/src/Circle.tsx
+++ b/components/vc-progress/src/Circle.tsx
@@ -67,7 +67,6 @@ function getPathStyles(
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'VCCircle',
   props: initDefaultProps(propTypes, defaultProps),
   setup(props) {
diff --git a/components/vc-progress/src/Line.tsx b/components/vc-progress/src/Line.tsx
index 00fd75575..1cab75301 100644
--- a/components/vc-progress/src/Line.tsx
+++ b/components/vc-progress/src/Line.tsx
@@ -5,7 +5,6 @@ import { useTransitionDuration, defaultProps } from './common';
 import { propTypes } from './types';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ProgressLine',
   props: initDefaultProps(propTypes, defaultProps),
   setup(props) {
diff --git a/components/vc-resize-observer/index.tsx b/components/vc-resize-observer/index.tsx
index bc6007536..86613fc4a 100644
--- a/components/vc-resize-observer/index.tsx
+++ b/components/vc-resize-observer/index.tsx
@@ -20,7 +20,6 @@ interface ResizeObserverState {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ResizeObserver',
   props: {
     disabled: Boolean,
diff --git a/components/vc-select/BaseSelect.tsx b/components/vc-select/BaseSelect.tsx
index 72f50d840..135c0ae68 100644
--- a/components/vc-select/BaseSelect.tsx
+++ b/components/vc-select/BaseSelect.tsx
@@ -257,7 +257,6 @@ export function isMultiple(mode: Mode) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'BaseSelect',
   inheritAttrs: false,
   props: initDefaultProps(baseSelectProps(), { showAction: [], notFoundContent: 'Not Found' }),
diff --git a/components/vc-select/OptionList.tsx b/components/vc-select/OptionList.tsx
index e11bd73e1..432d74dc1 100644
--- a/components/vc-select/OptionList.tsx
+++ b/components/vc-select/OptionList.tsx
@@ -34,7 +34,6 @@ export type OptionListProps = Record<string, never>;
  * Will fallback to dom if use customize render.
  */
 const OptionList = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'OptionList',
   inheritAttrs: false,
   setup(_, { expose, slots }) {
diff --git a/components/vc-select/Select.tsx b/components/vc-select/Select.tsx
index e94471f60..e732a0558 100644
--- a/components/vc-select/Select.tsx
+++ b/components/vc-select/Select.tsx
@@ -163,7 +163,6 @@ function isRawValue(value: DraftValueType): value is RawValueType {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'VcSelect',
   inheritAttrs: false,
   props: initDefaultProps(selectProps(), {
diff --git a/components/vc-select/Selector/Input.tsx b/components/vc-select/Selector/Input.tsx
index a621f169a..02fdb2376 100644
--- a/components/vc-select/Selector/Input.tsx
+++ b/components/vc-select/Selector/Input.tsx
@@ -41,7 +41,6 @@ export const inputProps = {
 export type InputProps = Partial<ExtractPropTypes<typeof inputProps>>;
 
 const Input = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'SelectInput',
   inheritAttrs: false,
   props: inputProps,
diff --git a/components/vc-slider/src/Handle.tsx b/components/vc-slider/src/Handle.tsx
index dc4e580af..cf6fac796 100644
--- a/components/vc-slider/src/Handle.tsx
+++ b/components/vc-slider/src/Handle.tsx
@@ -5,7 +5,6 @@ import PropTypes from '../../_util/vue-types';
 import addEventListener from '../../vc-util/Dom/addEventListener';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Handle',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-slider/src/Range.tsx b/components/vc-slider/src/Range.tsx
index 099470083..f755ba7c3 100644
--- a/components/vc-slider/src/Range.tsx
+++ b/components/vc-slider/src/Range.tsx
@@ -53,7 +53,6 @@ const rangeProps = {
   draggableTrack: { type: Boolean, default: undefined },
 };
 const Range = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Range',
   mixins: [BaseMixin],
   inheritAttrs: false,
diff --git a/components/vc-slider/src/Slider.tsx b/components/vc-slider/src/Slider.tsx
index 1972cf527..e09ece8db 100644
--- a/components/vc-slider/src/Slider.tsx
+++ b/components/vc-slider/src/Slider.tsx
@@ -7,7 +7,6 @@ import * as utils from './utils';
 import { defineComponent } from 'vue';
 
 const Slider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Slider',
   mixins: [BaseMixin],
   inheritAttrs: false,
diff --git a/components/vc-slider/src/common/createSlider.tsx b/components/vc-slider/src/common/createSlider.tsx
index cdb37dc99..c7146e331 100644
--- a/components/vc-slider/src/common/createSlider.tsx
+++ b/components/vc-slider/src/common/createSlider.tsx
@@ -39,7 +39,6 @@ export default function createSlider(Component) {
     draggableTrack: { type: Boolean, default: undefined },
   };
   return defineComponent({
-    compatConfig: { MODE: 3 },
     name: 'CreateSlider',
     mixins: [BaseMixin, Component],
     inheritAttrs: false,
diff --git a/components/vc-steps/Step.tsx b/components/vc-steps/Step.tsx
index fa45659c2..f5bbd3bd6 100644
--- a/components/vc-steps/Step.tsx
+++ b/components/vc-steps/Step.tsx
@@ -41,7 +41,6 @@ export const VcStepProps = () => ({
 
 export type VCStepProps = Partial<ExtractPropTypes<ReturnType<typeof VcStepProps>>>;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Step',
   inheritAttrs: false,
   props: VcStepProps(),
diff --git a/components/vc-steps/Steps.tsx b/components/vc-steps/Steps.tsx
index 20f360cf7..a9e73ef6a 100644
--- a/components/vc-steps/Steps.tsx
+++ b/components/vc-steps/Steps.tsx
@@ -10,7 +10,6 @@ import { cloneElement } from '../_util/vnode';
 import type { Status, StepIconRender } from './interface';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Steps',
   props: {
     type: PropTypes.string.def('default'),
diff --git a/components/vc-table/Footer/Row.tsx b/components/vc-table/Footer/Row.tsx
index c17c92ced..8938cd195 100644
--- a/components/vc-table/Footer/Row.tsx
+++ b/components/vc-table/Footer/Row.tsx
@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATableSummaryRow',
   setup(_props, { slots }) {
     return () => <tr>{slots.default?.()}</tr>;
diff --git a/components/vc-table/Header/DragHandle.tsx b/components/vc-table/Header/DragHandle.tsx
index f280e2040..c9b678478 100644
--- a/components/vc-table/Header/DragHandle.tsx
+++ b/components/vc-table/Header/DragHandle.tsx
@@ -31,7 +31,6 @@ type HandleEvent = MouseEvent & TouchEvent;
 
 const defaultMinWidth = 50;
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'DragHandle',
   props: {
     prefixCls: String,
diff --git a/components/vc-tooltip/src/Content.tsx b/components/vc-tooltip/src/Content.tsx
index 1aa7cc09b..837f46f9c 100644
--- a/components/vc-tooltip/src/Content.tsx
+++ b/components/vc-tooltip/src/Content.tsx
@@ -11,7 +11,6 @@ const tooltipContentProps = {
 export type TooltipContentProps = Partial<ExtractPropTypes<typeof tooltipContentProps>>;
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TooltipContent',
   props: tooltipContentProps,
   setup(props: TooltipContentProps, { slots }) {
diff --git a/components/vc-tooltip/src/Tooltip.tsx b/components/vc-tooltip/src/Tooltip.tsx
index 068970899..37d891184 100644
--- a/components/vc-tooltip/src/Tooltip.tsx
+++ b/components/vc-tooltip/src/Tooltip.tsx
@@ -8,7 +8,6 @@ import { defineComponent, shallowRef, watchEffect } from 'vue';
 
 function noop() {}
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Tooltip',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-tree-select/LegacyContext.tsx b/components/vc-tree-select/LegacyContext.tsx
index 64a813b64..e4df81392 100644
--- a/components/vc-tree-select/LegacyContext.tsx
+++ b/components/vc-tree-select/LegacyContext.tsx
@@ -42,7 +42,6 @@ const TreeSelectLegacyContextPropsKey: InjectionKey<LegacyContextProps> = Symbol
 );
 
 // export const LegacySelectContext = defineComponent({
-//  compatConfig: { MODE: 3 },
 //   name: 'SelectContext',
 //   props: {
 //     value: { type: Object as PropType<LegacyContextProps> },
diff --git a/components/vc-tree-select/OptionList.tsx b/components/vc-tree-select/OptionList.tsx
index 0a42e0133..4f9032a44 100644
--- a/components/vc-tree-select/OptionList.tsx
+++ b/components/vc-tree-select/OptionList.tsx
@@ -32,7 +32,6 @@ interface TreeEventInfo {
 type ReviseRefOptionListProps = Omit<RefOptionListProps, 'scrollTo'> & { scrollTo: ScrollTo };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'OptionList',
   inheritAttrs: false,
   setup(_, { slots, expose }) {
diff --git a/components/vc-tree-select/TreeSelect.tsx b/components/vc-tree-select/TreeSelect.tsx
index 50bbdda6a..b8bd6e51e 100644
--- a/components/vc-tree-select/TreeSelect.tsx
+++ b/components/vc-tree-select/TreeSelect.tsx
@@ -206,7 +206,6 @@ function isRawValue(value: RawValueType | LabeledValueType): value is RawValueTy
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TreeSelect',
   inheritAttrs: false,
   props: initDefaultProps(treeSelectProps(), {
diff --git a/components/vc-tree/MotionTreeNode.tsx b/components/vc-tree/MotionTreeNode.tsx
index 761b7c2b9..ed0a90b72 100644
--- a/components/vc-tree/MotionTreeNode.tsx
+++ b/components/vc-tree/MotionTreeNode.tsx
@@ -16,7 +16,6 @@ import { treeNodeProps } from './props';
 import collapseMotion from '../_util/collapseMotion';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'MotionTreeNode',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-tree/NodeList.tsx b/components/vc-tree/NodeList.tsx
index 01b9a9635..df608ca8d 100644
--- a/components/vc-tree/NodeList.tsx
+++ b/components/vc-tree/NodeList.tsx
@@ -92,7 +92,6 @@ function getAccessibilityPath(item: FlattenNode): string {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'NodeList',
   inheritAttrs: false,
   props: nodeListProps,
diff --git a/components/vc-tree/Tree.tsx b/components/vc-tree/Tree.tsx
index dc963f7f3..2f206c102 100644
--- a/components/vc-tree/Tree.tsx
+++ b/components/vc-tree/Tree.tsx
@@ -51,7 +51,6 @@ export type DraggableConfig = {
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Tree',
   inheritAttrs: false,
   props: initDefaultProps(treeProps(), {
diff --git a/components/vc-tree/TreeNode.tsx b/components/vc-tree/TreeNode.tsx
index b5df1668d..44fe2b71e 100644
--- a/components/vc-tree/TreeNode.tsx
+++ b/components/vc-tree/TreeNode.tsx
@@ -24,7 +24,6 @@ const ICON_CLOSE = 'close';
 const defaultTitle = '---';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATreeNode',
   inheritAttrs: false,
   props: treeNodeProps,
diff --git a/components/vc-tree/contextTypes.ts b/components/vc-tree/contextTypes.ts
index 3010c7723..aacb9adad 100644
--- a/components/vc-tree/contextTypes.ts
+++ b/components/vc-tree/contextTypes.ts
@@ -91,7 +91,6 @@ export interface TreeContextProps {
 const TreeContextKey: InjectionKey<ComputedRef<TreeContextProps>> = Symbol('TreeContextKey');
 
 export const TreeContext = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TreeContext',
   props: {
     value: { type: Object as PropType<TreeContextProps> },
diff --git a/components/vc-trigger/Popup/MobilePopupInner.tsx b/components/vc-trigger/Popup/MobilePopupInner.tsx
index f19b98cd7..c5b3117f8 100644
--- a/components/vc-trigger/Popup/MobilePopupInner.tsx
+++ b/components/vc-trigger/Popup/MobilePopupInner.tsx
@@ -6,7 +6,6 @@ import type { MobilePopupProps } from './interface';
 import { mobileProps } from './interface';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'MobilePopupInner',
   inheritAttrs: false,
   props: mobileProps,
diff --git a/components/vc-trigger/Popup/PopupInner.tsx b/components/vc-trigger/Popup/PopupInner.tsx
index 8772ac3f3..83e7c3d65 100644
--- a/components/vc-trigger/Popup/PopupInner.tsx
+++ b/components/vc-trigger/Popup/PopupInner.tsx
@@ -22,7 +22,6 @@ import { getTransitionProps } from '../../_util/transition';
 import supportsPassive from '../../_util/supportsPassive';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'PopupInner',
   inheritAttrs: false,
   props: innerProps,
diff --git a/components/vc-trigger/Popup/index.tsx b/components/vc-trigger/Popup/index.tsx
index 9fffe1235..e7f2bfd2c 100644
--- a/components/vc-trigger/Popup/index.tsx
+++ b/components/vc-trigger/Popup/index.tsx
@@ -5,7 +5,6 @@ import MobilePopupInner from './MobilePopupInner';
 import PopupInner from './PopupInner';
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Popup',
   inheritAttrs: false,
   props: popupProps,
diff --git a/components/vc-trigger/Trigger.tsx b/components/vc-trigger/Trigger.tsx
index 57cf605ff..a28ff597e 100644
--- a/components/vc-trigger/Trigger.tsx
+++ b/components/vc-trigger/Trigger.tsx
@@ -32,7 +32,6 @@ const ALL_HANDLERS = [
   'onContextmenu',
 ];
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Trigger',
   mixins: [BaseMixin],
   inheritAttrs: false,
diff --git a/components/vc-upload/AjaxUploader.tsx b/components/vc-upload/AjaxUploader.tsx
index f58470937..8c4ee165d 100644
--- a/components/vc-upload/AjaxUploader.tsx
+++ b/components/vc-upload/AjaxUploader.tsx
@@ -21,7 +21,6 @@ interface ParsedFileInfo {
   parsedFile: RcFile;
 }
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AjaxUploader',
   inheritAttrs: false,
   props: uploadProps(),
diff --git a/components/vc-upload/Upload.tsx b/components/vc-upload/Upload.tsx
index d0e175e0b..53119c087 100644
--- a/components/vc-upload/Upload.tsx
+++ b/components/vc-upload/Upload.tsx
@@ -7,7 +7,6 @@ import { uploadProps } from './interface';
 function empty() {}
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Upload',
   inheritAttrs: false,
   props: initDefaultProps(uploadProps(), {
diff --git a/components/vc-virtual-list/List.tsx b/components/vc-virtual-list/List.tsx
index 3cacd6db4..7239bcac9 100644
--- a/components/vc-virtual-list/List.tsx
+++ b/components/vc-virtual-list/List.tsx
@@ -75,7 +75,6 @@ export interface ListState {
 }
 
 const List = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'List',
   inheritAttrs: false,
   props: {
diff --git a/components/vc-virtual-list/ScrollBar.tsx b/components/vc-virtual-list/ScrollBar.tsx
index 4460fd98e..b5284fff0 100644
--- a/components/vc-virtual-list/ScrollBar.tsx
+++ b/components/vc-virtual-list/ScrollBar.tsx
@@ -19,7 +19,6 @@ function getPageY(e: MouseEvent | TouchEvent) {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ScrollBar',
   inheritAttrs: false,
   props: {