fix: declare components type (#3145)

* fix: update alert code

* chore: declare link type

* chore: declare auto-complete type

* chore: declare Badge type

* chore: declare Breadcrumb type

* chore: declare Calendar type

* chore: declare Card type

* chore: declare Checkbox type

* chore: declare Descriptions type

* chore: declare Dropdown

* chore: declare Form type

* chore: declare Mentions type

* chore: declare Menu type

* chore: declare popconfirm type

* chore: update Radio typescript

* chore: declare Rate type

* chore: declare Transfer type

* fix: update Transfer type

* fix: update type

* fix: update type

Author: ajuner

components/alert/index.tsx

@@ -34,7 +34,7 @@ const iconMapOutlined = {
 
 export const AlertProps = {
   /**
-   * Type of Alert styles, options:`success`, `info`, `warning`, `error`
+   * Type of Alert styles, options: `success`, `info`, `warning`, `error`
    */
   type: PropTypes.oneOf(tuple('success', 'info', 'warning', 'error')),
   /** Whether Alert can be closed */

components/anchor/Anchor.tsx

@@ -183,7 +183,7 @@ export default defineComponent({
       return '';
     },
 
-    handleScrollTo(link) {
+    handleScrollTo(link: string) {
       const { offsetTop, getContainer, targetOffset } = this;
 
       this.setCurrentActiveLink(link);

components/auto-complete/index.tsx

@@ -1,4 +1,4 @@
-import { App, defineComponent, inject, provide, Plugin } from 'vue';
+import { App, defineComponent, inject, provide, Plugin, VNode } from 'vue';
 import Select, { SelectProps } from '../select';
 import Input from '../input';
 import InputElement from './InputElement';
@@ -56,10 +56,10 @@ const AutoComplete = defineComponent({
     provide('savePopupRef', this.savePopupRef);
   },
   methods: {
-    savePopupRef(ref: any) {
+    savePopupRef(ref: VNode) {
       this.popupRef = ref;
     },
-    saveSelect(node: any) {
+    saveSelect(node: VNode) {
       this.select = node;
     },
     getInputElement() {
@@ -125,7 +125,7 @@ const AutoComplete = defineComponent({
         : [];
     }
     const selectProps = {
-      ...Omit(getOptionProps(this), ['dataSource', 'optionLabelProp'] as any),
+      ...Omit(getOptionProps(this), ['dataSource', 'optionLabelProp']),
       ...this.$attrs,
       mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
       // optionLabelProp,

components/badge/Badge.tsx

@@ -7,7 +7,7 @@ import { cloneElement } from '../_util/vnode';
 import { getTransitionProps, Transition } from '../_util/transition';
 import isNumeric from '../_util/isNumeric';
 import { defaultConfigProvider } from '../config-provider';
-import { inject, defineComponent, CSSProperties } from 'vue';
+import { inject, defineComponent, CSSProperties, VNode } from 'vue';
 import { tuple } from '../_util/type';
 
 const BadgeProps = {
@@ -28,7 +28,7 @@ const BadgeProps = {
   title: PropTypes.string,
 };
 function isPresetColor(color?: string): boolean {
-  return (PresetColorTypes as any[]).indexOf(color) !== -1;
+  return (PresetColorTypes as string[]).indexOf(color) !== -1;
 }
 export default defineComponent({
   name: 'ABadge',
@@ -79,7 +79,7 @@ export default defineComponent({
           }
         : { ...numberStyle };
     },
-    getBadgeClassName(prefixCls: string, children: any[]) {
+    getBadgeClassName(prefixCls: string, children: VNode[]) {
       const hasStatus = this.hasStatus();
       return classNames(prefixCls, {
         [`${prefixCls}-status`]: hasStatus,

components/breadcrumb/Breadcrumb.tsx

@@ -20,12 +20,12 @@ const BreadcrumbProps = {
   separator: PropTypes.VNodeChild,
   itemRender: {
     type: Function as PropType<
-      (opt: { route: Route; params: any; routes: Route[]; paths: string[] }) => VueNode
+      (opt: { route: Route; params: unknown; routes: Route[]; paths: string[] }) => VueNode
     >,
   },
 };
 
-function getBreadcrumbName(route: Route, params: any) {
+function getBreadcrumbName(route: Route, params: unknown) {
   if (!route.breadcrumbName) {
     return null;
   }
@@ -38,7 +38,7 @@ function getBreadcrumbName(route: Route, params: any) {
 }
 function defaultItemRender(opt: {
   route: Route;
-  params: any;
+  params: unknown;
   routes: Route[];
   paths: string[];
 }): VueNode {
@@ -57,15 +57,15 @@ export default defineComponent({
     };
   },
   methods: {
-    getPath(path: string, params: any) {
+    getPath(path: string, params: unknown) {
       path = (path || '').replace(/^\//, '');
       Object.keys(params).forEach(key => {
         path = path.replace(`:${key}`, params[key]);
       });
       return path;
     },
 
-    addChildPath(paths: string[], childPath = '', params: any) {
+    addChildPath(paths: string[], childPath = '', params: unknown) {
       const originalPaths = [...paths];
       const path = this.getPath(childPath, params);
       if (path) {

components/breadcrumb/BreadcrumbItem.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, inject } from 'vue';
+import { defineComponent, HTMLAttributes, inject } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { hasProp, getComponent, getSlot } from '../_util/props-util';
 import { defaultConfigProvider } from '../config-provider';
@@ -24,7 +24,7 @@ export default defineComponent({
      * if overlay is have
      * Wrap a DropDown
      */
-    renderBreadcrumbNode(breadcrumbItem: any, prefixCls: string) {
+    renderBreadcrumbNode(breadcrumbItem: HTMLAttributes, prefixCls: string) {
       const overlay = getComponent(this, 'overlay');
       if (overlay) {
         return (
@@ -45,7 +45,7 @@ export default defineComponent({
     const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
     const separator = getComponent(this, 'separator');
     const children = getSlot(this);
-    let link;
+    let link: HTMLAttributes;
     if (hasProp(this, 'href')) {
       link = <a class={`${prefixCls}-link`}>{children}</a>;
     } else {

components/calendar/Header.tsx

@@ -5,6 +5,7 @@ import PropTypes from '../_util/vue-types';
 import { defaultConfigProvider } from '../config-provider';
 import { VueNode } from '../_util/type';
 import moment from 'moment';
+import { RadioChangeEvent } from '../radio/interface';
 
 function getMonthsLocale(value: moment.Moment): string[] {
   const current = value.clone();
@@ -141,8 +142,8 @@ export default defineComponent({
       this.$emit('valueChange', newValue);
     },
 
-    onInternalTypeChange(e: Event) {
-      this.triggerTypeChange((e.target as any).value);
+    onInternalTypeChange(e: RadioChangeEvent) {
+      this.triggerTypeChange(e.target.value);
     },
 
     triggerTypeChange(val: string) {

components/card/Card.tsx

@@ -71,7 +71,7 @@ const Card = defineComponent({
       this.$emit('tabChange', key);
     },
     isContainGrid(obj: VNode[] = []) {
-      let containGrid;
+      let containGrid: boolean;
       obj.forEach(element => {
         if (element && isPlainObject(element.type) && (element.type as any).__ANT_CARD_GRID) {
           containGrid = true;

components/checkbox/Checkbox.tsx

@@ -5,6 +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';
 function noop() {}
 
 export default defineComponent({
@@ -65,17 +66,17 @@ export default defineComponent({
     }
   },
   methods: {
-    handleChange(event: Event) {
-      const targetChecked = (event.target as any).checked;
+    handleChange(event: RadioChangeEvent) {
+      const targetChecked = event.target.checked;
       this.$emit('update:checked', targetChecked);
       // this.$emit('input', targetChecked);
       this.$emit('change', event);
     },
     focus() {
-      (this.$refs.vcCheckbox as any).focus();
+      (this.$refs.vcCheckbox as HTMLInputElement).focus();
     },
     blur() {
-      (this.$refs.vcCheckbox as any).blur();
+      (this.$refs.vcCheckbox as HTMLInputElement).blur();
     },
   },
 
@@ -93,7 +94,7 @@ export default defineComponent({
       class: className,
       style,
       ...restAttrs
-    } = $attrs as any;
+    } = $attrs;
     const checkboxProps: any = {
       ...restProps,
       prefixCls,

components/descriptions/Row.tsx

@@ -1,6 +1,6 @@
 import Cell from './Cell';
 import { getOptionProps, getSlot, getClass, getStyle, getComponent } from '../_util/props-util';
-import { FunctionalComponent } from 'vue';
+import { FunctionalComponent, VNode } from 'vue';
 
 interface CellConfig {
   component: string | [string, string];
@@ -20,7 +20,7 @@ export interface RowProps {
 
 const Row: FunctionalComponent<RowProps> = props => {
   const renderCells = (
-    items,
+    items: VNode[],
     { colon, prefixCls, bordered },
     { component, type, showLabel, showContent }: CellConfig,
   ) => {

components/dropdown/dropdown-button.tsx

@@ -1,4 +1,4 @@
-import { provide, inject, defineComponent } from 'vue';
+import { provide, inject, defineComponent, VNode } from 'vue';
 import Button from '../button';
 import classNames from '../_util/classNames';
 import buttonTypes from '../button/buttonTypes';
@@ -45,13 +45,13 @@ export default defineComponent({
     provide('savePopupRef', this.savePopupRef);
   },
   methods: {
-    savePopupRef(ref: any) {
+    savePopupRef(ref: VNode) {
       this.popupRef = ref;
     },
-    handleClick(e) {
+    handleClick(e: Event) {
       this.$emit('click', e);
     },
-    handleVisibleChange(val) {
+    handleVisibleChange(val: boolean) {
       this.$emit('update:visible', val);
       this.$emit('visibleChange', val);
     },

components/dropdown/dropdown.tsx

@@ -1,4 +1,4 @@
-import { provide, inject, cloneVNode, defineComponent } from 'vue';
+import { provide, inject, cloneVNode, defineComponent, VNode } from 'vue';
 import RcDropdown from '../vc-dropdown/src/index';
 import DropdownButton from './dropdown-button';
 import PropTypes from '../_util/vue-types';
@@ -37,7 +37,7 @@ const Dropdown = defineComponent({
     provide('savePopupRef', this.savePopupRef);
   },
   methods: {
-    savePopupRef(ref: any) {
+    savePopupRef(ref: VNode) {
       this.popupRef = ref;
     },
     getTransitionName() {

components/form/Form.tsx

@@ -14,7 +14,7 @@ import scrollIntoView from 'scroll-into-view-if-needed';
 import initDefaultProps from '../_util/props-util/initDefaultProps';
 import { tuple, VueNode } from '../_util/type';
 import { ColProps } from '../grid/Col';
-import { InternalNamePath, NamePath, ValidateOptions } from './interface';
+import { InternalNamePath, NamePath, ValidateErrorEntity, ValidateOptions } from './interface';
 
 export type ValidationRule = {
   /** validation error message */
@@ -119,7 +119,7 @@ const Form = defineComponent({
           this.handleFinishFailed(errors);
         });
     },
-    getFieldsByNameList(nameList) {
+    getFieldsByNameList(nameList: NamePath) {
       const provideNameList = !!nameList;
       const namePathList = provideNameList ? toArray(nameList).map(getNamePath) : [];
       if (!provideNameList) {
@@ -139,12 +139,12 @@ const Form = defineComponent({
         field.resetField();
       });
     },
-    clearValidate(name) {
+    clearValidate(name: NamePath) {
       this.getFieldsByNameList(name).forEach(field => {
         field.clearValidate();
       });
     },
-    handleFinishFailed(errorInfo) {
+    handleFinishFailed(errorInfo: ValidateErrorEntity) {
       const { scrollToFirstError } = this;
       this.$emit('finishFailed', errorInfo);
       if (scrollToFirstError && errorInfo.errorFields.length) {
@@ -154,8 +154,8 @@ const Form = defineComponent({
     validate(...args: any[]) {
       return this.validateField(...args);
     },
-    scrollToField(name: string | number, options = {}) {
-      const fields = this.getFieldsByNameList([name]);
+    scrollToField(name: NamePath, options = {}) {
+      const fields = this.getFieldsByNameList(name);
       if (fields.length) {
         const fieldId = fields[0].fieldId;
         const node = fieldId ? document.getElementById(fieldId) : null;

components/mentions/index.tsx

@@ -151,10 +151,10 @@ const Mentions = defineComponent({
       return filterOption;
     },
     focus() {
-      (this.$refs.vcMentions as any).focus();
+      (this.$refs.vcMentions as HTMLTextAreaElement).focus();
     },
     blur() {
-      (this.$refs.vcMentions as any).blur();
+      (this.$refs.vcMentions as HTMLTextAreaElement).blur();
     },
   },
   render() {

components/menu/SubMenu.tsx

@@ -24,7 +24,7 @@ export default defineComponent({
     };
   },
   methods: {
-    onKeyDown(e) {
+    onKeyDown(e: Event) {
       (this.$refs.subMenu as any).onKeyDown(e);
     },
   },