chore: add additional suffix cls

Author: zombieJ

src/Mentions.tsx

@@ -571,6 +571,8 @@ const Mentions = forwardRef<MentionsRef, MentionsProps>(
     },
     ref,
   ) => {
+    const hasSuffix = !!(suffix || allowClear);
+
     // =============================== Ref ================================
     const holderRef = useRef<HolderRef>(null);
     const mentionRef = useRef<MentionsRef>(null);
@@ -605,7 +607,10 @@ const Mentions = forwardRef<MentionsRef, MentionsProps>(
         value={mergedValue}
         allowClear={allowClear}
         handleReset={handleReset}
-        className={clsx(prefixCls, className)}
+        className={clsx(prefixCls, className, {
+          // hasSuffix
+          [`${prefixCls}-has-suffix`]: hasSuffix,
+        })}
         classNames={mentionsClassNames}
         disabled={disabled}
         ref={holderRef}
@@ -620,7 +625,7 @@ const Mentions = forwardRef<MentionsRef, MentionsProps>(
           ref={mentionRef}
           onChange={triggerChange}
           disabled={disabled}
-          hasWrapper={!!(allowClear || suffix)}
+          hasWrapper={hasSuffix}
           {...rest}
         />
       </BaseInput>

tests/__snapshots__/AllowClear.spec.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 1`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"
@@ -24,7 +24,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 2`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"
@@ -46,7 +46,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 3`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"
@@ -68,7 +68,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 1`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"
@@ -90,7 +90,7 @@ exports[`should support allowClear should not show icon if value is undefined, n
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 2`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"
@@ -112,7 +112,7 @@ exports[`should support allowClear should not show icon if value is undefined, n
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 3`] = `
 <span
-  class="rc-mentions-affix-wrapper rc-mentions"
+  class="rc-mentions-affix-wrapper rc-mentions rc-mentions-has-suffix"
 >
   <textarea
     class="rc-textarea"