[Select]+N 的截断策略优化

[boomboomchen]

Which Component 出现bug的组件

• Select

semi-ui version

• latest

Expected result 期望的结果是什么

• 设置 maxTagCount 后，如果选中展示项超出一行，则进行截断。已有设计稿。

Actual result 实际的结果是什么

• 设置 maxTagCount 后，如果选中展示项超出一行会被直接 hidden

Steps to reproduce 复现步骤

• 1

Reproducible code 复现代码

import React from 'react';
import { Select } from '@douyinfe/semi-ui';

() => (
    <Select multiple style={{ width: '320px' }} defaultValue={['def','qwe','xigua','abc','hotsoon', 'jianying']} maxTagCount={20}>
        <Select.Option value='abc'>抖音</Select.Option>
        <Select.Option value='xigua'>西瓜视频</Select.Option>
        <Select.Option value='jianying'>剪映</Select.Option>
        <Select.Option value='hotsoon'>火山</Select.Option>
        <Select.Option value='def'>def</Select.Option>
        <Select.Option value='zxc'>zxc</Select.Option>
        <Select.Option value='qwe'>qwe</Select.Option>
        <Select.Option value='asd'>asd</Select.Option>
    </Select>
);

Additional information 补充说明

• 遇到这个bug的业务场景、上下文、或者你的需求场景

[YannLynn]

supported in 2.28.0-beta.1