arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design
https://arco.design/vue
MIT License
2.74k stars 537 forks source link

modal's button language can't translate correctly when using Call By Function #2407

Open pidan12121 opened 1 year ago

pidan12121 commented 1 year ago

基本信息

额外补充

你们官网也有这个问题

预期结果

按钮随语言变化

复现步骤

使用函数调用modal按钮未翻译

Zz-ZzzZ commented 1 year ago

由于modal组件函数调用形式和其他demo导入的路径不一样导致组件内i18获取到的语言和实际选择的不一致

import { Modal, Button } from '@arco-design/web-vue';

其他demo的使用的导入路径在main.tsfrom @arco-design/web-vue/components/index做为全局导入

我在本地跑了一下把和路径改为和main.ts文件内的全局导入一致后正常

import { Modal, Button } from '@arco-design/web-vue/components/index;

devTool中查看对应文件的请求得到的是函数调用形式获取的是es目录路径下,也就是build后的文件路径

个人推测的解决方案是将demo内有按需引入import { xxx } from '@arco-design/web-vue'; 的路径指向@arco-design/web-vue/components/index后应该就可以了

另外Drawer组件内也有这个问题