fix: maxTagTextLength should not cut label content (#675)

Author: zombieJ

src/Selector/MultipleSelector.tsx

@@ -92,6 +92,7 @@ const SelectSelector: React.FC<SelectorProps> = (props) => {
   // ===================== Render ======================
   // >>> Render Selector Node. Includes Item & Rest
   function defaultRenderSelector(
+    title: React.ReactNode,
     content: React.ReactNode,
     itemDisabled: boolean,
     closable?: boolean,
@@ -103,9 +104,7 @@ const SelectSelector: React.FC<SelectorProps> = (props) => {
           [`${selectionPrefixCls}-item-disabled`]: itemDisabled,
         })}
         title={
-          typeof content === 'string' || typeof content === 'number'
-            ? content.toString()
-            : undefined
+          typeof title === 'string' || typeof title === 'number' ? title.toString() : undefined
         }
       >
         <span className={`${selectionPrefixCls}-item-content`}>{content}</span>
@@ -170,7 +169,7 @@ const SelectSelector: React.FC<SelectorProps> = (props) => {
 
     return typeof tagRender === 'function'
       ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose)
-      : defaultRenderSelector(displayLabel, itemDisabled, closable, onClose);
+      : defaultRenderSelector(label, displayLabel, itemDisabled, closable, onClose);
   }
 
   function renderRest(omittedValues: DisplayLabelValueType[]) {
@@ -179,7 +178,7 @@ const SelectSelector: React.FC<SelectorProps> = (props) => {
         ? maxTagPlaceholder(omittedValues)
         : maxTagPlaceholder;
 
-    return defaultRenderSelector(content, false);
+    return defaultRenderSelector(content, content, false);
   }
 
   // >>> Input Node

tests/__snapshots__/Multiple.test.tsx.snap

@@ -300,7 +300,7 @@ exports[`Select.Multiple render truncates values by maxTagTextLength 1`] = `
       >
         <span
           class="rc-select-selection-item"
-          title="On..."
+          title="One"
         >
           <span
             class="rc-select-selection-item-content"
@@ -327,7 +327,7 @@ exports[`Select.Multiple render truncates values by maxTagTextLength 1`] = `
       >
         <span
           class="rc-select-selection-item"
-          title="Tw..."
+          title="Two"
         >
           <span
             class="rc-select-selection-item-content"

tests/__snapshots__/Tags.test.tsx.snap

@@ -519,7 +519,7 @@ exports[`Select.Tags render truncates values by maxTagTextLength 1`] = `
       >
         <span
           class="rc-select-selection-item"
-          title="On..."
+          title="One"
         >
           <span
             class="rc-select-selection-item-content"
@@ -546,7 +546,7 @@ exports[`Select.Tags render truncates values by maxTagTextLength 1`] = `
       >
         <span
           class="rc-select-selection-item"
-          title="Tw..."
+          title="Two"
         >
           <span
             class="rc-select-selection-item-content"