| 
														 | 
														 | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														import { ReactComponent as TranslationIcon } from '@/assets/svg/translation.svg'; | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														import { useTranslate } from '@/hooks/commonHooks'; | 
														 | 
														 | 
														import { useTranslate } from '@/hooks/commonHooks'; | 
													
													
												
													
														 | 
														 | 
														import { GithubOutlined } from '@ant-design/icons'; | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														import { DownOutlined, GithubOutlined } from '@ant-design/icons'; | 
													
													
												
													
														 | 
														 | 
														import { Dropdown, MenuProps, Space } from 'antd'; | 
														 | 
														 | 
														import { Dropdown, MenuProps, Space } from 'antd'; | 
													
													
												
													
														 | 
														 | 
														import camelCase from 'lodash/camelCase'; | 
														 | 
														 | 
														import camelCase from 'lodash/camelCase'; | 
													
													
												
													
														 | 
														 | 
														import React from 'react'; | 
														 | 
														 | 
														import React from 'react'; | 
													
													
												
											
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														
  | 
														 | 
														 | 
														
  | 
													
													
												
													
														 | 
														 | 
														import { LanguageList } from '@/constants/common'; | 
														 | 
														 | 
														import { LanguageList } from '@/constants/common'; | 
													
													
												
													
														 | 
														 | 
														import { useChangeLanguage } from '@/hooks/logicHooks'; | 
														 | 
														 | 
														import { useChangeLanguage } from '@/hooks/logicHooks'; | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														import { useSelector } from 'umi'; | 
													
													
												
													
														 | 
														 | 
														import styled from './index.less'; | 
														 | 
														 | 
														import styled from './index.less'; | 
													
													
												
													
														 | 
														 | 
														
  | 
														 | 
														 | 
														
  | 
													
													
												
													
														 | 
														 | 
														const Circle = ({ children, ...restProps }: React.PropsWithChildren) => { | 
														 | 
														 | 
														const Circle = ({ children, ...restProps }: React.PropsWithChildren) => { | 
													
													
												
											
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														const RightToolBar = () => { | 
														 | 
														 | 
														const RightToolBar = () => { | 
													
													
												
													
														 | 
														 | 
														  const { t } = useTranslate('common'); | 
														 | 
														 | 
														  const { t } = useTranslate('common'); | 
													
													
												
													
														 | 
														 | 
														  const changeLanguage = useChangeLanguage(); | 
														 | 
														 | 
														  const changeLanguage = useChangeLanguage(); | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														  const { language = '' } = useSelector((state) => state.settingModel.userInfo); | 
													
													
												
													
														 | 
														 | 
														
  | 
														 | 
														 | 
														
  | 
													
													
												
													
														 | 
														 | 
														  const handleItemClick: MenuProps['onClick'] = ({ key }) => { | 
														 | 
														 | 
														  const handleItemClick: MenuProps['onClick'] = ({ key }) => { | 
													
													
												
													
														 | 
														 | 
														    changeLanguage(key); | 
														 | 
														 | 
														    changeLanguage(key); | 
													
													
												
											
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														  return ( | 
														 | 
														 | 
														  return ( | 
													
													
												
													
														 | 
														 | 
														    <div className={styled.toolbarWrapper}> | 
														 | 
														 | 
														    <div className={styled.toolbarWrapper}> | 
													
													
												
													
														 | 
														 | 
														      <Space wrap size={16}> | 
														 | 
														 | 
														      <Space wrap size={16}> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														        <Dropdown menu={{ items, onClick: handleItemClick }} placement="bottom"> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														          <Space className={styled.language}> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														            <b>{t(camelCase(language))}</b> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														            <DownOutlined /> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														          </Space> | 
													
													
												
													
														 | 
														 | 
														 | 
														 | 
														 | 
														        </Dropdown> | 
													
													
												
													
														 | 
														 | 
														        <Circle> | 
														 | 
														 | 
														        <Circle> | 
													
													
												
													
														 | 
														 | 
														          <GithubOutlined onClick={handleGithubCLick} /> | 
														 | 
														 | 
														          <GithubOutlined onClick={handleGithubCLick} /> | 
													
													
												
													
														 | 
														 | 
														        </Circle> | 
														 | 
														 | 
														        </Circle> | 
													
													
												
													
														 | 
														 | 
														        <Dropdown menu={{ items, onClick: handleItemClick }} placement="bottom"> | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														          <Circle> | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														            <TranslationIcon /> | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														          </Circle> | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														        </Dropdown> | 
														 | 
														 | 
														 | 
													
													
												
													
														 | 
														 | 
														        {/* <Circle> | 
														 | 
														 | 
														        {/* <Circle> | 
													
													
												
													
														 | 
														 | 
														          <MonIcon /> | 
														 | 
														 | 
														          <MonIcon /> | 
													
													
												
													
														 | 
														 | 
														        </Circle> */} | 
														 | 
														 | 
														        </Circle> */} |