From eacdc703b14cda146ae2a26f42498b3e19041bd2 Mon Sep 17 00:00:00 2001
From: Hui <sitong.hui@shuyun.com>
Date: Thu, 28 Nov 2024 11:12:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20[inputTag]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=8F=8A=E6=9B=BF=E6=8D=A2icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input-tag/index.js         |  6 ++---
 src/components/input-tag/index.less       | 28 ++++++++++++++++-------
 src/components/tooltip/demos/showArrow.md |  2 +-
 3 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/input-tag/index.js b/src/components/input-tag/index.js
index 60c96ca81..fa47ae4f2 100644
--- a/src/components/input-tag/index.js
+++ b/src/components/input-tag/index.js
@@ -267,17 +267,17 @@ export default class InputTag extends Component {
           )}
         </div>
         <div className={`${selector}-operate`}>
-          <span style={{ color: 'red' }}>
+          <span className={`${selector}-text`}>
             {this.count}
             /
             {max}
           </span>
           <Tooltip content="一键复制，以指定分隔符拼接，默认为英文分号">
-            <Icon type="remark" onClick={this.handleCopy} />
+            <Icon type="copy" onClick={this.handleCopy} />
           </Tooltip>
           {!disabled && (
             <Tooltip content="一键清空所有内容">
-              <Icon type="close-circle-solid" onClick={this.handleClear} />
+              <Icon type="close-line" onClick={this.handleClear} />
             </Tooltip>
           )}
         </div>
diff --git a/src/components/input-tag/index.less b/src/components/input-tag/index.less
index 949b85fd2..ce64a5f6b 100644
--- a/src/components/input-tag/index.less
+++ b/src/components/input-tag/index.less
@@ -13,7 +13,8 @@
   height: auto;
   padding: 7px 10px;
   overflow: auto;
-  border: 1px solid #e8e8e8;
+  border: 1px solid @gray-4;
+  border-radius: 3px;
 
   &-config {
     height: 30px;
@@ -32,8 +33,10 @@
       min-width: 100px;
       height: 24px;
       outline: none;
+      color: @gray-9;
+
       &::placeholder {
-        color: #c9c9c9;
+        color: @gray-6;
         font-size: 12px;
       }
     }
@@ -49,9 +52,9 @@
     height: 24px;
     font-size: 12px;
     box-sizing: border-box;
-    background: #eff7ff;
-    border: 1px solid #ccdceb;
-    border-radius: 2px;
+    color: @gray-8;
+    background: @gray-3;
+    border-radius: 3px;
 
     .text {
       .text-overflow-ellipsis();
@@ -59,8 +62,13 @@
   }
 
   .icon-close {
-    font-size: 8px;
+    font-size: 12px;
     cursor: pointer;
+    color: @gray-6;
+
+    &:hover {
+      color: @gray-7;
+    }
   }
 
   &-operate {
@@ -68,12 +76,16 @@
     justify-content: flex-end;
     align-items: center;
     gap: 5px;
-    color: #666;
+    color: @color-gray2;
     font-size: 12px;
 
     i {
-      color: #00aaf1;
+      color: @gray-7;
       cursor: pointer;
     }
   }
+
+  &-text {
+    color: @gray-7;
+  }
 }
diff --git a/src/components/tooltip/demos/showArrow.md b/src/components/tooltip/demos/showArrow.md
index 581af8f3b..d009fd103 100644
--- a/src/components/tooltip/demos/showArrow.md
+++ b/src/components/tooltip/demos/showArrow.md
@@ -35,7 +35,7 @@ class ToolTipDemo extends React.Component {
 					config {showArrow ? 'no arrow' : 'has arrow'} tooltip
 				</Button>
 				<Tooltip content={content} placement="top" visible={show} showArrow={showArrow} alwaysShow>
-					<span>Click button to config {showArrow ? 'has' : 'no'} arrow toolTip.</span>
+					<span>Click button to config {showArrow ? 'no' : 'has'} arrow toolTip.</span>
 				</Tooltip>
 			</div>
 		);