fix: fix build

Author: anlyyao

src/cascader/Cascader.tsx

@@ -10,6 +10,7 @@ import Tabs from '../tabs';
 import { StyledProps, TNode, TreeOptionData } from '../common';
 import { usePrefixClass } from '../hooks/useClass';
 import useDefaultProps from '../hooks/useDefaultProps';
+import parseTNode from '../_util/parseTNode';
 import { cascaderDefaultProps } from './defaultProps';
 import { TdCascaderProps } from './type';
 
@@ -173,7 +174,7 @@ const Cascader: React.FC<CascaderProps> = (props) => {
       }}
     >
       <div className={classNames(cascaderClass, className)} style={style}>
-        <div className={`${cascaderClass}__title`}>{title}</div>
+        <div className={`${cascaderClass}__title`}>{parseTNode(title)}</div>
         <div
           className={`${cascaderClass}__close-btn`}
           onClick={() => {
@@ -186,7 +187,7 @@ const Cascader: React.FC<CascaderProps> = (props) => {
             onClose?.('close-btn');
           }}
         >
-          {closeBtn === true ? <CloseIcon size={24} /> : closeBtn}
+          {closeBtn === true ? <CloseIcon size={24} /> : parseTNode(closeBtn)}
         </div>
         <div className={`${cascaderClass}__content`}>
           {labelList.length ? (
@@ -212,7 +213,7 @@ const Cascader: React.FC<CascaderProps> = (props) => {
                           [`${cascaderClass}__step-label--active`]: index === stepIndex,
                         })}
                       >
-                        {labeItem.label}
+                        {parseTNode(labeItem.label)}
                       </div>
                       <ChevronRightIcon size={22} className={`${cascaderClass}__step-arrow`} />
                     </div>

src/dropdown-menu/DropdownMenu.tsx

@@ -8,7 +8,9 @@ import DropdownItem from './DropdownItem';
 import DropdownMenuContext from './DropdownMenuContext';
 import type { TdDropdownMenuProps } from './type';
 
-export interface DropdownMenuProps extends TdDropdownMenuProps, StyledProps {}
+export interface DropdownMenuProps extends TdDropdownMenuProps, StyledProps {
+  children?: React.ReactNode;
+}
 
 type DropdownMenuRef = {
   collapseMenu: () => void;
@@ -21,7 +23,7 @@ const DropdownMenu = forwardRef<DropdownMenuRef, DropdownMenuProps>((props, ref)
   const dropdownMenuClass = usePrefixClass('dropdown-menu');
 
   const items = [];
-  React.Children.forEach(props.children, (child: typeof DropdownItem) => {
+  React.Children.forEach(props.children, (child: any) => {
     if (
       React.isValidElement<ComponentProps<typeof DropdownItem>>(child) &&
       (child.type as any)?.displayName === DropdownItem.displayName

src/steps/__tests__/__snapshots__/demo.test.tsx.snap

@@ -1774,7 +1774,7 @@ exports[`Steps > Steps verticalDemo demo 1`] = `
               >
                 <div
                   class="t-loading t-loading--center"
-                  style="color: inherit; font-size: 20px;"
+                  style="font-size: 20px;"
                 >
                   <div
                     class="t-loading__dots"