fix: typography

Author: WB01676250

components/typography/Base/index.tsx

@@ -426,6 +426,9 @@ 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>) => (
@@ -450,7 +453,7 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
               ...style,
               WebkitLineClamp: cssLineClamp ? rows : undefined,
             }}
-            component={component}
+            component={mergedComponent}
             ref={composeRef(resizeRef, typographyRef, ref)}
             direction={direction}
             onClick={triggerType.includes('text') ? onEditClick : undefined}

components/typography/__tests__/copy.test.tsx

@@ -371,4 +371,21 @@ describe('Typography copy', () => {
 
     spy.mockRestore();
   });
+
+  it('typography link copy and disabled coexist, copy should  working', () => {
+    const spy = jest.spyOn(copyObj, 'default');
+
+    const bamboo = 'bamboo';
+
+    const { container } = render(
+      <Base component="a" copyable disabled>
+        {bamboo}
+      </Base>,
+    );
+    fireEvent.click(container.querySelector('.ant-typography-copy')!);
+
+    expect(spy).toHaveBeenCalled();
+
+    spy.mockRestore();
+  });
 });