vueComponent / ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
https://antdv.com/
Other
20.3k stars 3.79k forks source link

tabs 使用英文或者特殊符号的内容,tab-item元素出现小数点宽度,导致transformSize mergedBasicSize计算不准 #7945

Open luckean opened 1 week ago

luckean commented 1 week ago

Version

4.2.6

Environment

正式

Reproduction link

https://hm5rpp-5173.csb.app/

Steps to reproduce

<script setup lang="ts">
import { Tabs,TabPane } from 'ant-design-vue/es';
const tabs = ['中文anc','中文/','中文中文','中文中文中文','中文中文中文中文中文','英文英文英文英文英文'];
</script>

<template>
<div>
<Tabs>
<TabPane v-for="(item,index) in tabs" :key="index" :tab="item"></TabPane>
</Tabs>
</div>
</template>

What is expected?

期望修复

What is actually happening?

出现小数点之后,计算出错,无法隐藏更多的图标