增加样式兼容后在组件中使用unocss的class不生效

[holiy930561]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.0.0-rc.6

Environment

上面最小化demo

Reproduction link

https://stackblitz.com/edit/vitejs-vite-ugq7b4

Steps to reproduce

1，增加  <a-style-provider hash-priority="high">
2，   <a-form ml-24px my-24px class="px-20px">

What is expected?

form组件中使用的unocss生效

What is actually happening?

使用样式兼容后 ml-24px my-24px px-20px不生效，被覆盖了。去掉样式兼容是正常生效的

[CCherry07]

你使用一下这个插件的 https://www.npmjs.com/package/postcss-increase-specificity 看看

可以参考https://ant.design/docs/react/compatible-style-cn

[holiy930561]

使用StyleProvider 后message组件挂载到app下面没有样式降级，还是where

[UphkcRNqmafQWcSSSSSS]

使用StyleProvider 后message组件挂载到app下面没有样式降级，还是where

<template>
  <contextHolder />
  <!-- <component :is='contextHolder'/> -->
</template>
<script setup>
  import { message } from 'ant-design-vue';
  const [messageApi, contextHolder] = message.useMessage();
  messageApi.open({
    // ...
  });
</script>

[aibayanyu20]

antdv-pro#8

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.