预设与 tailwindcss 冲突，没有设置途径

[jiangmaniu]

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

Version

4.0.0-alpha.3

Environment

根据 antd issues 可知 由于权重问题，导致样式会被 tailwindcss 预设给覆盖，根据官网可知，通过将 StyleProvider 组件的 hashPriority 属性设置为 "high"，即可解决该问题，但我再使用时发现该组件库没有导出StyleProvider 组件，看了源码后发现是通过 inject/provide 实现的，并且hashPriority 属性是写死的，无法通过业务层设置。

ant-design-vue/components/_util/cssinjs/StyleContext.tsx

Line 79 in ae27d43

hashPriority: 'low',

如果

Reproduction link

http://baidu.com

希望能与antd一样导出一个StyleProvider组件供用户设置，也可以将设置参数集成到ConfigProvider组件中，或者以其他方式进行设置。

可有可能是我没有发现相关设置的途径，我已尽我所能去源码中寻找。如果确实如此，请您告诉我该怎么做

[CCherry07]

@jiangmaniu 我感觉可以，将useStyleProvider引入，如果可以，我会去提一个pr

import { useStyleProvider } from 'ant-design-vue/es/_util/cssinjs';
useStyleProvider({
  hashPriority:"high",
});

[tangjinzhou]

@jiangmaniu 我感觉可以，将useStyleProvider引入，如果可以，我会去提一个pr

import { useStyleProvider } from 'ant-design-vue/es/_util/cssinjs';
useStyleProvider({
  hashPriority:"high",
});

@CCherry07 包一个 StyleProvider 组件出来吧，用use 的有点问题（调用use的那个组件不会生效）

[selvinzr]

<template>
<style-provider hashPriority="high">
{node}
</style-provider>
</template>
<script setup lang="ts">
import { StyleProvider } from 'ant-design-vue/es/_util/cssinjs';
</script>

我在rc6中运行正常，并提供了其他的api

[selvinzr]

@jiangmaniu 我感觉可以，将useStyleProvider引入，如果可以，我会去提一个pr

import { useStyleProvider } from 'ant-design-vue/es/_util/cssinjs';
useStyleProvider({
  hashPriority:"high",
});

它在控制台报了一个错误
[Vue warn]: Invalid watch source: {hashPriority: 'high'} A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.

[gaokun]

应该将StyleProvider用法, 添加到ant design vue的官方文档中

[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.