最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

如何优雅的基于 element-plus,封装一个梦中情 dialog 优点 摆脱繁琐的 visible 的命名，以及反复的重复 dom。 想法 将 dialog 封装成一个函数就能唤起的组件。如下：