From 093c6c2d1f305732a93d9b495bf1ff2b00122954 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A2=B3=E8=8B=AF=20Carbon?=
 <79406469+CoderSerio@users.noreply.github.com>
Date: Fri, 6 Dec 2024 10:28:15 +0800
Subject: [PATCH] docs: add target properties to all external url link (#51917)

---
 .../__snapshots__/demo-extend.test.ts.snap       |  3 +++
 .../__tests__/__snapshots__/demo.test.ts.snap    |  3 +++
 components/button/demo/debug-icon.tsx            |  4 ++--
 components/button/demo/icon-position.tsx         |  7 ++++++-
 components/button/demo/icon.tsx                  |  2 +-
 components/config-provider/demo/direction.tsx    |  5 ++++-
 .../__snapshots__/demo-extend.test.tsx.snap      |  2 ++
 components/drawer/demo/user-profile.tsx          |  2 +-
 .../__snapshots__/demo-extend.test.ts.snap       |  4 ++++
 components/dropdown/demo/trigger.tsx             | 12 ++++++++++--
 .../__snapshots__/demo-extend.test.ts.snap       |  4 ++++
 .../__tests__/__snapshots__/demo.test.tsx.snap   |  4 ++++
 components/form/demo/col-24-debug.tsx            | 10 +++++++++-
 components/modal/demo/footer.tsx                 |  1 +
 .../__snapshots__/demo-extend.test.ts.snap       |  2 ++
 .../__tests__/__snapshots__/demo.test.ts.snap    |  2 ++
 components/tag/demo/basic.tsx                    |  8 +++++++-
 components/tag/demo/component-token.tsx          | 16 ++++++++++++++--
 18 files changed, 79 insertions(+), 12 deletions(-)

diff --git a/components/button/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/button/__tests__/__snapshots__/demo-extend.test.ts.snap
index ed0420ec52..33cde627cb 100644
--- a/components/button/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/button/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1117,6 +1117,7 @@ Array [
         class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-lg ant-btn-icon-only"
         href="https://www.google.com"
         tabindex="0"
+        target="_blank"
       >
         <span
           class="ant-btn-icon"
@@ -1843,6 +1844,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
       class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
       href="https://www.google.com"
       tabindex="0"
+      target="_blank"
     >
       <span
         class="ant-btn-icon"
@@ -2271,6 +2273,7 @@ Array [
         class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only ant-btn-icon-end"
         href="https://www.google.com"
         tabindex="0"
+        target="_blank"
       >
         <span
           class="ant-btn-icon"
diff --git a/components/button/__tests__/__snapshots__/demo.test.ts.snap b/components/button/__tests__/__snapshots__/demo.test.ts.snap
index 1d7d4ce349..8ae9c0f5ad 100644
--- a/components/button/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.ts.snap
@@ -1022,6 +1022,7 @@ Array [
         class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-lg ant-btn-icon-only"
         href="https://www.google.com"
         tabindex="0"
+        target="_blank"
       >
         <span
           class="ant-btn-icon"
@@ -1666,6 +1667,7 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
       class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
       href="https://www.google.com"
       tabindex="0"
+      target="_blank"
     >
       <span
         class="ant-btn-icon"
@@ -2016,6 +2018,7 @@ Array [
         class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only ant-btn-icon-end"
         href="https://www.google.com"
         tabindex="0"
+        target="_blank"
       >
         <span
           class="ant-btn-icon"
diff --git a/components/button/demo/debug-icon.tsx b/components/button/demo/debug-icon.tsx
index 4a55ce220b..9d3baaf4f6 100644
--- a/components/button/demo/debug-icon.tsx
+++ b/components/button/demo/debug-icon.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { SearchOutlined, MinusSquareOutlined } from '@ant-design/icons';
+import { MinusSquareOutlined, SearchOutlined } from '@ant-design/icons';
 import { Button, ConfigProvider, Divider, Flex, Radio, Tooltip } from 'antd';
 import type { ConfigProviderProps } from 'antd';
 
@@ -52,7 +52,7 @@ const App: React.FC = () => {
             <Button type="dashed" icon={<SearchOutlined />}>
               Search
             </Button>
-            <Button icon={<SearchOutlined />} href="https://www.google.com" />
+            <Button icon={<SearchOutlined />} href="https://www.google.com" target="_blank" />
             <Button>
               <SearchOutlined />
               Search
diff --git a/components/button/demo/icon-position.tsx b/components/button/demo/icon-position.tsx
index bda8aa5089..48707d02bf 100644
--- a/components/button/demo/icon-position.tsx
+++ b/components/button/demo/icon-position.tsx
@@ -47,7 +47,12 @@ const App: React.FC = () => {
           <Button type="dashed" icon={<SearchOutlined />} iconPosition={position}>
             Search
           </Button>
-          <Button icon={<SearchOutlined />} href="https://www.google.com" iconPosition={position} />
+          <Button
+            icon={<SearchOutlined />}
+            href="https://www.google.com"
+            target="_blank"
+            iconPosition={position}
+          />
           <Button type="primary" loading iconPosition={position}>
             Loading
           </Button>
diff --git a/components/button/demo/icon.tsx b/components/button/demo/icon.tsx
index d6b0695024..10ca156140 100644
--- a/components/button/demo/icon.tsx
+++ b/components/button/demo/icon.tsx
@@ -30,7 +30,7 @@ const App: React.FC = () => (
       <Button type="dashed" icon={<SearchOutlined />}>
         Search
       </Button>
-      <Button icon={<SearchOutlined />} href="https://www.google.com" />
+      <Button icon={<SearchOutlined />} href="https://www.google.com" target="_blank" />
     </Flex>
   </Flex>
 );
diff --git a/components/config-provider/demo/direction.tsx b/components/config-provider/demo/direction.tsx
index b7d30e1fe4..b8d93a3861 100644
--- a/components/config-provider/demo/direction.tsx
+++ b/components/config-provider/demo/direction.tsx
@@ -406,7 +406,10 @@ const Page: React.FC<{ placement: Placement }> = ({ placement }) => {
               <Rate defaultValue={2.5} />
               <br />
               <strong>* Note:</strong> Half star not implemented in RTL direction, it will be
-              supported after <a href="https://github.com/react-component/rate">rc-rate</a>{' '}
+              supported after{' '}
+              <a href="https://github.com/react-component/rate" target="_blank" rel="noreferrer">
+                rc-rate
+              </a>{' '}
               implement rtl support.
             </Col>
             <Col span={12}>
diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
index cedeb93534..8db6c7b085 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -4343,6 +4343,8 @@ Array [
                 </p>
                 <a
                   href="http://github.com/ant-design/ant-design/"
+                  rel="noreferrer"
+                  target="_blank"
                 >
                   github.com/ant-design/ant-design/
                 </a>
diff --git a/components/drawer/demo/user-profile.tsx b/components/drawer/demo/user-profile.tsx
index 5c56c2bdb8..16d8079601 100644
--- a/components/drawer/demo/user-profile.tsx
+++ b/components/drawer/demo/user-profile.tsx
@@ -135,7 +135,7 @@ const App: React.FC = () => {
             <DescriptionItem
               title="Github"
               content={
-                <a href="http://github.com/ant-design/ant-design/">
+                <a href="http://github.com/ant-design/ant-design/" target="_blank" rel="noreferrer">
                   github.com/ant-design/ant-design/
                 </a>
               }
diff --git a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
index 9748a46f41..19324174bc 100644
--- a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -7263,6 +7263,8 @@ Array [
         >
           <a
             href="https://www.antgroup.com"
+            rel="noopener noreferrer"
+            target="_blank"
           >
             1st menu item
           </a>
@@ -7296,6 +7298,8 @@ Array [
         >
           <a
             href="https://www.aliyun.com"
+            rel="noopener noreferrer"
+            target="_blank"
           >
             2nd menu item
           </a>
diff --git a/components/dropdown/demo/trigger.tsx b/components/dropdown/demo/trigger.tsx
index ca85c6fb85..86dee437da 100644
--- a/components/dropdown/demo/trigger.tsx
+++ b/components/dropdown/demo/trigger.tsx
@@ -5,11 +5,19 @@ import { Dropdown, Space } from 'antd';
 
 const items: MenuProps['items'] = [
   {
-    label: <a href="https://www.antgroup.com">1st menu item</a>,
+    label: (
+      <a href="https://www.antgroup.com" target="_blank" rel="noopener noreferrer">
+        1st menu item
+      </a>
+    ),
     key: '0',
   },
   {
-    label: <a href="https://www.aliyun.com">2nd menu item</a>,
+    label: (
+      <a href="https://www.aliyun.com" target="_blank" rel="noopener noreferrer">
+        2nd menu item
+      </a>
+    ),
     key: '1',
   },
   {
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index 0e32f7d2f5..40208dfa52 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -942,6 +942,8 @@ Array [
           >
             <a
               href="https://github.com/ant-design/ant-design/issues/36459"
+              rel="noreferrer"
+              target="_blank"
             >
               #36459
             </a>
@@ -1376,6 +1378,8 @@ Array [
           >
             <a
               href="https://github.com/ant-design/ant-design/issues/36459"
+              rel="noreferrer"
+              target="_blank"
             >
               #36459
             </a>
diff --git a/components/form/__tests__/__snapshots__/demo.test.tsx.snap b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
index 073d0bbb64..9dc70c7578 100644
--- a/components/form/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
@@ -778,6 +778,8 @@ Array [
           >
             <a
               href="https://github.com/ant-design/ant-design/issues/36459"
+              rel="noreferrer"
+              target="_blank"
             >
               #36459
             </a>
@@ -1107,6 +1109,8 @@ Array [
           >
             <a
               href="https://github.com/ant-design/ant-design/issues/36459"
+              rel="noreferrer"
+              target="_blank"
             >
               #36459
             </a>
diff --git a/components/form/demo/col-24-debug.tsx b/components/form/demo/col-24-debug.tsx
index f7a288ff41..e4d923f35a 100644
--- a/components/form/demo/col-24-debug.tsx
+++ b/components/form/demo/col-24-debug.tsx
@@ -3,7 +3,15 @@ import { Button, Divider, Form, Input, Select } from 'antd';
 
 const sharedItem = (
   <Form.Item
-    label={<a href="https://github.com/ant-design/ant-design/issues/36459">#36459</a>}
+    label={
+      <a
+        href="https://github.com/ant-design/ant-design/issues/36459"
+        target="_blank"
+        rel="noreferrer"
+      >
+        #36459
+      </a>
+    }
     initialValue={['bamboo']}
     name="select"
     style={{ boxShadow: '0 0 3px red' }}
diff --git a/components/modal/demo/footer.tsx b/components/modal/demo/footer.tsx
index 32965e2a29..a1d7490959 100644
--- a/components/modal/demo/footer.tsx
+++ b/components/modal/demo/footer.tsx
@@ -41,6 +41,7 @@ const App: React.FC = () => {
           <Button
             key="link"
             href="https://google.com"
+            target="_blank"
             type="primary"
             loading={loading}
             onClick={handleOk}
diff --git a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8382ece38a..56a32f6d31 100644
--- a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -143,6 +143,8 @@ Array [
   >
     <a
       href="https://github.com/ant-design/ant-design/issues/1862"
+      rel="noopener noreferrer"
+      target="_blank"
     >
       Link
     </a>
diff --git a/components/tag/__tests__/__snapshots__/demo.test.ts.snap b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
index 8a3127e9e3..23c94e94b3 100644
--- a/components/tag/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
@@ -141,6 +141,8 @@ Array [
   >
     <a
       href="https://github.com/ant-design/ant-design/issues/1862"
+      rel="noopener noreferrer"
+      target="_blank"
     >
       Link
     </a>
diff --git a/components/tag/demo/basic.tsx b/components/tag/demo/basic.tsx
index 21134b87d6..394d01fdfa 100644
--- a/components/tag/demo/basic.tsx
+++ b/components/tag/demo/basic.tsx
@@ -11,7 +11,13 @@ const App: React.FC = () => (
   <>
     <Tag>Tag 1</Tag>
     <Tag>
-      <a href="https://github.com/ant-design/ant-design/issues/1862">Link</a>
+      <a
+        href="https://github.com/ant-design/ant-design/issues/1862"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Link
+      </a>
     </Tag>
     <Tag closeIcon onClose={preventDefault}>
       Prevent Default
diff --git a/components/tag/demo/component-token.tsx b/components/tag/demo/component-token.tsx
index a85dd57807..fdc2dfed39 100644
--- a/components/tag/demo/component-token.tsx
+++ b/components/tag/demo/component-token.tsx
@@ -8,10 +8,22 @@ const App: React.FC = () => (
   >
     <Flex gap="4px 0" wrap>
       <Tag>
-        <a href="https://github.com/ant-design/ant-design/issues/1862">Link</a>
+        <a
+          href="https://github.com/ant-design/ant-design/issues/1862"
+          target="_blank"
+          rel="noreferrer"
+        >
+          Link
+        </a>
       </Tag>
       <Tag bordered={false}>
-        <a href="https://github.com/ant-design/ant-design/issues/1862">Link</a>
+        <a
+          href="https://github.com/ant-design/ant-design/issues/1862"
+          target="_blank"
+          rel="noreferrer"
+        >
+          Link
+        </a>
       </Tag>
       <Tag closable color="magenta">
         Tag 2