material-ui responsiveFontSizes不考虑自定义变量的使用

8i9zcol2 于 2022-10-29 发布在其他

关注(0)|答案(4)|浏览(89)

重复

我已经搜索了存在的问题

重现步骤🕹

操作步骤：
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

material-ui

来源：https://github.com/mui/material-ui/issues/34503

4条答案

按热度按时间

mbskvtky1#

你能分享一个重现这个问题的CodeSandbox吗？我想看看用法，以确保我在页面上。

赞(0）回复(0）举报 2022-10-29

jdzmm42g2#

由于该问题缺少关键信息并且已处于非活动状态7天，因此已自动关闭。如果您希望重新打开该问题，请提供缺少的信息。

赞(0）回复(0）举报 2022-10-29

l2osamch3#

很抱歉，我没有看到您的评论。
下面是一个复制该问题的CodeSandbox：
https://codesandbox.io/s/wild-sunset-tn5mmh的最大值
更清楚地说，如果您在responsiveFontSizes的variants选项中传递它，它可以使自定义变量具有响应性。
但是，typescripts类型不遵守这一点，您需要将数组设置为any。
此外，正如我注意到的一件事，这也是我认为这是一个错误的主要原因，因为响应字体大小的文档声明：
variants（数组[可选]）：默认为all。要处理的版式变体。
但它实际上默认为“所有默认变体”，而不是“所有变体”。