From 03a7374aa142a5158d572f5916026ad45648836f Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Thu, 25 May 2023 19:41:00 +0800
Subject: [PATCH] fix: fix tag border style (#42619)

* fix: fix tag style

* test: update snao

* test: update snap
---
 .../__snapshots__/demo-extend.test.ts.snap    | 40 +++++++++++++++++++
 .../__tests__/__snapshots__/demo.test.ts.snap | 40 +++++++++++++++++++
 components/tag/demo/borderless.tsx            | 12 ++++++
 components/tag/style/index.ts                 |  3 ++
 4 files changed, 95 insertions(+)

diff --git a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
index a3774e3660..ab20964533 100644
--- a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -316,6 +316,46 @@ Array [
     class="ant-space ant-space-horizontal ant-space-align-center"
     style="flex-wrap: wrap; margin-bottom: -8px;"
   >
+    <div
+      class="ant-space-item"
+      style="margin-right: 0px; padding-bottom: 8px;"
+    >
+      <span
+        class="ant-tag ant-tag-processing ant-tag-borderless"
+      >
+        processing
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right: 0px; padding-bottom: 8px;"
+    >
+      <span
+        class="ant-tag ant-tag-success ant-tag-borderless"
+      >
+        success
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right: 0px; padding-bottom: 8px;"
+    >
+      <span
+        class="ant-tag ant-tag-error ant-tag-borderless"
+      >
+        error
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right: 0px; padding-bottom: 8px;"
+    >
+      <span
+        class="ant-tag ant-tag-warning ant-tag-borderless"
+      >
+        warning
+      </span>
+    </div>
     <div
       class="ant-space-item"
       style="margin-right: 0px; padding-bottom: 8px;"
diff --git a/components/tag/__tests__/__snapshots__/demo.test.ts.snap b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
index 7280f468dd..b7f2bfb720 100644
--- a/components/tag/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
@@ -316,6 +316,46 @@ Array [
     class="ant-space ant-space-horizontal ant-space-align-center"
     style="flex-wrap:wrap;margin-bottom:-8px"
   >
+    <div
+      class="ant-space-item"
+      style="margin-right:0;padding-bottom:8px"
+    >
+      <span
+        class="ant-tag ant-tag-processing ant-tag-borderless"
+      >
+        processing
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right:0;padding-bottom:8px"
+    >
+      <span
+        class="ant-tag ant-tag-success ant-tag-borderless"
+      >
+        success
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right:0;padding-bottom:8px"
+    >
+      <span
+        class="ant-tag ant-tag-error ant-tag-borderless"
+      >
+        error
+      </span>
+    </div>
+    <div
+      class="ant-space-item"
+      style="margin-right:0;padding-bottom:8px"
+    >
+      <span
+        class="ant-tag ant-tag-warning ant-tag-borderless"
+      >
+        warning
+      </span>
+    </div>
     <div
       class="ant-space-item"
       style="margin-right:0;padding-bottom:8px"
diff --git a/components/tag/demo/borderless.tsx b/components/tag/demo/borderless.tsx
index e329d566a8..888c42b7f7 100644
--- a/components/tag/demo/borderless.tsx
+++ b/components/tag/demo/borderless.tsx
@@ -15,6 +15,18 @@ const App: React.FC = () => (
     </Space>
     <Divider />
     <Space size={[0, 'small']} wrap>
+      <Tag bordered={false} color="processing">
+        processing
+      </Tag>
+      <Tag bordered={false} color="success">
+        success
+      </Tag>
+      <Tag bordered={false} color="error">
+        error
+      </Tag>
+      <Tag bordered={false} color="warning">
+        warning
+      </Tag>
       <Tag bordered={false} color="magenta">
         magenta
       </Tag>
diff --git a/components/tag/style/index.ts b/components/tag/style/index.ts
index a32820545b..e73c36d651 100644
--- a/components/tag/style/index.ts
+++ b/components/tag/style/index.ts
@@ -32,6 +32,9 @@ const genTagStatusStyle = (
       color: token[`color${cssVariableType}`],
       background: token[`color${capitalizedCssVariableType}Bg`],
       borderColor: token[`color${capitalizedCssVariableType}Border`],
+      [`&${token.componentCls}-borderless`]: {
+        borderColor: 'transparent',
+      },
     },
   };
 };