From 60cb86910e8db79e8a3ffa18cd074ce6f1ddd813 Mon Sep 17 00:00:00 2001
From: ysCha <yscha@interplug.co.kr>
Date: Mon, 4 May 2026 14:15:20 +0900
Subject: [PATCH] =?UTF-8?q?=E8=A3=9C=E5=8A=A9=E7=B7=9A=E3=82=B5=E3=82=A4?=
 =?UTF-8?q?=E3=82=BA=E5=A4=89=E6=9B=B4/=E7=A7=BB=E5=8B=95/=E3=82=B3?=
 =?UTF-8?q?=E3=83=94=E3=83=BC=20=EB=AA=A8=EB=8B=AC=EC=97=90=20=EA=B3=84?=
 =?UTF-8?q?=EC=82=B0=EA=B8=B0=ED=8C=A8=EB=93=9C=20=ED=86=A0=EA=B8=80=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/auxiliary/AuxiliaryEdit.jsx       | 10 +++++++++-
 .../floor-plan/modal/auxiliary/AuxiliarySize.jsx       | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliaryEdit.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliaryEdit.jsx
index d7696a84..9648ef2e 100644
--- a/src/components/floor-plan/modal/auxiliary/AuxiliaryEdit.jsx
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliaryEdit.jsx
@@ -4,6 +4,7 @@ import { usePopup } from '@/hooks/usePopup'
 import { useRecoilValue } from 'recoil'
 import { contextPopupPositionState } from '@/store/popupAtom'
 import { useState } from 'react'
+import Image from 'next/image'
 import { currentObjectState } from '@/store/canvasAtom'
 import { useAuxiliaryDrawing } from '@/hooks/roofcover/useAuxiliaryDrawing'
 import { useSwal } from '@/hooks/useSwal'
@@ -22,6 +23,8 @@ export default function AuxiliaryEdit(props) {
   const [arrow2, setArrow2] = useState(null)
   const currentObject = useRecoilValue(currentObjectState)
   const { swalFire } = useSwal()
+  const [useCalcPad, setUseCalcPad] = useState(false)
+  const disableKeypad = !useCalcPad
   const handleSave = () => {
     if ((!arrow1 && !arrow2) || (+verticalSize === 0 && +horizonSize === 0)) {
       swalFire({ title: getMessage('length.direction.is.required'), type: 'alert' })
@@ -75,6 +78,7 @@ export default function AuxiliaryEdit(props) {
                     className="input-origin block"
                     value={verticalSize}
                     onChange={(value) => setVerticalSize(value)}
+                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false
@@ -109,6 +113,7 @@ export default function AuxiliaryEdit(props) {
                     className="input-origin block"
                     value={horizonSize}
                     onChange={(value) => setHorizonSize(value)}
+                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false
@@ -136,7 +141,10 @@ export default function AuxiliaryEdit(props) {
             </div>
           </div>
         </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' }} 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/auxiliary/AuxiliarySize.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
index 6b0abda1..f73cc038 100644
--- a/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
@@ -5,6 +5,7 @@ import { useRecoilValue } from 'recoil'
 import { contextPopupPositionState } from '@/store/popupAtom'
 import { canvasState, currentObjectState } from '@/store/canvasAtom'
 import { useEffect, useState } from 'react'
+import Image from 'next/image'
 import Big from 'big.js'
 import { calcLineActualSize, calcLinePlaneSize } from '@/util/qpolygon-utils'
 import { normalizeDigits } from '@/util/input-utils'
@@ -21,6 +22,8 @@ export default function AuxiliarySize(props) {
   const { closePopup } = usePopup()
   const currentObject = useRecoilValue(currentObjectState)
   const canvas = useRecoilValue(canvasState)
+  const [useCalcPad, setUseCalcPad] = useState(false)
+  const disableKeypad = !useCalcPad
 
 
   useEffect(() => {
@@ -141,6 +144,7 @@ export default function AuxiliarySize(props) {
                 value={value1}
                 onChange={handleInput}
                 readOnly={checkedRadio !== 1}
+                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false
@@ -173,6 +177,7 @@ export default function AuxiliarySize(props) {
                 value={value2}
                 onChange={handleInput}
                 readOnly={checkedRadio !== 2}
+                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false
@@ -182,7 +187,10 @@ export default function AuxiliarySize(props) {
             <span className="thin">mm</span>
           </div>
         </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' }} 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>