|  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | 'map.edit': 'Edit Model', | 
|---|
|  |  |  | 'map.edit.close': 'Exit Edit', | 
|---|
|  |  |  | '': '', | 
|---|
|  |  |  | 'map.device.add': 'Add New Device', | 
|---|
|  |  |  | '': '', | 
|---|
|  |  |  | '': '', | 
|---|
|  |  |  | '': '', | 
|---|
|  |  |  | 
|---|
|  |  |  | <Flex className={styles.flex} gap={'large'} justify={'flex-end'} align={'center'}> | 
|---|
|  |  |  | <Button onClick={() => setMapEditModel(!mapEditModel)} size={'large'}> | 
|---|
|  |  |  | {!mapEditModel | 
|---|
|  |  |  | ? <FormattedMessage id='map.edit' defaultMessage='编辑地图' /> | 
|---|
|  |  |  | ? <span style={{ fontWeight: 'bold' }}><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></span> | 
|---|
|  |  |  | : <span style={{ color: 'red', fontWeight: 'bold' }}><FormattedMessage id='map.edit.close' defaultMessage='退出编辑' /></span> | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | 
|---|
|  |  |  | icon={<AppstoreAddOutlined />} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <FloatButton | 
|---|
|  |  |  | tooltip={<div><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></div>} | 
|---|
|  |  |  | tooltip={<div><FormattedMessage id='map.device.add' defaultMessage='添加设备' /></div>} | 
|---|
|  |  |  | icon={<FileAddOutlined />} | 
|---|
|  |  |  | onClick={() => { | 
|---|
|  |  |  | setDeviceVisible(true); | 
|---|