ant-design / ant-design/cssinjs
使用 legacyLogicalPropertiesTransformer ProLayout aside组件submenu样式显示出现问题
- Dominant language
- TypeScript
- Stars
- 287
- Forks
- 80
- PR merge metrics
- No merged PRs in 30d
Description
packages:
"@ant-design/cssinjs": "^1.5.6",
"@ant-design/pro-components": "^2.3.57",
"antd": "^5.2.2",


use:
```tsx
import { ConfigProvider, theme } from 'antd';
import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
import zhCN from 'antd/locale/zh_CN';
import enUS from 'antd/locale/en_US';
import { PRIMARY_ACTIVE_COLOR, PRIMARY_COLOR } from '@/constants/color';
const ANTDLocaleMap = {
'zh-CN': zhCN,
'en-US': enUS,
};
export default function AntdConfigProvider({
language,
children,
}: {
language: string;
children: React.ReactElement;
}) {
return (
{children}
);
}
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the reported ProLayout aside submenu styling issue with the listed package versions and the provided ConfigProvider and StyleProvider snippet. Compare the submenu rendering with and without legacyLogicalPropertiesTransformer, then verify that the affected styles display correctly in the reported setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100