fix: typography

Author: WB01676250

components/typography/Base/index.tsx

@@ -426,9 +426,6 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
     renderOperations(canEllipsis),
   ];
 
-  // https://github.com/ant-design/ant-design/issues/54265
-  const mergedComponent = component === 'a' && disabled ? 'span' : component;
-
   return (
     <ResizeObserver onResize={onResize} disabled={!mergedEnableEllipsis}>
       {(resizeRef: React.RefObject<HTMLElement>) => (
@@ -453,7 +450,7 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
               ...style,
               WebkitLineClamp: cssLineClamp ? rows : undefined,
             }}
-            component={mergedComponent}
+            component={component}
             ref={composeRef(resizeRef, typographyRef, ref)}
             direction={direction}
             onClick={triggerType.includes('text') ? onEditClick : undefined}

components/typography/Link.tsx

@@ -22,10 +22,13 @@ const Link = React.forwardRef<HTMLElement, LinkProps>(({ ellipsis, rel, ...restP
     rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel,
   };
 
+  // https://github.com/ant-design/ant-design/issues/54265
+  const component = restProps.disabled ? ('span' as const) : restProps.component || ('a' as const);
+
   // @ts-expect-error: https://github.com/ant-design/ant-design/issues/26622
   delete mergedProps.navigate;
 
-  return <Base {...mergedProps} ref={ref} ellipsis={!!ellipsis} component="a" />;
+  return <Base {...mergedProps} ref={ref} ellipsis={!!ellipsis} component={component} />;
 });
 
 export default Link;