material-ui 添加@mui/lab/语言环境

wydwbb8l  于 2022-10-29  发布在  其他
关注(0)|答案(2)|浏览(234)

当使用本地化时,主题可以使用

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,那么它们的本地化也会随之移动。用户代码不应该维护这些本地化字符串。

wz8daaqr

wz8daaqr1#

感谢您的报告。实验室组件还处于实验阶段,尚未准备好投入生产,因此我们还没有真正优先考虑为它们添加本地化。如果您愿意贡献自己的力量,欢迎您的PR。

lpwwtiir

lpwwtiir2#

这可能需要我几天的时间来释放一些时间,但肯定会作出贡献,如果没有人已经计划这一点。

相关问题