vueComponent / pro-components

easy use `Ant Design Vue` layout
MIT License
532 stars 215 forks source link

[BUG] 非 ConfigProvider 包裹错误 #293

Closed luocong2016 closed 7 months ago

luocong2016 commented 7 months ago

🐛 Bug 描述 Bug description

我在测试案例中发现,由于没有使用 ConfigProvider 包裹,是会报错的。 因为 config-provider/context.ts 中的 defaultConfigProvider 并没有覆盖到, config-provider/hooks/useConfigInject.ts 中的 configProviderexport default 数据,所以 image

本测试案例的报错原因, 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>

🏞 期望结果 Desired result

<!-- <ConfigProvider> -->
<div class="container">
  <Button @click="changeData">change data</Button>
</div>
<!-- </ConfigProvider> -->

不使用 ConfigProvider 作为全局包裹,组件也能正常使用。目前包装后就可以使用

🚑 其他信息 Other information

 "vue": "^3.3.8",
 "ant-design-vue": "4.x",

image

luocong2016 commented 7 months ago

提错地方了