Closed luocong2016 closed 7 months ago
我在测试案例中发现,由于没有使用 ConfigProvider 包裹,是会报错的。 因为 config-provider/context.ts 中的 defaultConfigProvider 并没有覆盖到, config-provider/hooks/useConfigInject.ts 中的 configProvider 、 export default 数据,所以
config-provider/context.ts
defaultConfigProvider
config-provider/hooks/useConfigInject.ts
configProvider
export default 数据
本测试案例的报错原因, configProvider.wave 是 undefined
const wave = computed<{ disabled?: boolean; }>(() => props.wave ?? configProvider.wave.value); // 这里 configProvider.wave 是 undefined
出错案例
<template> <Button @click="handleClick">Demo</Button> </template> <script setup> const handleClick = () => {} </script>
<!-- <ConfigProvider> --> <div class="container"> <Button @click="changeData">change data</Button> </div> <!-- </ConfigProvider> -->
不使用 ConfigProvider 作为全局包裹,组件也能正常使用。目前包装后就可以使用
"vue": "^3.3.8", "ant-design-vue": "4.x",
提错地方了
🐛 Bug 描述 Bug description
我在测试案例中发现,由于没有使用 ConfigProvider 包裹,是会报错的。 因为![image](https://github.com/vueComponent/pro-components/assets/25705196/6f4eb62f-1fb5-4b5b-9fb6-591f840c7323)
config-provider/context.ts
中的defaultConfigProvider
并没有覆盖到,config-provider/hooks/useConfigInject.ts
中的configProvider
、export default 数据
,所以本测试案例的报错原因, configProvider.wave 是 undefined
出错案例
🏞 期望结果 Desired result
不使用 ConfigProvider 作为全局包裹,组件也能正常使用。目前包装后就可以使用
🚑 其他信息 Other information