当使用本地化时,主题可以使用
import { createTheme, responsiveFontSizes } from '@mui/material/styles';
import { frFR } from '@mui/material/locale';
import merge from 'deepmerge';
// localized theme
const theme = merge(responsiveFontSizes(createTheme(themePreset), frFR);
但是,@mui/lab
内部的组件没有本地化。
- 我已经搜索了此存储库的issues,并认为这不是重复的。
摘要💡
示例🌈
对于@mui/lab/locale
,扩展主题将分离de app本地化这些组件的责任。
import { createTheme, responsiveFontSizes } from '@mui/material/styles';
import { frFR } from '@mui/material/locale';
import { frFR as frFR_lab } from '@mui/lab/locale'; // suggested
import merge from 'deepmerge';
// fully localized theme
const theme = merge.all([ responsiveFontSizes(createTheme(themePreset), frFR, frFR_lab ]);
动机🔦
像TimePicker
这样的组件是没有本地化的。一旦它们本地化了,并且被移动到@mui/material
,那么它们的本地化也会随之移动。用户代码不应该维护这些本地化字符串。
2条答案
按热度按时间wz8daaqr1#
感谢您的报告。实验室组件还处于实验阶段,尚未准备好投入生产,因此我们还没有真正优先考虑为它们添加本地化。如果您愿意贡献自己的力量,欢迎您的PR。
lpwwtiir2#
这可能需要我几天的时间来释放一些时间,但肯定会作出贡献,如果没有人已经计划这一点。