ant-design / ant-design/cssinjs

使用 legacyLogicalPropertiesTransformer ProLayout aside组件submenu样式显示出现问题

Open
#92 0 comments 0 reactions 0 assignees View on GitHub
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",

image

image

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.