element-plus中ElNotification组件样式错位

[MicahZJ]

Describe the bug

ElNotification组件样式错位
官网示例

本地样式错位

引入代码如下

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

module.exports = {
  // ...
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

Reproduction

none

System Info

node：14.18.2
system：win10
unplugin-auto-import@0.11.4
unplugin-vue-components@0.22.9
element-plus@2.2.19
vue@3.2.41
vite@3.1.8
chrome@106.0.5249.119

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[Cheng-DX]

It might not be the plugin issue

[lishaobos]

if you use auto-import, css weight wiill be higher.

[GuoJikun]

我自定义scss变量的时候，ElMessage和ElMessageBox组件直接没样式，最后只能再增加一个插件unplugin-element-plus解决

[duanluan]

ElMessage 和 ElMessageBox 组件直接没样式

我好像是加了 dts: true 之后才出现的，不加也不影响运行