feat: update prop type

Author: tangjinzhou

components/_util/Portal.tsx

@@ -15,7 +15,7 @@ export default defineComponent({
   inheritAttrs: false,
   props: {
     getContainer: PropTypes.func.isRequired,
-    didUpdate: PropTypes.func,
+    didUpdate: Function,
   },
   setup(props, { slots }) {
     let isSSR = true;

components/_util/PortalWrapper.tsx

@@ -52,10 +52,10 @@ export default defineComponent({
   name: 'PortalWrapper',
   inheritAttrs: false,
   props: {
-    wrapperClassName: PropTypes.string,
-    forceRender: PropTypes.looseBool,
+    wrapperClassName: String,
+    forceRender: { type: Boolean, default: undefined },
     getContainer: PropTypes.any,
-    visible: PropTypes.looseBool,
+    visible: { type: Boolean, default: undefined },
   },
 
   setup(props, { slots }) {

components/_util/transButton.tsx

@@ -19,10 +19,10 @@ const TransButton = defineComponent({
   name: 'TransButton',
   inheritAttrs: false,
   props: {
-    noStyle: PropTypes.looseBool,
-    onClick: PropTypes.func,
-    disabled: PropTypes.looseBool,
-    autofocus: PropTypes.looseBool,
+    noStyle: { type: Boolean, default: undefined },
+    onClick: Function,
+    disabled: { type: Boolean, default: undefined },
+    autofocus: { type: Boolean, default: undefined },
   },
   setup(props, { slots, emit, attrs, expose }) {
     const domRef = ref();

components/alert/index.tsx

@@ -44,7 +44,7 @@ export const alertProps = () => ({
    */
   type: PropTypes.oneOf(AlertTypes),
   /** Whether Alert can be closed */
-  closable: PropTypes.looseBool,
+  closable: { type: Boolean, default: undefined },
   /** Close text to show */
   closeText: PropTypes.any,
   /** Content of Alert */
@@ -54,9 +54,9 @@ export const alertProps = () => ({
   /** Trigger when animation ending of Alert */
   afterClose: PropTypes.func.def(noop),
   /** Whether to show icon */
-  showIcon: PropTypes.looseBool,
-  prefixCls: PropTypes.string,
-  banner: PropTypes.looseBool,
+  showIcon: { type: Boolean, default: undefined },
+  prefixCls: String,
+  banner: { type: Boolean, default: undefined },
   icon: PropTypes.any,
   closeIcon: PropTypes.any,
   onClose: Function as PropType<NodeMouseEventHandler>,

components/anchor/AnchorLink.tsx

@@ -7,10 +7,10 @@ import useConfigInject from '../_util/hooks/useConfigInject';
 import { useInjectAnchor } from './context';
 
 export const anchorLinkProps = {
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   href: PropTypes.string.def('#'),
   title: PropTypes.any,
-  target: PropTypes.string,
+  target: String,
 };
 
 export type AnchorLinkProps = Partial<ExtractPropTypes<typeof anchorLinkProps>>;

components/auto-complete/index.tsx

@@ -17,7 +17,7 @@ export const autoCompleteProps = {
   ...omit(selectProps(), ['loading', 'mode', 'optionLabelProp', 'labelInValue']),
   dataSource: PropTypes.array,
   dropdownMenuStyle: PropTypes.style,
-  // optionLabelProp: PropTypes.string,
+  // optionLabelProp: String,
   dropdownMatchSelectWidth: { type: [Number, Boolean], default: true },
 };
 
@@ -32,12 +32,12 @@ const AutoComplete = defineComponent({
   inheritAttrs: false,
   props: {
     ...autoCompleteProps,
-    prefixCls: PropTypes.string,
-    showSearch: PropTypes.looseBool,
-    transitionName: PropTypes.string,
+    prefixCls: String,
+    showSearch: { type: Boolean, default: undefined },
+    transitionName: String,
     choiceTransitionName: PropTypes.string.def('zoom'),
-    autofocus: PropTypes.looseBool,
-    backfill: PropTypes.looseBool,
+    autofocus: { type: Boolean, default: undefined },
+    backfill: { type: Boolean, default: undefined },
     // optionLabelProp: PropTypes.string.def('children'),
     filterOption: PropTypes.oneOfType([PropTypes.looseBool, PropTypes.func]).def(false),
     defaultActiveFirstOption: PropTypes.looseBool.def(true),

components/avatar/Avatar.tsx

@@ -15,18 +15,18 @@ import eagerComputed from '../_util/eagerComputed';
 export type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap;
 
 export const avatarProps = () => ({
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   shape: PropTypes.oneOf(tuple('circle', 'square')).def('circle'),
   size: {
     type: [Number, String, Object] as PropType<AvatarSize>,
     default: (): AvatarSize => 'default',
   },
-  src: PropTypes.string,
+  src: String,
   /** Srcset of image avatar */
-  srcset: PropTypes.string,
+  srcset: String,
   icon: PropTypes.any,
-  alt: PropTypes.string,
-  gap: PropTypes.number,
+  alt: String,
+  gap: Number,
   draggable: PropTypes.bool,
   crossOrigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,
   loadError: {

components/avatar/Group.tsx

@@ -11,8 +11,8 @@ import useConfigInject from '../_util/hooks/useConfigInject';
 import useProvideSize from '../_util/hooks/useSize';
 
 export const groupProps = () => ({
-  prefixCls: PropTypes.string,
-  maxCount: PropTypes.number,
+  prefixCls: String,
+  maxCount: Number,
   maxStyle: {
     type: Object as PropType<CSSProperties>,
     default: () => ({} as CSSProperties),

components/back-top/index.tsx

@@ -24,9 +24,9 @@ export const backTopProps = {
   visibilityHeight: PropTypes.number.def(400),
   duration: PropTypes.number.def(450),
   target: Function as PropType<() => HTMLElement | Window | Document>,
-  prefixCls: PropTypes.string,
-  onClick: PropTypes.func,
-  // visible: PropTypes.looseBool, // Only for test. Don't use it.
+  prefixCls: String,
+  onClick: Function,
+  // visible: { type: Boolean, default: undefined }, // Only for test. Don't use it.
 };
 
 export type BackTopProps = Partial<ExtractPropTypes<typeof backTopProps>>;

components/badge/Badge.tsx

@@ -15,21 +15,21 @@ import isNumeric from '../_util/isNumeric';
 export const badgeProps = {
   /** Number to show in badge */
   count: PropTypes.any,
-  showZero: PropTypes.looseBool,
+  showZero: { type: Boolean, default: undefined },
   /** Max count to show */
   overflowCount: PropTypes.number.def(99),
   /** whether to show red dot without number */
-  dot: PropTypes.looseBool,
-  prefixCls: PropTypes.string,
-  scrollNumberPrefixCls: PropTypes.string,
+  dot: { type: Boolean, default: undefined },
+  prefixCls: String,
+  scrollNumberPrefixCls: String,
   status: PropTypes.oneOf(tuple('success', 'processing', 'default', 'error', 'warning')),
   // sync [email protected]
   size: PropTypes.oneOf(tuple('default', 'small')).def('default'),
-  color: PropTypes.string,
+  color: String,
   text: PropTypes.any,
   offset: PropTypes.arrayOf(PropTypes.oneOfType([String, Number])),
   numberStyle: PropTypes.style,
-  title: PropTypes.string,
+  title: String,
 };
 
 export type BadgeProps = Partial<ExtractPropTypes<typeof badgeProps>>;

components/badge/Ribbon.tsx

@@ -8,7 +8,7 @@ import PropTypes from '../_util/vue-types';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
 export const ribbonProps = {
-  prefix: PropTypes.string,
+  prefix: String,
   color: { type: String as PropType<LiteralUnion<PresetColorType, string>> },
   text: PropTypes.any,
   placement: PropTypes.oneOf(tuple('start', 'end')).def('end'),

components/badge/ScrollNumber.tsx

@@ -8,9 +8,9 @@ import SingleNumber from './SingleNumber';
 import { filterEmpty } from '../_util/props-util';
 
 export const scrollNumberProps = {
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   count: PropTypes.any,
-  component: PropTypes.string,
+  component: String,
   title: PropTypes.oneOfType([PropTypes.number, PropTypes.string, null]),
   show: Boolean,
 };

components/breadcrumb/Breadcrumb.tsx

@@ -15,7 +15,7 @@ export interface Route {
 }
 
 export const breadcrumbProps = {
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   routes: { type: Array as PropType<Route[]> },
   params: PropTypes.any,
   separator: PropTypes.any,

components/breadcrumb/BreadcrumbItem.tsx

@@ -7,8 +7,8 @@ import DownOutlined from '@ant-design/icons-vue/DownOutlined';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
 export const breadcrumbItemProps = {
-  prefixCls: PropTypes.string,
-  href: PropTypes.string,
+  prefixCls: String,
+  href: String,
   separator: PropTypes.any,
   overlay: PropTypes.any,
 };

components/breadcrumb/BreadcrumbSeparator.tsx

@@ -5,7 +5,7 @@ import { flattenChildren } from '../_util/props-util';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
 export const breadcrumbSeparatorProps = {
-  prefixCls: PropTypes.string,
+  prefixCls: String,
 };
 export type BreadcrumbSeparatorProps = Partial<ExtractPropTypes<typeof breadcrumbSeparatorProps>>;
 

components/button/button-group.tsx

@@ -8,7 +8,7 @@ import type { SizeType } from '../config-provider';
 import UnreachableException from '../_util/unreachableException';
 
 const buttonGroupProps = {
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   size: {
     type: String as PropType<SizeType>,
   },

components/button/buttonTypes.ts

@@ -21,7 +21,7 @@ export function convertLegacyProps(type?: LegacyButtonType): ButtonProps {
 }
 
 export const buttonProps = () => ({
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   type: PropTypes.oneOf(ButtonTypes),
   htmlType: PropTypes.oneOf(ButtonHTMLTypes).def('button'),
   shape: PropTypes.oneOf(ButtonShapes),
@@ -32,14 +32,14 @@ export const buttonProps = () => ({
     type: [Boolean, Object] as PropType<boolean | { delay?: number }>,
     default: (): boolean | { delay?: number } => false,
   },
-  disabled: PropTypes.looseBool,
-  ghost: PropTypes.looseBool,
-  block: PropTypes.looseBool,
-  danger: PropTypes.looseBool,
+  disabled: { type: Boolean, default: undefined },
+  ghost: { type: Boolean, default: undefined },
+  block: { type: Boolean, default: undefined },
+  danger: { type: Boolean, default: undefined },
   icon: PropTypes.any,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  title: PropTypes.string,
+  href: String,
+  target: String,
+  title: String,
   onClick: {
     type: Function as PropType<(event: MouseEvent) => void>,
   },

components/card/Card.tsx

@@ -24,7 +24,7 @@ export type CardSize = 'default' | 'small';
 const { TabPane } = Tabs;
 
 export const cardProps = () => ({
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   title: PropTypes.any,
   extra: PropTypes.any,
   bordered: PropTypes.looseBool.def(true),
@@ -39,8 +39,8 @@ export const cardProps = () => ({
     type: Array as PropType<CardTabListType[]>,
   },
   tabBarExtraContent: PropTypes.any,
-  activeTabKey: PropTypes.string,
-  defaultActiveTabKey: PropTypes.string,
+  activeTabKey: String,
+  defaultActiveTabKey: String,
   cover: PropTypes.any,
   onTabChange: {
     type: Function as PropType<(key: string) => void>,

components/card/Meta.tsx

@@ -6,7 +6,7 @@ import useConfigInject from '../_util/hooks/useConfigInject';
 export default defineComponent({
   name: 'ACardMeta',
   props: {
-    prefixCls: PropTypes.string,
+    prefixCls: String,
     title: PropTypes.any,
     description: PropTypes.any,
     avatar: PropTypes.any,

components/checkbox/interface.ts

@@ -51,9 +51,9 @@ export const abstractCheckboxProps = () => {
     indeterminate: { type: Boolean, default: undefined },
     type: { type: String, default: 'checkbox' },
     autofocus: { type: Boolean, default: undefined },
-    onChange: PropTypes.func,
-    'onUpdate:checked': PropTypes.func,
-    onClick: PropTypes.func,
+    onChange: Function,
+    'onUpdate:checked': Function,
+    onClick: Function,
     skipGroup: { type: Boolean, default: false },
   };
 };

components/collapse/commonProps.ts

@@ -6,32 +6,32 @@ export type CollapsibleType = 'header' | 'disabled';
 
 export type ActiveKeyType = Array<string | number> | string | number;
 const collapseProps = () => ({
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   activeKey: { type: [Array, Number, String] as PropType<ActiveKeyType> },
   defaultActiveKey: { type: [Array, Number, String] as PropType<ActiveKeyType> },
-  accordion: PropTypes.looseBool,
-  destroyInactivePanel: PropTypes.looseBool,
-  bordered: PropTypes.looseBool,
-  expandIcon: PropTypes.func,
+  accordion: { type: Boolean, default: undefined },
+  destroyInactivePanel: { type: Boolean, default: undefined },
+  bordered: { type: Boolean, default: undefined },
+  expandIcon: Function,
   openAnimation: PropTypes.object,
   expandIconPosition: PropTypes.oneOf(tuple('left', 'right')),
   collapsible: { type: String as PropType<CollapsibleType> },
-  ghost: PropTypes.looseBool,
+  ghost: { type: Boolean, default: undefined },
 });
 
 const collapsePanelProps = () => ({
   openAnimation: PropTypes.object,
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   header: PropTypes.any,
-  headerClass: PropTypes.string,
-  showArrow: PropTypes.looseBool,
-  isActive: PropTypes.looseBool,
-  destroyInactivePanel: PropTypes.looseBool,
+  headerClass: String,
+  showArrow: { type: Boolean, default: undefined },
+  isActive: { type: Boolean, default: undefined },
+  destroyInactivePanel: { type: Boolean, default: undefined },
   /** @deprecated Use `collapsible="disabled"` instead */
-  disabled: PropTypes.looseBool,
-  accordion: PropTypes.looseBool,
-  forceRender: PropTypes.looseBool,
-  expandIcon: PropTypes.func,
+  disabled: { type: Boolean, default: undefined },
+  accordion: { type: Boolean, default: undefined },
+  forceRender: { type: Boolean, default: undefined },
+  expandIcon: Function,
   extra: PropTypes.any,
   panelKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   collapsible: { type: String as PropType<CollapsibleType> },

components/color-picker/ColorPicker.jsx

@@ -21,16 +21,16 @@ export default {
     event: 'change.value', //为了支持v-model直接返回颜色字符串 所以用了自定义的事件,与pickr自带change事件进行区分
   },
   props: {
-    prefixCls: PropTypes.string,
-    defaultValue: PropTypes.string, //默认值
+    prefixCls: String,
+    defaultValue: String, //默认值
     config: PropTypes.object, //pickr配置
-    value: PropTypes.string, //颜色值
+    value: String, //颜色值
     locale: PropTypes.object, //双语包
-    colorRounded: PropTypes.number, //颜色数值保留几位小数
+    colorRounded: Number, //颜色数值保留几位小数
     size: PropTypes.oneOf(['default', 'small', 'large']).def('default'), //尺寸
-    getPopupContainer: PropTypes.func, //指定渲染容器
+    getPopupContainer: Function, //指定渲染容器
     disabled: PropTypes.looseBool.def(false), //是否禁用
-    format: PropTypes.string, //颜色格式设置
+    format: String, //颜色格式设置
     alpha: PropTypes.looseBool.def(false), //是否开启透明通道
     hue: PropTypes.looseBool.def(true), //是否开启色彩预选
   },

components/comment/index.tsx

@@ -14,7 +14,7 @@ export const commentProps = {
   /** The main content of the comment */
   content: PropTypes.any,
   /** Comment prefix defaults to '.ant-comment' */
-  prefixCls: PropTypes.string,
+  prefixCls: String,
   /** A datetime element containing the time to be displayed */
   datetime: PropTypes.any,
 };