chore: ts type enhance

Author: anlyyao

src/calendar/CalendarTemplate.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useContext, useMemo, forwardRef } from 'react';
 import { CloseIcon } from 'tdesign-icons-react';
 import parseTNode from '../_util/parseTNode';
-import Button from '../button';
+import { Button, ButtonProps } from '../button';
 import { TDateType, TCalendarValue } from './type';
 import { usePrefixClass } from '../hooks/useClass';
 import useDefaultProps from '../hooks/useDefaultProps';
@@ -229,16 +229,13 @@ const CalendarTemplate = forwardRef<HTMLDivElement, CalendarProps>((_props, ref)
     );
   };
 
-  const renderConfirmBtn = (): any => {
-    if (confirmBtn && typeof confirmBtn !== 'object') {
-      return confirmBtn;
-    }
-    if (confirmBtn && Array.isArray(confirmBtn)) {
-      return confirmBtn;
-    }
-    if (confirmBtn && typeof confirmBtn === 'object') {
-      return <Button block theme="primary" {...(confirmBtn as any)} onClick={handleConfirm} />;
+  const renderConfirmBtn = () => {
+    if (!confirmBtn) return;
+
+    if (typeof confirmBtn === 'object') {
+      return <Button block theme="primary" {...(confirmBtn as ButtonProps)} onClick={handleConfirm} />;
     }
+    return parseTNode(confirmBtn);
   };
 
   const className = useMemo(

src/checkbox/CheckboxGroup.tsx

@@ -47,7 +47,7 @@ const CheckboxGroup: FC<CheckboxGroupProps> = (props) => {
     onChange,
   } = useDefaultProps(props, checkboxGroupDefaultProps);
 
-  const internalOptions: any[] =
+  const internalOptions =
     Array.isArray(options) && options.length > 0
       ? options
       : React.Children.map(children, (child) => (child as ReactElement).props);
@@ -146,7 +146,7 @@ const CheckboxGroup: FC<CheckboxGroupProps> = (props) => {
           const vs = item as number | string;
           return (
             <Checkbox key={vs} label={vs} value={vs}>
-              {item as never}
+              {vs}
             </Checkbox>
           );
         }

src/message/Message.tsx

@@ -10,7 +10,7 @@ import useMessageCssTransition from './hooks/useMessageCssTransition';
 import useDefaultProps from '../hooks/useDefaultProps';
 import { usePrefixClass } from '../hooks/useClass';
 
-import type { StyledProps } from '../common';
+import type { StyledProps, TNode } from '../common';
 import parseTNode from '../_util/parseTNode';
 import { convertUnit } from '../_util/convertUnit';
 import { messageDefaultProps } from './defaultProps';
@@ -246,12 +246,15 @@ const Message: React.FC<MessageProps> = (originProps) => {
     onCloseBtnClick?.(e);
   };
 
-  const closeButton =
-    closeBtn === true ? (
+  const renderCloseBtn = () => {
+    if (!closeBtn) return;
+
+    return closeBtn === true ? (
       <Icon className={`${name}--close-btn`} name="close" size={22} onClick={clickCloseButton} />
     ) : (
-      closeBtn
+      parseTNode(closeBtn as string | TNode)
     );
+  };
 
   return (
     <CSSTransition in={messageVisible} appear {...cssTransitionState.props} unmountOnExit>
@@ -276,7 +279,7 @@ const Message: React.FC<MessageProps> = (originProps) => {
             {getLinkContent()}
           </div>
         )}
-        {parseTNode(closeButton as any)}
+        {renderCloseBtn()}
       </div>
     </CSSTransition>
   );

src/message/style/index.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/no-relative-packages
 import '../../_common/style/mobile/components/message/v2/_index.less';

src/picker/PickerView.tsx

@@ -4,13 +4,13 @@ import useConfig from '../hooks/useConfig';
 import useDefault from '../_util/useDefault';
 import withNativeProps, { NativeProps } from '../_util/withNativeProps';
 import PickerContext from './picker-context';
-import { TdPickerProps, PickerValue } from './type';
+import { TdPickerProps, PickerValue, TdPickerItemProps } from './type';
 
 export const getPickerViewDefaultValue = (defaultValue: Array<PickerValue>, children: React.ReactNode) => {
   const result = (defaultValue || []).slice(0);
-  React.Children.forEach(children, (child, index) => {
+  React.Children.forEach(children, (child: React.ReactElement<TdPickerItemProps>, index) => {
     if (React.isValidElement(child) && isUndefined(result[index])) {
-      const childOptions = (child.props as any).options || [];
+      const childOptions = child.props.options || [];
       const optionsCount = childOptions.length;
       const optionsIndex = Math.max(0, optionsCount <= 2 ? optionsCount - 1 : 2);
       result[index] = childOptions[optionsIndex]?.value;