From 44c66e71f552baa983b6cd50392249cd6e7e9896 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 04 三月 2024 12:45:27 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/locales/en-US/map.ts | 10 +++++++++-
zy-asrs-flow/src/pages/map/index.jsx | 24 ++++++++++++++++++------
2 files changed, 27 insertions(+), 7 deletions(-)
diff --git a/zy-asrs-flow/src/locales/en-US/map.ts b/zy-asrs-flow/src/locales/en-US/map.ts
index dd8d415..c675f48 100644
--- a/zy-asrs-flow/src/locales/en-US/map.ts
+++ b/zy-asrs-flow/src/locales/en-US/map.ts
@@ -1,3 +1,11 @@
export default {
- 'map.edit': 'Edit Map',
+ 'map.edit': 'Edit Model',
+ 'map.edit.close': 'Exit Edit',
+ '': '',
+ '': '',
+ '': '',
+ '': '',
+ '': '',
+ '': '',
+ '': '',
}
\ No newline at end of file
diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx
index 0affcf4..d4a899d 100644
--- a/zy-asrs-flow/src/pages/map/index.jsx
+++ b/zy-asrs-flow/src/pages/map/index.jsx
@@ -50,8 +50,9 @@
width: window.innerWidth,
height: window.innerHeight,
});
- const [app, setApp] = React.useState(null)
- const [mapContainer, setMapContainer] = React.useState(null)
+ const [app, setApp] = React.useState(null);
+ const [mapContainer, setMapContainer] = React.useState(null);
+ const [mapEditModel, setMapEditModel] = React.useState(false);
React.useEffect(() => {
const player = new Player(mapRef.current, styles.dark);
@@ -77,9 +78,14 @@
const height = contentRef.current.offsetHeight;
app.renderer.resize(width, height);
}, [app, mapContainer, windowSize])
-
- const editHandle = () => {
- }
+
+ React.useEffect(() => {
+ if (!mapContainer) {
+ return;
+ }
+
+ console.log(mapEditModel);
+ }, [mapEditModel]);
const onDrop = (sprite, x, y) => {
const { mapX, mapY } = Utils.getRealPosition(x, y, mapContainer);
@@ -96,7 +102,12 @@
<Col span={8} style={{}}></Col>
<Col span={16} style={{ backgroundColor: '#3C40C6', }}>
<Flex className={styles.flex} gap={'large'} justify={'flex-end'} align={'center'}>
- <Button onClick={editHandle} size={'large'}><FormattedMessage id='map.edit' defaultMessage='缂栬緫鍦板浘' /></Button>
+ <Button onClick={() => setMapEditModel(!mapEditModel)} size={'large'}>
+ {!mapEditModel
+ ? <FormattedMessage id='map.edit' defaultMessage='缂栬緫鍦板浘' />
+ : <span style={{ color: 'red', fontWeight: 'bold' }}><FormattedMessage id='map.edit.close' defaultMessage='閫�鍑虹紪杈�' /></span>
+ }
+ </Button>
</Flex>
</Col>
</Row>
@@ -118,6 +129,7 @@
</FloatButton.Group>
<FloatButton.Group
+ hidden={!mapEditModel}
trigger="hover"
style={{
right: 35,
--
Gitblit v1.9.1