重复
- 我已经搜索了存在的问题
最新版本
- 我已经测试了最新版本
重现步骤🕹
操作步骤:
1.使用建议的方法添加新的版式变体:https://mui.com/material-ui/customization/typography/#adding-amp-disabling-variants
1.当使用responsiveFontSizes
创建主题时,键入不允许新的变体。
当前行为😯
打字稿类型不允许将自定义版式变体传递到responsiveFontSizes
的选项中。
预期行为🤔
responsiveFontSizes
应该允许您也应用于自定义版式变体。
上下文🔦
查看代码,这是因为responsiveFontSizes
直接从material/styles/createTypography
导入变体,而不是从material/Typography
扩展变体。
https://codesandbox.io/s/wild-sunset-tn5mmh的最大值
您的环境🌎
npx @mui/envinfo
System:
OS: Windows 10 10.0.19044
CPU: (12) x64 AMD Ryzen 5 2600X Six-Core Processor
Memory: 2.25 GB / 15.93 GB
Binaries:
Node: 14.20.0 - ~\AppData\Local\nvs\default\node.EXE
Yarn: 1.22.17 - ~\AppData\Roaming\npm\yarn.CMD
npm: 6.14.17 - ~\AppData\Local\nvs\default\npm.CMD
Managers:
Composer: 1.8.6 - C:\ProgramData\ComposerSetup\bin\composer.BAT
pip2: 20.2.2 - C:\Program Files (x86)\Python27-18\Scripts\pip2.EXE
pip3: 19.0.3 - C:\Program Files (x86)\Python37-32\Scripts\pip3.EXE
Utilities:
Git: 2.31.1.
Virtualization:
Docker: 20.10.16 - C:\Program Files\Docker\Docker\resources\bin\docker.EXE
SDKs:
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions: 10.0.17763.0, 10.0.18362.0, 10.0.19041.0
IDEs:
VSCode: 1.71.2 - C:\Program Files\Microsoft VS Code\bin\code.CMD
Visual Studio: 16.11.31702.278 (Visual Studio Community 2019)
Languages:
Bash: 5.0.17 - C:\Windows\system32\bash.EXE
PHP: 7.3.7 - C:\PHP7\php.EXE
Python: 2.7.18
Python3: 3.10.7
Browsers:
Chrome: 105.0.5195.127
Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.53)
Internet Explorer: 11.0.19041.1566
4条答案
按热度按时间mbskvtky1#
你能分享一个重现这个问题的CodeSandbox吗?我想看看用法,以确保我在页面上。
jdzmm42g2#
由于该问题缺少关键信息并且已处于非活动状态7天,因此已自动关闭。如果您希望重新打开该问题,请提供缺少的信息。
l2osamch3#
很抱歉,我没有看到您的评论。
下面是一个复制该问题的CodeSandbox:
https://codesandbox.io/s/wild-sunset-tn5mmh的最大值
更清楚地说,如果您在responsiveFontSizes的
variants
选项中传递它,它可以使自定义变量具有响应性。但是,typescripts类型不遵守这一点,您需要将数组设置为
any
。此外,正如我注意到的一件事,这也是我认为这是一个错误的主要原因,因为响应字体大小的文档声明:
variants
(数组[可选]):默认为all。要处理的版式变体。但它实际上默认为“所有默认变体”,而不是“所有变体”。
px9o7tmv4#
但它实际上默认为“所有默认变体”,而不是“所有变体”。
responsiveFontSize
应该遍历所有包含样式的排版,除非提供了variants
选项。