解决文件名超出时中间显示省略号，中文名与英文名长度显示不一致问题

在网上查看相关解决方案时发现一种大佬实现的很厉害的纯css方案，一开始的组件实现也是基于此，但是很快发现一个问题，因为右侧显示的时候使用 background 来隐藏左侧的文本，但是我们项目用的渐变背景，所以无法这么处理，所以结合 js 对这种方案做了一些改进，使得可以兼容我们的项目~代码如下：

通过判断当原本的文本 dom 高于右侧高度时，说明发生了换行，这时候不需要显示原本文本，所以进行隐藏，反之则显示

实现原理可以参考这里~

https://juejin.cn/post/7329967013923962895?searchId=20241208205727EA80D9D5FB0511F5EE2C#heading-7