feat: maxTagCount="responsive" (#578)

* feat: Support responsive

* feat: Support responsive

* bump rc-overflow

* update snapshot

Author: zombieJ

assets/index.less

@@ -117,8 +117,20 @@
       }
     }
 
+    .@{select-prefix}-selection-overflow {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+
+      &-item {
+        flex: none;
+        max-width: 100%;
+      }
+    }
+
     .@{select-prefix}-selection-search {
       position: relative;
+      max-width: 100%;
 
       &-input,
       &-mirror {

examples/tags.tsx

@@ -14,10 +14,20 @@ for (let i = 10; i < 36; i += 1) {
 
 const Test: React.FC = () => {
   const [disabled, setDisabled] = React.useState(false);
-  const [value, setValue] = React.useState<string[]>(['name2', 'name3']);
-  const [maxTagCount, setMaxTagCount] = React.useState<number>(null);
+  const [value, setValue] = React.useState<string[]>([
+    'name1',
+    'name2',
+    'name3',
+    'name4',
+    'name5',
+    'a10',
+    'b11',
+    'c12',
+    'd13',
+  ]);
+  const [maxTagCount, setMaxTagCount] = React.useState<number | 'responsive'>('responsive');
 
-  const toggleMaxTagCount = (count: number) => {
+  const toggleMaxTagCount = (count: number | 'responsive') => {
     setMaxTagCount(count);
   };
 
@@ -29,7 +39,7 @@ const Test: React.FC = () => {
         <Select
           placeholder="placeholder"
           mode="tags"
-          style={{ width: 500 }}
+          style={{ width: 400 }}
           disabled={disabled}
           maxTagCount={maxTagCount}
           maxTagTextLength={10}
@@ -69,6 +79,9 @@ const Test: React.FC = () => {
         <button type="button" onClick={() => toggleMaxTagCount(null)}>
           toggle maxTagCount (null)
         </button>
+        <button type="button" onClick={() => toggleMaxTagCount('responsive')}>
+          toggle maxTagCount (responsive)
+        </button>
       </p>
       <h2>tags select with open = false</h2>
       <div>

package.json

@@ -46,17 +46,16 @@
     "@babel/runtime": "^7.10.1",
     "classnames": "2.x",
     "rc-motion": "^2.0.1",
+    "rc-overflow": "^0.0.0-alpha.5",
     "rc-trigger": "^5.0.4",
     "rc-util": "^5.0.1",
-    "rc-virtual-list": "^3.2.0",
-    "warning": "^4.0.3"
+    "rc-virtual-list": "^3.2.0"
   },
   "devDependencies": {
     "@types/enzyme": "^3.10.5",
     "@types/jest": "^26.0.0",
     "@types/react": "^16.8.19",
     "@types/react-dom": "^16.8.4",
-    "@types/warning": "^3.0.0",
     "cross-env": "^7.0.0",
     "enzyme": "^3.3.0",
     "enzyme-to-json": "^3.4.0",