[material-ui] 主题作用域在覆盖主题变体样式时不起作用

oalqel3c  于 2个月前  发布在  其他
关注(0)|答案(2)|浏览(28)

重复问题

  • 我已搜索现有的问题

最新版本

  • 我已测试了最新版本

重现步骤 🕹

链接到实时示例: https://codesandbox.io/p/devbox/mui-variants-theme-scoping-pg7vqq?file=%2Fsrc%2Fthemes%2Fmui%2Findex.tsx%3A8%2C7
步骤:

  1. 打开代码sandbox链接
  2. 检查 src/theme/mui/index.tsx

当前行为 😯

为了访问MUI主题,我们必须在 style -函数中使用 THEME_ID 变量进行变体覆盖。

预期行为 🤔

style -函数中的主题范围应该能正确工作。我们不应该需要使用 THEME_ID 变量。
此外,该函数缺乏适当的类型。我们没有像 styleOverrides 中那样的适当类型的 ownerState 变量。通常,我们认为,如果 style 变体覆盖函数的工作方式与 styleOverrides 函数相同,那么会更有意义。目前它是如何工作的,对我们来说并不真正实用。

上下文 🔦

  • 无响应*

你的环境 🌎

npx @mui/envinfo

Used Browser: Chrome

  System:
    OS: macOS 12.6.1
  Binaries:
    Node: 16.20.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.19.4 - /usr/local/bin/npm
  Browsers:
    Chrome: 119.0.6045.199
    Edge: Not Found
    Safari: 15.6.1
  npmPackages:
    @mui/base:  5.0.0-beta.25
    @mui/core-downloads-tracker:  5.14.19
    @mui/material: 5.14.19 => 5.14.19
    @mui/private-theming:  5.14.19
    @mui/styled-engine:  5.14.19
    @mui/styled-engine-sc: 6.0.0-alpha.7 => 6.0.0-alpha.7
    @mui/system:  5.14.19
    @mui/types:  7.2.10
    @mui/utils:  5.14.19
    @types/react: 17.0.70 => 17.0.70
    react: 17.0.2 => 17.0.2
    react-dom: 17.0.2 => 17.0.2
    styled-components: 6.1.0 => 6.1.0
    typescript: 4.8.4 => 4.8.4

支持密钥

80425

sbtkgmzw

sbtkgmzw1#

@zannager @siriwatknp 已在问题描述中添加了我们的支持密钥。

ibps3vxo

ibps3vxo2#

我同意应该在不总是指定 THEME_ID 的情况下使它工作,以获得Material UI主题。我会将其标记为一个bug。

相关问题