import React, { forwardRef } from 'react'; import { Space, Row } from 'antd'; import MeButton from '../pages/security/components/MeButton'; import { useSelector } from 'react-redux'; import { RootState } from '@/states/store'; import { isLoggedIn } from '../states/user_info'; import Icon from '@/components/Icon'; import { IconButton } from '@/components/IconButton'; interface SystemZoneProps { onMenuClick?: (key: string) => void; } const SystemZone = forwardRef( ({ onMenuClick }, ref) => { const login = useSelector((state: RootState) => isLoggedIn(state.userInfo)); const username = useSelector((state: RootState) => state.userInfo.name); const avatarUrl = useSelector((state: RootState) => state.userInfo.avatar); return ( } iconPlace="left" iconSize={32} // 和size 2x 保持一致 type="primary" style={{ padding: '4px 16px' }} disabled > 配置 onMenuClick?.('me')} /> ); } ); export default SystemZone;