From 84ac6d508fc0007e77275f24d88ceac3d23f11d4 Mon Sep 17 00:00:00 2001
From: ysCha <yscha@interplug.co.kr>
Date: Thu, 26 Mar 2026 10:01:08 +0900
Subject: [PATCH] =?UTF-8?q?=E6=A3=9F=E7=B7=9A=E7=A7=BB=E5=8B=95=E3=83=BB?=
 =?UTF-8?q?=E6=A1=81=E4=B8=8A=E3=81=92=E4=B8=8B=E3=81=92=20=ED=86=A0?=
 =?UTF-8?q?=EA=B8=80=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/movement/MovementSetting.jsx     | 11 ++++++++++-
 .../floor-plan/modal/movement/type/FlowLine.jsx       |  3 ++-
 .../floor-plan/modal/movement/type/Updown.jsx         |  3 ++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/floor-plan/modal/movement/MovementSetting.jsx b/src/components/floor-plan/modal/movement/MovementSetting.jsx
index 46464538..8de192c3 100644
--- a/src/components/floor-plan/modal/movement/MovementSetting.jsx
+++ b/src/components/floor-plan/modal/movement/MovementSetting.jsx
@@ -3,16 +3,22 @@ import WithDraggable from '@/components/common/draggable/WithDraggable'
 import FlowLine from '@/components/floor-plan/modal/movement/type/FlowLine'
 import Updown from '@/components/floor-plan/modal/movement/type/Updown'
 import { useMovementSetting } from '@/hooks/roofcover/useMovementSetting'
+import { useState } from 'react'
+import Image from 'next/image'
 
 export default function MovementSetting({ id, pos = { x: 50, y: 230 } }) {
   const { getMessage } = useMessage()
   const { TYPE, closePopup, buttonType, type, setType, FLOW_LINE_REF, UP_DOWN_REF, handleSave } = useMovementSetting(id)
+  const [useCalcPad, setUseCalcPad] = useState(false)
+  const disableKeypad = !useCalcPad
 
   const flowLineProps = {
     FLOW_LINE_REF,
+    disableKeypad,
   }
   const updownProps = {
     UP_DOWN_REF,
+    disableKeypad,
   }
 
   return (
@@ -30,7 +36,10 @@ export default function MovementSetting({ id, pos = { x: 50, y: 230 } }) {
           {type === TYPE.FLOW_LINE && <FlowLine {...flowLineProps} />}
           {type === TYPE.UP_DOWN && <Updown {...updownProps} />}
         </div>
-        <div className="grid-btn-wrap">
+        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+          <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
+            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
+          </button>
           <button className="btn-frame modal act" onClick={handleSave}>
             {getMessage('modal.common.save')}
           </button>
diff --git a/src/components/floor-plan/modal/movement/type/FlowLine.jsx b/src/components/floor-plan/modal/movement/type/FlowLine.jsx
index d4267a27..0c38638d 100644
--- a/src/components/floor-plan/modal/movement/type/FlowLine.jsx
+++ b/src/components/floor-plan/modal/movement/type/FlowLine.jsx
@@ -9,7 +9,7 @@ const FLOW_LINE_TYPE = {
   UP_RIGHT: 'upRight',
 }
 
-export default function FlowLine({ FLOW_LINE_REF }) {
+export default function FlowLine({ FLOW_LINE_REF, disableKeypad }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT)
   const [filledInput, setFilledInput] = useState('')
@@ -87,6 +87,7 @@ export default function FlowLine({ FLOW_LINE_REF }) {
                 value={filledInput}
                 onFocus={handleFocus}
                 onChange={(value)=>{setFilledInput(value)}}
+                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false
diff --git a/src/components/floor-plan/modal/movement/type/Updown.jsx b/src/components/floor-plan/modal/movement/type/Updown.jsx
index ab88bbbf..a89ce39d 100644
--- a/src/components/floor-plan/modal/movement/type/Updown.jsx
+++ b/src/components/floor-plan/modal/movement/type/Updown.jsx
@@ -10,7 +10,7 @@ const UP_DOWN_TYPE = {
   DOWN: 'down',
 }
 
-export default function Updown({ UP_DOWN_REF }) {
+export default function Updown({ UP_DOWN_REF, disableKeypad }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState(UP_DOWN_TYPE.UP)
   const [filledInput, setFilledInput] = useState('100')
@@ -87,6 +87,7 @@ export default function Updown({ UP_DOWN_REF }) {
                 value={filledInput}
                 onFocus={handleFocus}
                 onChange={(value)=>{setFilledInput(value)}}
+                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false