v-show造成Avatar组件样式渲染出现bug(v-show caused a bug in Avatar component style rendering)

[sudongyuer]

TuSimple/naive-ui version (版本)

2.15.11

Vue version (Vue 版本)

3.1.1

Browser and its version (浏览器及其版本)

92.0.4515.107（正式版本） (arm64)

System and its version (系统及其版本)

MacOs(11.4)

Node version (Node 版本)

v14.17.3

Reappearance link (重现链接)

https://codesandbox.io/s/quirky-blackburn-4pcj2?file=/src/Demo.vue

Reappearance steps (重现步骤)

点击toggle按钮(Click the Toggle button)

Expected results (期望的结果)

当v-show设置为true时,Avatar组件显示后组件内的子元素实现自适应居中和缩放(When v-show is set to true, the child elements within the component are adaptive centered and scaled after the Avatar component is displayed)

Actual results (实际的结果)

当v-show由默认false转变为true时,Avatar组件显示后组件内的子元素未能实现自适应居中和缩放(When v-show is changed from the default false to true, the child elements within the component after the display of the Avatar component fail to achieve adaptive centering and scaling)

Remarks (补充说明)

希望可以被加入到贡献者列表,这将对我在前端开发的道路上提供莫大的支持与鼓励,希望naive-ui越来越好!(I hope to be added to the contributors list, which will give me great support and encouragement on the road to front-end development. Hope Naive - UI is getting better and better!)