chore: use type import (#4260)

.eslintrc

@@ -30,6 +30,7 @@
       "rules": {
         "@typescript-eslint/no-explicit-any": 0,
         "@typescript-eslint/ban-types": 0,
+        "@typescript-eslint/consistent-type-imports": 1,
         "@typescript-eslint/explicit-module-boundary-types": 0,
         "@typescript-eslint/no-empty-function": 0,
         "@typescript-eslint/no-non-null-assertion": 0,

components/_util/colors.ts

@@ -1,4 +1,5 @@
-import { ElementOf, tuple } from './type';
+import type { ElementOf } from './type';
+import { tuple } from './type';
 
 export const PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');
 

components/_util/hooks/useBreakpoint.ts

@@ -1,5 +1,7 @@
-import { onMounted, onUnmounted, Ref, ref } from 'vue';
+import type { Ref } from 'vue';
-import ResponsiveObserve, { ScreenMap } from '../../_util/responsiveObserve';
+import { onMounted, onUnmounted, ref } from 'vue';
+import type { ScreenMap } from '../../_util/responsiveObserve';
+import ResponsiveObserve from '../../_util/responsiveObserve';
 
 function useBreakpoint(): Ref<ScreenMap> {
   const screens = ref<ScreenMap>({});

components/_util/hooks/useConfigInject.ts

@@ -1,11 +1,8 @@
-import { RequiredMark } from '../../form/Form';
+import type { RequiredMark } from '../../form/Form';
-import { computed, ComputedRef, inject, UnwrapRef, VNodeChild } from 'vue';
+import type { ComputedRef, UnwrapRef, VNodeChild } from 'vue';
-import {
+import { computed, inject } from 'vue';
-  ConfigProviderProps,
+import type { ConfigProviderProps, Direction, SizeType } from '../../config-provider';
-  defaultConfigProvider,
+import { defaultConfigProvider } from '../../config-provider';
-  Direction,
-  SizeType,
-} from '../../config-provider';
 
 export default (
   name: string,

components/_util/hooks/useMemo.ts

@@ -1,4 +1,5 @@
-import { Ref, ref, watch } from 'vue';
+import type { Ref } from 'vue';
+import { ref, watch } from 'vue';
 
 export default function useMemo<T>(
   getValue: () => T,

components/_util/hooks/usePrefixCls.ts

@@ -1,4 +1,5 @@
-import { computed, ComputedRef, inject } from 'vue';
+import type { ComputedRef } from 'vue';
+import { computed, inject } from 'vue';
 import { defaultConfigProvider } from '../../config-provider';
 
 export default (name: string, props: Record<any, any>): ComputedRef<string> => {

components/_util/hooks/useRef.ts

@@ -1,4 +1,5 @@
-import { onBeforeUpdate, ref, Ref } from 'vue';
+import type { Ref } from 'vue';
+import { onBeforeUpdate, ref } from 'vue';
 
 export type UseRef = [(el: any, key: string | number) => void, Ref<any>];
 

components/_util/hooks/useSize.ts

@@ -1,5 +1,7 @@
-import { computed, ComputedRef, inject, provide, UnwrapRef } from 'vue';
+import type { ComputedRef, UnwrapRef } from 'vue';
-import { ConfigProviderProps, defaultConfigProvider, SizeType } from '../../config-provider';
+import { computed, inject, provide } from 'vue';
+import type { ConfigProviderProps, SizeType } from '../../config-provider';
+import { defaultConfigProvider } from '../../config-provider';
 
 const sizeProvider = Symbol('SizeProvider');
 

components/_util/props-util/initDefaultProps.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
-import { VueTypeValidableDef, VueTypeDef } from 'vue-types';
+import type { VueTypeValidableDef, VueTypeDef } from 'vue-types';
 
 const initDefaultProps = <T>(
   types: T,

components/_util/setStyle.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
 
 /**
  * Easy to set element style, return previous style

components/_util/transButton.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, CSSProperties, ref, onMounted } from 'vue';
+import type { CSSProperties } from 'vue';
+import { defineComponent, ref, onMounted } from 'vue';
 /**
  * Wrap of sub component which need use as Button capacity (like Icon component).
  * This helps accessibility reader to tread as a interactive button to operation.

components/_util/transition.tsx

@@ -1,12 +1,5 @@
-import {
+import type { BaseTransitionProps, CSSProperties, Ref } from 'vue';
-  BaseTransitionProps,
+import { defineComponent, nextTick, Transition as T, TransitionGroup as TG } from 'vue';
-  CSSProperties,
-  defineComponent,
-  nextTick,
-  Ref,
-  Transition as T,
-  TransitionGroup as TG,
-} from 'vue';
 import { findDOMNode } from './props-util';
 
 export const getTransitionProps = (transitionName: string, opt: object = {}) => {

components/_util/type.ts

@@ -1,4 +1,4 @@
-import { App, PropType, VNodeChild, Plugin } from 'vue';
+import type { App, PropType, VNodeChild, Plugin } from 'vue';
 
 export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 // https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead

components/_util/vue-types/index.ts

@@ -1,6 +1,7 @@
-import { CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
-import { createTypes, VueTypeValidableDef, VueTypesInterface } from 'vue-types';
+import type { VueTypeValidableDef, VueTypesInterface } from 'vue-types';
-import { VueNode } from '../type';
+import { createTypes } from 'vue-types';
+import type { VueNode } from '../type';
 const PropTypes = createTypes({
   func: undefined,
   bool: undefined,

components/affix/index.tsx

@@ -1,5 +1,5 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
 import {
-  CSSProperties,
   defineComponent,
   ref,
   reactive,
@@ -9,7 +9,6 @@ import {
   computed,
   onUnmounted,
   onUpdated,
-  ExtractPropTypes,
 } from 'vue';
 import PropTypes from '../_util/vue-types';
 import classNames from '../_util/classNames';

components/affix/utils.ts

@@ -1,5 +1,5 @@
 import addEventListener from '../vc-util/Dom/addEventListener';
-import { ComponentPublicInstance } from 'vue';
+import type { ComponentPublicInstance } from 'vue';
 import supportsPassive from '../_util/supportsPassive';
 
 export type BindElement = HTMLElement | Window | null | undefined;

components/alert/index.tsx

@@ -1,4 +1,5 @@
-import { inject, cloneVNode, defineComponent, ref, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { inject, cloneVNode, defineComponent, ref } from 'vue';
 import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
 import CheckCircleOutlined from '@ant-design/icons-vue/CheckCircleOutlined';
 import ExclamationCircleOutlined from '@ant-design/icons-vue/ExclamationCircleOutlined';

components/anchor/Anchor.tsx

@@ -1,3 +1,4 @@
+import type { ExtractPropTypes } from 'vue';
 import {
   defineComponent,
   nextTick,
@@ -6,7 +7,6 @@ import {
   onUpdated,
   reactive,
   ref,
-  ExtractPropTypes,
   computed,
 } from 'vue';
 import PropTypes from '../_util/vue-types';

components/anchor/AnchorLink.tsx

@@ -1,11 +1,5 @@
-import {
+import type { ExtractPropTypes } from 'vue';
-  defineComponent,
+import { defineComponent, nextTick, onBeforeUnmount, onMounted, watch } from 'vue';
-  ExtractPropTypes,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  watch,
-} from 'vue';
 import PropTypes from '../_util/vue-types';
 import { getPropsSlot } from '../_util/props-util';
 import classNames from '../_util/classNames';

components/anchor/context.ts

@@ -1,4 +1,5 @@
-import { computed, Ref, inject, InjectionKey, provide } from 'vue';
+import type { Ref, InjectionKey } from 'vue';
+import { computed, inject, provide } from 'vue';
 
 export interface AnchorContext {
   registerLink: (link: string) => void;

components/anchor/index.tsx

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Anchor, { AnchorProps } from './Anchor';
 import AnchorLink, { AnchorLinkProps } from './AnchorLink';
 

components/auto-complete/OptGroup.tsx

@@ -1,5 +1,5 @@
-import { FunctionalComponent } from 'vue';
+import type { FunctionalComponent } from 'vue';
-import { OptionGroupData } from '../vc-select/interface';
+import type { OptionGroupData } from '../vc-select/interface';
 
 export type OptGroupProps = Omit<OptionGroupData, 'options'>;
 

components/auto-complete/Option.tsx

@@ -1,5 +1,5 @@
-import { FunctionalComponent } from 'vue';
+import type { FunctionalComponent } from 'vue';
-import { OptionCoreData } from '../vc-select/interface';
+import type { OptionCoreData } from '../vc-select/interface';
 
 export interface OptionProps extends Omit<OptionCoreData, 'label'> {
   /** Save for customize data */

components/auto-complete/index.tsx

@@ -1,4 +1,5 @@
-import { App, defineComponent, inject, provide, Plugin, VNode, ExtractPropTypes } from 'vue';
+import type { App, Plugin, VNode, ExtractPropTypes } from 'vue';
+import { defineComponent, inject, provide } from 'vue';
 import Select, { SelectProps } from '../select';
 import Input from '../input';
 import InputElement from './InputElement';

components/avatar/Avatar.tsx

@@ -1,19 +1,12 @@
-import { tuple, VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import {
+import { tuple } from '../_util/type';
-  computed,
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
-  CSSProperties,
+import { computed, defineComponent, nextTick, onMounted, ref, watch } from 'vue';
-  defineComponent,
-  ExtractPropTypes,
-  nextTick,
-  onMounted,
-  PropType,
-  ref,
-  watch,
-} from 'vue';
 import { getPropsSlot } from '../_util/props-util';
 import PropTypes from '../_util/vue-types';
 import useBreakpoint from '../_util/hooks/useBreakpoint';
-import { Breakpoint, responsiveArray, ScreenSizeMap } from '../_util/responsiveObserve';
+import type { Breakpoint, ScreenSizeMap } from '../_util/responsiveObserve';
+import { responsiveArray } from '../_util/responsiveObserve';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import ResizeObserver from '../vc-resize-observer';
 import { useInjectSize } from '../_util/hooks/useSize';

components/avatar/Group.tsx

@@ -1,7 +1,9 @@
 import { cloneElement } from '../_util/vnode';
-import Avatar, { avatarProps, AvatarSize } from './Avatar';
+import type { AvatarSize } from './Avatar';
+import Avatar, { avatarProps } from './Avatar';
 import Popover from '../popover';
-import { defineComponent, PropType, ExtractPropTypes, CSSProperties } from 'vue';
+import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+import { defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { flattenChildren, getPropsSlot } from '../_util/props-util';
 import { tuple } from '../_util/type';

components/avatar/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Avatar from './Avatar';
 import Group from './Group';
 

components/back-top/index.tsx

@@ -1,13 +1,12 @@
+import type { ExtractPropTypes, PropType } from 'vue';
 import {
   defineComponent,
-  ExtractPropTypes,
   inject,
   nextTick,
   onActivated,
   onBeforeUnmount,
   onMounted,
   reactive,
-  PropType,
   ref,
   watch,
   onDeactivated,

components/badge/Badge.tsx

@@ -4,7 +4,8 @@ import classNames from '../_util/classNames';
 import { getPropsSlot, flattenChildren } from '../_util/props-util';
 import { cloneElement } from '../_util/vnode';
 import { getTransitionProps, Transition } from '../_util/transition';
-import { defineComponent, ExtractPropTypes, CSSProperties, computed, ref, watch } from 'vue';
+import type { ExtractPropTypes, CSSProperties } from 'vue';
+import { defineComponent, computed, ref, watch } from 'vue';
 import { tuple } from '../_util/type';
 import Ribbon from './Ribbon';
 import { isPresetColor } from './utils';

components/badge/Ribbon.tsx

@@ -1,7 +1,9 @@
-import { LiteralUnion, tuple } from '../_util/type';
+import type { LiteralUnion } from '../_util/type';
-import { PresetColorType } from '../_util/colors';
+import { tuple } from '../_util/type';
+import type { PresetColorType } from '../_util/colors';
 import { isPresetColor } from './utils';
-import { CSSProperties, defineComponent, PropType, ExtractPropTypes, computed } from 'vue';
+import type { CSSProperties, PropType, ExtractPropTypes } from 'vue';
+import { defineComponent, computed } from 'vue';
 import PropTypes from '../_util/vue-types';
 import useConfigInject from '../_util/hooks/useConfigInject';
 

components/badge/ScrollNumber.tsx

@@ -1,13 +1,8 @@
 import classNames from '../_util/classNames';
 import PropTypes from '../_util/vue-types';
 import { cloneElement } from '../_util/vnode';
-import {
+import type { ExtractPropTypes, CSSProperties, DefineComponent, HTMLAttributes } from 'vue';
-  defineComponent,
+import { defineComponent } from 'vue';
-  ExtractPropTypes,
-  CSSProperties,
-  DefineComponent,
-  HTMLAttributes,
-} from 'vue';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import SingleNumber from './SingleNumber';
 import { filterEmpty } from '../_util/props-util';

components/badge/SingleNumber.tsx

@@ -1,4 +1,5 @@
-import { computed, CSSProperties, defineComponent, onUnmounted, reactive, ref, watch } from 'vue';
+import type { CSSProperties } from 'vue';
+import { computed, defineComponent, onUnmounted, reactive, ref, watch } from 'vue';
 import classNames from '../_util/classNames';
 
 export interface UnitNumberProps {

components/badge/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Badge from './Badge';
 import Ribbon from './Ribbon';
 export type { BadgeProps } from './Badge';

components/breadcrumb/Breadcrumb.tsx

@@ -1,10 +1,11 @@
-import { cloneVNode, defineComponent, PropType, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes } from 'vue';
+import { cloneVNode, defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { flattenChildren, getPropsSlot } from '../_util/props-util';
 import warning from '../_util/warning';
 import BreadcrumbItem from './BreadcrumbItem';
 import Menu from '../menu';
-import { Omit, VueNode } from '../_util/type';
+import type { Omit, VueNode } from '../_util/type';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
 export interface Route {

components/breadcrumb/BreadcrumbItem.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { getPropsSlot } from '../_util/props-util';
 import DropDown from '../dropdown/dropdown';

components/breadcrumb/BreadcrumbSeparator.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { flattenChildren } from '../_util/props-util';
 import useConfigInject from '../_util/hooks/useConfigInject';

components/breadcrumb/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Breadcrumb from './Breadcrumb';
 import BreadcrumbItem from './BreadcrumbItem';
 import BreadcrumbSeparator from './BreadcrumbSeparator';

components/button/button.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, ExtractPropTypes, inject, Text, VNode } from 'vue';
+import type { ExtractPropTypes, VNode } from 'vue';
+import { defineComponent, inject, Text } from 'vue';
 import Wave from '../_util/wave';
 import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
 import buttonTypes from './buttonTypes';

components/button/buttonTypes.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 
 import { tuple } from '../_util/type';
 import PropTypes, { withUndefined } from '../_util/vue-types';

components/button/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Button from './button';
 import ButtonGroup from './button-group';
 export type { ButtonProps } from './button';

components/calendar/Header.tsx

@@ -1,11 +1,12 @@
-import { defineComponent, inject, PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent, inject } from 'vue';
 import Select from '../select';
 import { Group, Button } from '../radio';
 import PropTypes from '../_util/vue-types';
 import { defaultConfigProvider } from '../config-provider';
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import moment from 'moment';
+import type moment from 'moment';
-import { RadioChangeEvent } from '../radio/interface';
+import type { RadioChangeEvent } from '../radio/interface';
 
 function getMonthsLocale(value: moment.Moment): string[] {
   const current = value.clone();

components/calendar/index.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, inject, PropType } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent, inject } from 'vue';
 import PropTypes from '../_util/vue-types';
 import BaseMixin from '../_util/BaseMixin';
 import { getOptionProps, hasProp } from '../_util/props-util';

components/card/Card.tsx

@@ -1,12 +1,5 @@
-import {
+import type { VNodeTypes, PropType, VNode, ExtractPropTypes } from 'vue';
-  inject,
+import { inject, isVNode, defineComponent } from 'vue';
-  isVNode,
-  defineComponent,
-  VNodeTypes,
-  PropType,
-  VNode,
-  ExtractPropTypes,
-} from 'vue';
 import { tuple } from '../_util/type';
 import Tabs from '../tabs';
 import Row from '../row';

components/card/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Card from './Card';
 import Meta from './Meta';
 import Grid from './Grid';

components/cascader/index.tsx

@@ -1,4 +1,5 @@
-import { inject, provide, PropType, defineComponent, CSSProperties, ExtractPropTypes } from 'vue';
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { inject, provide, defineComponent } from 'vue';
 import PropTypes from '../_util/vue-types';
 import VcCascader from '../vc-cascader';
 import arrayTreeFilter from 'array-tree-filter';
@@ -23,8 +24,9 @@ import BaseMixin from '../_util/BaseMixin';
 import { cloneElement } from '../_util/vnode';
 import warning from '../_util/warning';
 import { defaultConfigProvider } from '../config-provider';
-import { tuple, VueNode, withInstall } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import { RenderEmptyHandler } from '../config-provider/renderEmpty';
+import { tuple, withInstall } from '../_util/type';
+import type { RenderEmptyHandler } from '../config-provider/renderEmpty';
 
 export interface CascaderOptionType {
   value?: string | number;

components/checkbox/Checkbox.tsx

@@ -5,7 +5,7 @@ import VcCheckbox from '../vc-checkbox';
 import hasProp, { getOptionProps, getSlot } from '../_util/props-util';
 import { defaultConfigProvider } from '../config-provider';
 import warning from '../_util/warning';
-import { RadioChangeEvent } from '../radio/interface';
+import type { RadioChangeEvent } from '../radio/interface';
 function noop() {}
 
 export default defineComponent({

components/checkbox/Group.tsx

@@ -1,9 +1,10 @@
-import { defineComponent, inject, PropType, provide } from 'vue';
+import type { PropType } from 'vue';
+import { defineComponent, inject, provide } from 'vue';
 import PropTypes from '../_util/vue-types';
 import Checkbox from './Checkbox';
 import hasProp, { getSlot } from '../_util/props-util';
 import { defaultConfigProvider } from '../config-provider';
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
 
 export type CheckboxValueType = string | number | boolean;
 export interface CheckboxOptionType {

components/checkbox/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Checkbox from './Checkbox';
 import CheckboxGroup from './Group';
 

components/collapse/Collapse.tsx

@@ -1,4 +1,5 @@
-import { CSSProperties, defineComponent, ExtractPropTypes, inject, PropType } from 'vue';
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import { defineComponent, inject } from 'vue';
 import animation from '../_util/openAnimation';
 import { getOptionProps, getComponent, isValidElement, getSlot } from '../_util/props-util';
 import { cloneElement } from '../_util/vnode';
@@ -6,7 +7,8 @@ import VcCollapse from '../vc-collapse';
 import RightOutlined from '@ant-design/icons-vue/RightOutlined';
 import { defaultConfigProvider } from '../config-provider';
 import PropTypes from '../_util/vue-types';
-import { tuple, VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
+import { tuple } from '../_util/type';
 
 export interface PanelProps {
   isActive?: boolean;

components/collapse/CollapsePanel.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, ExtractPropTypes, inject } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { getOptionProps, getComponent, getSlot } from '../_util/props-util';
 import VcCollapse from '../vc-collapse';
 import { defaultConfigProvider } from '../config-provider';

components/collapse/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Collapse from './Collapse';
 import CollapsePanel from './CollapsePanel';
 export type { CollapseProps } from './Collapse';

components/comment/index.tsx

@@ -1,7 +1,9 @@
-import { defineComponent, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { defineComponent } from 'vue';
 import PropsTypes from '../_util/vue-types';
 import { flattenChildren } from '../_util/props-util';
-import { VueNode, withInstall } from '../_util/type';
+import type { VueNode } from '../_util/type';
+import { withInstall } from '../_util/type';
 import useConfigInject from '../_util/hooks/useConfigInject';
 export const commentProps = {
   actions: PropsTypes.array,

components/config-provider/index.tsx

@@ -1,19 +1,13 @@
-import {
+import type { PropType, ExtractPropTypes, UnwrapRef } from 'vue';
-  reactive,
+import { reactive, provide, defineComponent, watch } from 'vue';
-  provide,
-  PropType,
-  defineComponent,
-  watch,
-  ExtractPropTypes,
-  UnwrapRef,
-} from 'vue';
 import PropTypes from '../_util/vue-types';
 import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
-import LocaleProvider, { Locale, ANT_MARK } from '../locale-provider';
+import type { Locale } from '../locale-provider';
-import { TransformCellTextProps } from '../table/interface';
+import LocaleProvider, { ANT_MARK } from '../locale-provider';
+import type { TransformCellTextProps } from '../table/interface';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import { withInstall } from '../_util/type';
-import { RequiredMark } from '../form/Form';
+import type { RequiredMark } from '../form/Form';
 
 export type SizeType = 'small' | 'middle' | 'large' | undefined;
 

components/config-provider/renderEmpty.tsx

@@ -1,4 +1,5 @@
-import { inject, VNodeChild } from 'vue';
+import type { VNodeChild } from 'vue';
+import { inject } from 'vue';
 import Empty from '../empty';
 import { defaultConfigProvider } from '.';
 

components/date-picker/RangePicker.tsx

@@ -1,4 +1,5 @@
-import { CSSProperties, defineComponent, inject, nextTick } from 'vue';
+import type { CSSProperties } from 'vue';
+import { defineComponent, inject, nextTick } from 'vue';
 import moment from 'moment';
 import RangeCalendar from '../vc-calendar/src/RangeCalendar';
 import VcDatePicker from '../vc-calendar/src/Picker';

components/date-picker/createPicker.tsx

@@ -1,4 +1,5 @@
-import { CSSProperties, DefineComponent, defineComponent, inject, nextTick } from 'vue';
+import type { CSSProperties, DefineComponent } from 'vue';
+import { defineComponent, inject, nextTick } from 'vue';
 import moment from 'moment';
 import omit from 'lodash-es/omit';
 import MonthCalendar from '../vc-calendar/src/MonthCalendar';

components/date-picker/index.ts

@@ -1,4 +1,4 @@
-import { App, DefineComponent, Plugin } from 'vue';
+import type { App, DefineComponent, Plugin } from 'vue';
 import VcCalendar from '../vc-calendar';
 import MonthCalendar from '../vc-calendar/src/MonthCalendar';
 import createPicker from './createPicker';
@@ -6,7 +6,7 @@ import wrapPicker from './wrapPicker';
 import RangePicker from './RangePicker';
 import WeekPicker from './WeekPicker';
 import { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './props';
-import {
+import type {
   DatePickerPropsTypes,
   RangePickerPropsTypes,
   MonthPickerPropsTypes,

components/date-picker/interface.tsx

@@ -1,6 +1,7 @@
-import moment from 'moment';
+import type moment from 'moment';
-import { CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
-import { tuple, VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
+import { tuple } from '../_util/type';
 
 export type RangePickerValue =
   | undefined[]

components/date-picker/props.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
-import moment from 'moment';
+import type moment from 'moment';
 import PropTypes, { withUndefined } from '../_util/vue-types';
 import { tuple } from '../_util/type';
 

components/date-picker/utils.ts

@@ -1,4 +1,4 @@
-import moment from 'moment';
+import type moment from 'moment';
 
 type Value = moment.Moment | undefined | null;
 type Format = string | string[] | undefined | ((val?: Value) => string | string[] | undefined);

components/date-picker/wrapPicker.tsx

@@ -1,4 +1,5 @@
-import { provide, inject, defineComponent, DefineComponent, nextTick } from 'vue';
+import type { DefineComponent } from 'vue';
+import { provide, inject, defineComponent, nextTick } from 'vue';
 import TimePickerPanel from '../vc-time-picker/Panel';
 import classNames from '../_util/classNames';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';

components/descriptions/Cell.tsx

@@ -1,4 +1,4 @@
-import { VNodeTypes, HTMLAttributes, FunctionalComponent, CSSProperties } from 'vue';
+import type { VNodeTypes, HTMLAttributes, FunctionalComponent, CSSProperties } from 'vue';
 
 function notEmpty(val: any) {
   return val !== undefined && val !== null;

components/descriptions/Row.tsx

@@ -1,7 +1,9 @@
 import Cell from './Cell';
 import { getSlot, getClass, getStyle } from '../_util/props-util';
-import { FunctionalComponent, VNode, inject, ref } from 'vue';
+import type { FunctionalComponent, VNode } from 'vue';
-import { descriptionsContext, DescriptionsContextProp } from './index';
+import { inject, ref } from 'vue';
+import type { DescriptionsContextProp } from './index';
+import { descriptionsContext } from './index';
 
 interface CellConfig {
   component: string | [string, string];

components/descriptions/index.tsx

@@ -1,27 +1,18 @@
-import {
+import type {
-  ref,
   Ref,
   App,
-  defineComponent,
   PropType,
   VNode,
   HTMLAttributes,
   ExtractPropTypes,
-  onMounted,
-  onBeforeUnmount,
   Plugin,
   CSSProperties,
-  provide,
-  toRef,
   InjectionKey,
-  computed,
 } from 'vue';
+import { ref, defineComponent, onMounted, onBeforeUnmount, provide, toRef, computed } from 'vue';
 import warning from '../_util/warning';
-import ResponsiveObserve, {
+import type { Breakpoint, ScreenMap } from '../_util/responsiveObserve';
-  Breakpoint,
+import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';
-  responsiveArray,
-  ScreenMap,
-} from '../_util/responsiveObserve';
 import Row from './Row';
 import PropTypes from '../_util/vue-types';
 import { tuple } from '../_util/type';

components/divider/index.tsx

@@ -1,5 +1,6 @@
 import { flattenChildren } from '../_util/props-util';
-import { computed, defineComponent, ExtractPropTypes, inject, PropType } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
+import { computed, defineComponent, inject } from 'vue';
 import { defaultConfigProvider } from '../config-provider';
 import { withInstall } from '../_util/type';
 

components/drawer/index.tsx

@@ -1,4 +1,5 @@
-import { inject, provide, nextTick, defineComponent, CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
+import { inject, provide, nextTick, defineComponent } from 'vue';
 import classnames from '../_util/classNames';
 import omit from 'omit.js';
 import VcDrawer from '../vc-drawer/src';

components/dropdown/dropdown-button.tsx

@@ -1,4 +1,5 @@
-import { provide, inject, defineComponent, VNode, ExtractPropTypes } from 'vue';
+import type { VNode, ExtractPropTypes } from 'vue';
+import { provide, inject, defineComponent } from 'vue';
 import Button from '../button';
 import classNames from '../_util/classNames';
 import buttonTypes from '../button/buttonTypes';

components/dropdown/dropdown.tsx

@@ -1,4 +1,5 @@
-import { provide, inject, cloneVNode, defineComponent, VNode, ExtractPropTypes } from 'vue';
+import type { VNode, ExtractPropTypes } from 'vue';
+import { provide, inject, cloneVNode, defineComponent } from 'vue';
 import RcDropdown from '../vc-dropdown/src/index';
 import DropdownButton from './dropdown-button';
 import PropTypes from '../_util/vue-types';

components/dropdown/getDropdownProps.ts

@@ -1,5 +1,5 @@
 import { tuple } from '../_util/type';
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import PropTypes from '../_util/vue-types';
 export default () => ({
   trigger: {

components/dropdown/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Dropdown from './dropdown';
 import DropdownButton from './dropdown-button';
 

components/empty/index.tsx

@@ -1,4 +1,5 @@
-import { CSSProperties, VNodeTypes, inject, FunctionalComponent } from 'vue';
+import type { CSSProperties, VNodeTypes, FunctionalComponent } from 'vue';
+import { inject } from 'vue';
 import classNames from '../_util/classNames';
 import { defaultConfigProvider } from '../config-provider';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';

components/form/ErrorList.tsx

@@ -1,5 +1,5 @@
 import { useInjectFormItemPrefix } from './context';
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
 import { defineComponent, onBeforeUnmount, ref, watch } from '@vue/runtime-core';
 import classNames from '../_util/classNames';
 import Transition, { getTransitionProps } from '../_util/transition';

components/form/Form.tsx

@@ -1,30 +1,26 @@
-import {
+import type { PropType, ExtractPropTypes, HTMLAttributes } from 'vue';
-  defineComponent,
+import { defineComponent, computed, watch, ref } from 'vue';
-  PropType,
-  computed,
-  ExtractPropTypes,
-  HTMLAttributes,
-  watch,
-  ref,
-} from 'vue';
 import PropTypes from '../_util/vue-types';
 import classNames from '../_util/classNames';
 import warning from '../_util/warning';
-import FormItem, { FieldExpose } from './FormItem';
+import type { FieldExpose } from './FormItem';
+import FormItem from './FormItem';
 import { getNamePath, containsNamePath } from './utils/valueUtil';
 import { defaultValidateMessages } from './utils/messages';
 import { allPromiseFinish } from './utils/asyncUtil';
 import { toArray } from './utils/typeUtil';
 import isEqual from 'lodash-es/isEqual';
-import scrollIntoView, { Options } from 'scroll-into-view-if-needed';
+import type { Options } from 'scroll-into-view-if-needed';
+import scrollIntoView from 'scroll-into-view-if-needed';
 import initDefaultProps from '../_util/props-util/initDefaultProps';
-import { tuple, VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import { ColProps } from '../grid/Col';
+import { tuple } from '../_util/type';
-import { InternalNamePath, NamePath, ValidateErrorEntity, ValidateOptions } from './interface';
+import type { ColProps } from '../grid/Col';
+import type { InternalNamePath, NamePath, ValidateErrorEntity, ValidateOptions } from './interface';
 import { useInjectSize } from '../_util/hooks/useSize';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import { useProvideForm } from './context';
-import { SizeType } from '../config-provider';
+import type { SizeType } from '../config-provider';
 
 export type RequiredMark = boolean | 'optional';
 export type FormLayout = 'horizontal' | 'inline' | 'vertical';

components/form/FormItem.tsx

@@ -1,18 +1,9 @@
-import {
+import type { PropType, ExtractPropTypes, ComputedRef } from 'vue';
-  PropType,
+import { defineComponent, computed, nextTick, ref, watchEffect, onBeforeUnmount } from 'vue';
-  defineComponent,
-  computed,
-  nextTick,
-  ExtractPropTypes,
-  ref,
-  watchEffect,
-  onBeforeUnmount,
-  ComputedRef,
-} from 'vue';
 import cloneDeep from 'lodash-es/cloneDeep';
 import PropTypes from '../_util/vue-types';
 import Row from '../grid/Row';
-import { ColProps } from '../grid/Col';
+import type { ColProps } from '../grid/Col';
 import { isValidElement, flattenChildren, filterEmpty } from '../_util/props-util';
 import BaseMixin from '../_util/BaseMixin';
 import { cloneElement } from '../_util/vnode';
@@ -22,12 +13,12 @@ import { toArray } from './utils/typeUtil';
 import { warning } from '../vc-util/warning';
 import find from 'lodash-es/find';
 import { tuple } from '../_util/type';
-import { InternalNamePath, RuleObject, ValidateOptions } from './interface';
+import type { InternalNamePath, RuleObject, ValidateOptions } from './interface';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import { useInjectForm } from './context';
 import FormItemLabel from './FormItemLabel';
 import FormItemInput from './FormItemInput';
-import { ValidationRule } from './Form';
+import type { ValidationRule } from './Form';
 
 const ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '');
 export type ValidateStatus = typeof ValidateStatuses[number];

components/form/FormItemInput.tsx

@@ -3,13 +3,15 @@ import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
 import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled';
 import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled';
 
-import Col, { ColProps } from '../grid/Col';
+import type { ColProps } from '../grid/Col';
+import Col from '../grid/Col';
 import { useProvideForm, useInjectForm, useProvideFormItemPrefix } from './context';
 import ErrorList from './ErrorList';
 import classNames from '../_util/classNames';
-import { ValidateStatus } from './FormItem';
+import type { ValidateStatus } from './FormItem';
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import { computed, defineComponent, HTMLAttributes, onUnmounted } from 'vue';
+import type { HTMLAttributes } from 'vue';
+import { computed, defineComponent, onUnmounted } from 'vue';
 
 export interface FormItemInputMiscProps {
   prefixCls: string;

components/form/FormItemLabel.tsx

@@ -1,12 +1,13 @@
-import Col, { ColProps } from '../grid/Col';
+import type { ColProps } from '../grid/Col';
-import { FormLabelAlign } from './interface';
+import Col from '../grid/Col';
+import type { FormLabelAlign } from './interface';
 import { useInjectForm } from './context';
-import { RequiredMark } from './Form';
+import type { RequiredMark } from './Form';
 import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';
 import defaultLocale from '../locale/default';
 import classNames from '../_util/classNames';
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
-import { FunctionalComponent, HTMLAttributes } from 'vue';
+import type { FunctionalComponent, HTMLAttributes } from 'vue';
 
 export interface FormItemLabelProps {
   colon?: boolean;

components/form/context.ts

@@ -1,8 +1,9 @@
-import { inject, InjectionKey, provide, ComputedRef, computed } from 'vue';
+import type { InjectionKey, ComputedRef } from 'vue';
-import { ColProps } from '../grid';
+import { inject, provide, computed } from 'vue';
-import { RequiredMark, ValidationRule } from './Form';
+import type { ColProps } from '../grid';
-import { ValidateStatus, FieldExpose } from './FormItem';
+import type { RequiredMark, ValidationRule } from './Form';
-import { FormLabelAlign } from './interface';
+import type { ValidateStatus, FieldExpose } from './FormItem';
+import type { FormLabelAlign } from './interface';
 
 export interface FormContextProps {
   model?: ComputedRef<any>;

components/form/index.tsx

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Form, { formProps } from './Form';
 import FormItem, { formItemProps } from './FormItem';
 

components/form/interface.ts

@@ -1,4 +1,4 @@
-import { VueNode } from '../_util/type';
+import type { VueNode } from '../_util/type';
 
 export type FormLabelAlign = 'left' | 'right';
 

components/form/utils/asyncUtil.ts

@@ -1,4 +1,4 @@
-import { FieldError } from '../interface';
+import type { FieldError } from '../interface';
 export function allPromiseFinish(promiseList: Promise<FieldError>[]): Promise<FieldError[]> {
   let hasError = false;
   let count = promiseList.length;

components/form/utils/validateUtil.ts

@@ -5,7 +5,7 @@ import { warning } from '../../vc-util/warning';
 import { setValues } from './valueUtil';
 import { defaultValidateMessages } from './messages';
 import { isValidElement } from '../../_util/props-util';
-import { InternalNamePath, RuleObject, ValidateMessages, ValidateOptions } from '../interface';
+import type { InternalNamePath, RuleObject, ValidateMessages, ValidateOptions } from '../interface';
 
 // Remove incorrect original ts define
 const AsyncValidator: any = RawAsyncValidator;

components/form/utils/valueUtil.ts

@@ -1,5 +1,5 @@
 import { toArray } from './typeUtil';
-import { InternalNamePath, NamePath } from '../interface';
+import type { InternalNamePath, NamePath } from '../interface';
 
 /**
  * Convert name to internal supported format.

components/grid/Col.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, CSSProperties, ExtractPropTypes, computed } from 'vue';
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import { defineComponent, computed } from 'vue';
 import classNames from '../_util/classNames';
 import PropTypes from '../_util/vue-types';
 import useConfigInject from '../_util/hooks/useConfigInject';

components/grid/Row.tsx

@@ -1,20 +1,10 @@
-import {
+import type { ExtractPropTypes, CSSProperties } from 'vue';
-  defineComponent,
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed } from 'vue';
-  ref,
-  onMounted,
-  onBeforeUnmount,
-  ExtractPropTypes,
-  computed,
-  CSSProperties,
-} from 'vue';
 import classNames from '../_util/classNames';
 import { tuple } from '../_util/type';
 import PropTypes from '../_util/vue-types';
-import ResponsiveObserve, {
+import type { Breakpoint, ScreenMap } from '../_util/responsiveObserve';
-  Breakpoint,
+import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';
-  ScreenMap,
-  responsiveArray,
-} from '../_util/responsiveObserve';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
 import useProvideRow from './context';

components/grid/context.ts

@@ -1,5 +1,6 @@
 import { computed } from 'vue';
-import { Ref, inject, InjectionKey, provide, ComputedRef } from 'vue';
+import type { Ref, InjectionKey, ComputedRef } from 'vue';
+import { inject, provide } from 'vue';
 
 export interface RowContext {
   gutter: ComputedRef<[number, number]>;

components/image/index.tsx

@@ -1,4 +1,5 @@
-import { App, defineComponent, ExtractPropTypes, ImgHTMLAttributes, Plugin } from 'vue';
+import type { App, ExtractPropTypes, ImgHTMLAttributes, Plugin } from 'vue';
+import { defineComponent } from 'vue';
 import ImageInternal from '../vc-image';
 import { imageProps } from '../vc-image/src/Image';
 import useConfigInject from '../_util/hooks/useConfigInject';

components/index.ts

@@ -1,4 +1,4 @@
-import { App } from 'vue';
+import type { App } from 'vue';
 
 import * as components from './components';
 import { default as version } from './version';

components/input-number/index.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, inject, nextTick, onMounted, ref, PropType, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes } from 'vue';
+import { defineComponent, inject, nextTick, onMounted, ref } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { getOptionProps } from '../_util/props-util';
 import classNames from '../_util/classNames';

components/input/ClearableLabeledInput.tsx

@@ -4,7 +4,8 @@ import { getInputClassName } from './Input';
 import PropTypes from '../_util/vue-types';
 import { cloneElement } from '../_util/vnode';
 import { getComponent } from '../_util/props-util';
-import { defineComponent, VNode } from 'vue';
+import type { VNode } from 'vue';
+import { defineComponent } from 'vue';
 import { tuple } from '../_util/type';
 
 export function hasPrefixSuffix(instance: any) {

components/input/Input.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, inject, nextTick, VNode, withDirectives } from 'vue';
+import type { VNode } from 'vue';
+import { defineComponent, inject, nextTick, withDirectives } from 'vue';
 import antInputDirective from '../_util/antInputDirective';
 import classNames from '../_util/classNames';
 import omit from 'omit.js';

components/input/ResizableTextArea.tsx

@@ -1,4 +1,5 @@
-import { nextTick, PropType, VNode } from 'vue';
+import type { PropType, VNode } from 'vue';
+import { nextTick } from 'vue';
 import ResizeObserver from '../vc-resize-observer';
 import omit from 'omit.js';
 import classNames from '../_util/classNames';

components/input/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Input from './Input';
 import Group from './Group';
 import Search from './Search';

components/input/inputProps.ts

@@ -1,5 +1,5 @@
 import { tuple } from '../_util/type';
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import PropTypes from '../_util/vue-types';
 export default {
   prefixCls: PropTypes.string,

components/layout/Sider.tsx

@@ -1,16 +1,6 @@
 import classNames from '../_util/classNames';
-import {
+import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
-  inject,
+import { inject, defineComponent, ref, watch, onMounted, onBeforeUnmount, provide } from 'vue';
-  PropType,
-  defineComponent,
-  ExtractPropTypes,
-  ref,
-  watch,
-  onMounted,
-  onBeforeUnmount,
-  CSSProperties,
-  provide,
-} from 'vue';
 import PropTypes from '../_util/vue-types';
 import { tuple } from '../_util/type';
 import initDefaultProps from '../_util/props-util/initDefaultProps';

components/layout/index.ts

@@ -1,4 +1,4 @@
-import { App, Plugin } from 'vue';
+import type { App, Plugin } from 'vue';
 import Layout from './layout';
 import Sider from './Sider';
 

components/layout/injectionKey.ts

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey } from 'vue';
+import type { Ref, InjectionKey } from 'vue';
 
 export type SiderCollapsed = Ref<boolean>;
 

components/layout/layout.tsx

@@ -1,4 +1,5 @@
-import { createVNode, defineComponent, provide, ref, ExtractPropTypes, HTMLAttributes } from 'vue';
+import type { ExtractPropTypes, HTMLAttributes } from 'vue';
+import { createVNode, defineComponent, provide, ref } from 'vue';
 import PropTypes from '../_util/vue-types';
 import classNames from '../_util/classNames';
 import useConfigInject from '../_util/hooks/useConfigInject';

components/list/ItemMeta.tsx

@@ -1,4 +1,5 @@
-import { defineComponent, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { defineComponent } from 'vue';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import PropTypes from '../_util/vue-types';
 

components/list/index.tsx

@@ -1,22 +1,11 @@
-import {
+import type { App, Plugin, ExtractPropTypes, PropType, InjectionKey, Ref } from 'vue';
-  provide,
+import { provide, defineComponent, ref, watch, computed, toRef } from 'vue';
-  defineComponent,
-  App,
-  Plugin,
-  ExtractPropTypes,
-  PropType,
-  ref,
-  watch,
-  computed,
-  InjectionKey,
-  toRef,
-  Ref,
-} from 'vue';
 import PropTypes, { withUndefined } from '../_util/vue-types';
-import { RenderEmptyHandler } from '../config-provider';
+import type { RenderEmptyHandler } from '../config-provider';
 
 import Spin from '../spin';
-import Pagination, { PaginationConfig, paginationConfig } from '../pagination';
+import type { PaginationConfig } from '../pagination';
+import Pagination, { paginationConfig } from '../pagination';
 import { Row } from '../grid';
 
 import Item from './Item';
@@ -26,7 +15,8 @@ import { tuple } from '../_util/type';
 import ItemMeta from './ItemMeta';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import useBreakpoint from '../_util/hooks/useBreakpoint';
-import { Breakpoint, responsiveArray } from '../_util/responsiveObserve';
+import type { Breakpoint } from '../_util/responsiveObserve';
+import { responsiveArray } from '../_util/responsiveObserve';
 
 export { ListItemProps } from './Item';
 export { ListItemMetaProps } from './ItemMeta';

components/locale-provider/LocaleReceiver.tsx

@@ -1,7 +1,8 @@
-import { inject, defineComponent, VNodeTypes, PropType, computed, ComputedRef } from 'vue';
+import type { VNodeTypes, PropType, ComputedRef } from 'vue';
+import { inject, defineComponent, computed } from 'vue';
 import PropTypes from '../_util/vue-types';
 import defaultLocaleData from './default';
-import { Locale } from '.';
+import type { Locale } from '.';
 
 export interface LocaleReceiverProps {
   componentName?: string;