Compare commits
No commits in common. "69fdaf0ae4bf7b0b51eeb3b696b813f5381f21e0" and "46c083b982072e9309d856bdc7e9f5a229eb1dd1" have entirely different histories.
69fdaf0ae4
...
46c083b982
@ -66,9 +66,7 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon01.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon01.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -81,9 +79,7 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon02.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon02.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -109,9 +105,7 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className="eaves-keraba-ico ">
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon03.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon03.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -37,9 +37,7 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon04.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon04.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -52,9 +50,7 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon09.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon09.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -78,9 +74,7 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className="eaves-keraba-ico ">
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon05.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon05.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -98,9 +92,7 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className="eaves-keraba-ico ">
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon10.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon10.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -23,9 +23,7 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon06.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon06.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -38,9 +36,7 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon07.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon07.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -58,9 +54,7 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
|
||||
</div>
|
||||
<div className="eaves-keraba-td">
|
||||
<div className="eaves-keraba-ico ">
|
||||
<div style={{ width: 30, height: 30, position: 'relative' }}>
|
||||
<Image src="/static/images/canvas/eaves_icon08.svg" alt="react" fill style={{ objectFit: 'contain' }} />
|
||||
</div>
|
||||
<Image src="/static/images/canvas/eaves_icon08.svg" alt="react" width={30} height={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -12,12 +12,11 @@ export default function FlowLine({ FLOW_LINE_REF }) {
|
||||
const { getMessage } = useMessage()
|
||||
const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT)
|
||||
const [filledInput, setFilledInput] = useState('')
|
||||
const [pointerInput, setPointerInput] = useState('100')
|
||||
const currentObject = useRecoilValue(currentObjectState)
|
||||
const handleFocus = () => {
|
||||
if (currentObject === null) {
|
||||
setPointerInput('')
|
||||
setFilledInput('')
|
||||
FLOW_LINE_REF.POINTER_INPUT_REF.current.value = ''
|
||||
FLOW_LINE_REF.FILLED_INPUT_REF.current.value = ''
|
||||
FLOW_LINE_REF.FILLED_INPUT_REF.current.blur()
|
||||
}
|
||||
}
|
||||
@ -36,7 +35,7 @@ export default function FlowLine({ FLOW_LINE_REF }) {
|
||||
<div className="outline-form">
|
||||
<span>{getMessage('modal.movement.flow.line.position')}</span>
|
||||
<div className="input-grid mr5">
|
||||
<input type="text" className="input-origin block" value={pointerInput} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} />
|
||||
<input type="text" className="input-origin block" defaultValue={100} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="moving-tab-content">
|
||||
@ -72,6 +71,7 @@ export default function FlowLine({ FLOW_LINE_REF }) {
|
||||
<input
|
||||
type="text"
|
||||
className="input-origin block"
|
||||
defaultValue={100}
|
||||
ref={FLOW_LINE_REF.FILLED_INPUT_REF}
|
||||
value={filledInput}
|
||||
onFocus={handleFocus}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user