Merge 13e8397392 into aa211fd789

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 }) {

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,

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,

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: {

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: {

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'],

components/_util/transButton.tsx

@@ -15,7 +15,6 @@ const inlineStyle = {
 };
 
 const TransButton = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'TransButton',
   inheritAttrs: false,
   props: {

components/_util/wave/index.tsx

@@ -19,7 +19,6 @@ export interface WaveProps {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'Wave',
   props: {
     disabled: Boolean,

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(),

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(),

components/anchor/Anchor.tsx

@@ -84,7 +84,6 @@ export interface AnchorState {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AAnchor',
   inheritAttrs: false,
   props: anchorProps(),

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: '#' }),

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(),

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(),

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(),

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,

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(),

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,

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,

components/breadcrumb/Breadcrumb.tsx

@@ -54,7 +54,6 @@ function defaultItemRender(opt: {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ABreadcrumb',
   inheritAttrs: false,
   props: breadcrumbProps(),

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,

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,

components/button/LoadingIcon.tsx

@@ -24,7 +24,6 @@ const resetStyle = (node: HTMLSpanElement) => {
   }
 };
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'LoadingIcon',
   props: {
     prefixCls: String,

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 }) {

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,

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(),

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(),

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<{

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(),

components/cascader/index.tsx

@@ -127,7 +127,6 @@ export interface CascaderRef {
 }
 
 const Cascader = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ACascader',
   inheritAttrs: false,
   props: initDefaultProps(cascaderProps(), {

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,

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(),

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(), {

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(), {

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 }) {

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(),

components/config-provider/index.tsx

@@ -121,7 +121,6 @@ export const globalConfig = () => ({
 });
 
 const ConfigProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AConfigProvider',
   inheritAttrs: false,
   props: configProviderProps(),

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: {

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,

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(),

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);

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(), {

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,

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(), {

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();
 

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 }) {

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();
 

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(), {

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' }),

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(),

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(), {

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'],

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(), {

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,

components/form/FormItemContext.ts

@@ -96,7 +96,6 @@ export const useInjectFormItemContext = () => {
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AFormItemRest',
   setup(_, { slots }) {
     provide(InternalContextKey, defaultInternalContext);

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;

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(),

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(),

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(),

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(),

components/input-number/src/InputNumber.tsx

@@ -77,7 +77,6 @@ export const inputNumberProps = () => ({
 });
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'InnerInputNumber',
   inheritAttrs: false,
   props: {

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: {

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: {

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: {

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(),

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: {

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(),

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: {

components/input/TextArea.tsx

@@ -50,7 +50,6 @@ function setTriggerValue(
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ATextarea',
   inheritAttrs: false,
   props: textAreaProps(),

components/layout/Sider.tsx

@@ -66,7 +66,6 @@ const generateId = (() => {
 })();
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ALayoutSider',
   inheritAttrs: false,
   props: initDefaultProps(siderProps(), {

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 }) {

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,

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', // 兼容历史函数式组件

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,

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>,

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: {

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,

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) {

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: {

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(),

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(),

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(),

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: {

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(),

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);

components/menu/src/hooks/useMenuContext.ts

@@ -107,7 +107,6 @@ const useInjectFirstLevel = () => {
 };
 
 const MenuContextProvider = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'MenuContextProvider',
   inheritAttrs: false,
   props: {

components/modal/Modal.tsx

@@ -151,7 +151,6 @@ export interface ModalLocale {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'AModal',
   inheritAttrs: false,
   props: initDefaultProps(modalProps(), {

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(),

components/pagination/Pagination.tsx

@@ -76,7 +76,6 @@ export interface PaginationLocale {
 }
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APagination',
   inheritAttrs: false,
   props: paginationProps(),

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,

components/popconfirm/index.tsx

@@ -52,7 +52,6 @@ export interface PopconfirmLocale {
 }
 
 const Popconfirm = defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'APopconfirm',
   inheritAttrs: false,
   props: initDefaultProps(popconfirmProps(), {

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(), {

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(), {

components/progress/Line.tsx

@@ -71,7 +71,6 @@ export const handleGradient = (
 };
 
 export default defineComponent({
-  compatConfig: { MODE: 3 },
   name: 'ProgressLine',
   inheritAttrs: false,
   props: lineProps(),

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 }) {

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(), {

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(),

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(),

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(),

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,