fix(TagInput): resolve issue of input text overlapping with suffixIcon (#4209)

* fix(TagInput): resolve issue of input text overlapping with suffixIcon

* chore: update common

* chore: update common

* chore: stash changelog [ci skip]

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: tdesign-bot <tdesign@tencent.com>

Author: 3 people

packages/ai-core

@@ -112,16 +112,18 @@ const TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {
   };
 
   useEffect(() => {
-    if (!isBreakLine || !suffix) return;
-
-    // 避免 suffix 左侧 与 tag 重合
-    updateSuffixWidth(
-      `.${prefix}-input__suffix:not(.${prefix}-input__suffix-icon)`,
-      `--${prefix}-tag-input-suffix-width`,
-      suffixWidthRef,
-    );
+    if (!isBreakLine) return;
+
+    if (suffix) {
+      // 避免 suffix 左侧 与 tag 重合
+      updateSuffixWidth(
+        `.${prefix}-input__suffix:not(.${prefix}-input__suffix-icon)`,
+        `--${prefix}-tag-input-suffix-width`,
+        suffixWidthRef,
+      );
+    }
 
-    // 确定 suffix 右侧到 input 边框的距离
+    // 确定 suffixIcon 右侧到 input 边框的距离
     updateSuffixWidth(`.${prefix}-input__suffix-icon`, `--${prefix}-tag-input-suffix-icon-width`, suffixIconWidthRef);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

packages/common

@@ -0,0 +1,7 @@
+---
+pr_number: 4209
+contributor: RylanBot
+---
+
+- fix(TagInput): 修复 `suffixIcon` 与输入文本重叠的问题 @RylanBot ([#4209](https://github.com/Tencent/tdesign-react/pull/4209))
+- fix(TagInput): 修复没有 `suffixIcon` 时，输入文本和右侧边框太贴近的问题 @RylanBot ([#4209](https://github.com/Tencent/tdesign-react/pull/4209))