From af627035cd2ba89daaec83f3697d61e7751a43b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Mon, 26 May 2025 14:44:41 +0900
Subject: [PATCH] =?UTF-8?q?[938]=20:=20[=E3=80=90HANASYS=20DESIGN=E3=80=91?=
 =?UTF-8?q?=20=EB=B3=B5=EB=8F=84=20=EC=9E=85=EB=A0=A5=20=EC=9E=90=EB=A6=BF?=
 =?UTF-8?q?=EC=88=98=20=EC=83=81=ED=96=A5,=20=EC=9E=90=EB=A6=BF=EC=88=98?=
 =?UTF-8?q?=20=ED=95=98=ED=96=A5=EC=97=90=20=EB=8C=80=ED=95=B4=EC=84=9C?=
 =?UTF-8?q?=E3=80=80=E4=BC=8F=E5=9B=B3=E5=85=A5=E5=8A=9B=E3=80=80=E6=A1=81?=
 =?UTF-8?q?=E4=B8=8A=E3=81=92=E3=83=BB=E6=A1=81=E4=B8=8B=E3=81=92=E3=81=AB?=
 =?UTF-8?q?=E3=81=A4=E3=81=84=E3=81=A6]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 다국어 수정 및 퍼블 변경
---
 .../modal/movement/type/FlowLine.jsx          | 94 +++++++++---------
 .../floor-plan/modal/movement/type/Updown.jsx | 95 +++++++++----------
 src/locales/ja.json                           | 12 ++-
 src/locales/ko.json                           |  2 +
 4 files changed, 96 insertions(+), 107 deletions(-)

diff --git a/src/components/floor-plan/modal/movement/type/FlowLine.jsx b/src/components/floor-plan/modal/movement/type/FlowLine.jsx
index 3c23a30a..337ec50b 100644
--- a/src/components/floor-plan/modal/movement/type/FlowLine.jsx
+++ b/src/components/floor-plan/modal/movement/type/FlowLine.jsx
@@ -32,61 +32,53 @@ export default function FlowLine({ FLOW_LINE_REF }) {
     <>
       <div className="outline-wrap">
         <div className="guide">{getMessage('modal.movement.flow.line.info')}</div>
-        <div className="eaves-keraba-table">
-          <div className="eaves-keraba-item">
-            <div className="eaves-keraba-th">
-              <div className="d-check-radio pop">
-                <input
-                  type="radio"
-                  name="radio01"
-                  id="ra01"
-                  defaultChecked={true}
-                  ref={FLOW_LINE_REF.DOWN_LEFT_RADIO_REF}
-                  onChange={() => {
-                    setType(FLOW_LINE_TYPE.DOWN_LEFT)
-                  }}
-                />
-                <label htmlFor="ra01">{getMessage('modal.movement.flow.line.bottom.left')}</label>
-              </div>
+        <div className="outline-form">
+          <span>{getMessage('modal.movement.flow.line.position')}</span>
+          <div className="input-grid mr5">
+            <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">
+          <div className="moving-tab-radio-wrap">
+            <div className="d-check-radio pop">
+              <input
+                type="radio"
+                name="radio01"
+                id="ra01"
+                ref={FLOW_LINE_REF.DOWN_LEFT_RADIO_REF}
+                onChange={() => {
+                  setType(FLOW_LINE_TYPE.DOWN_LEFT)
+                }}
+              />
+              <label htmlFor="ra01">{getMessage('modal.movement.flow.line.bottom.left')}</label>
             </div>
-            <div className="eaves-keraba-td">
-              <div className="outline-form">
-                <div className="input-grid mr5" style={{ width: '100px' }}>
-                  {<input type="text" className="input-origin block" readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} />}
-                </div>
-              </div>
+            <div className="d-check-radio pop">
+              <input
+                type="radio"
+                name="radio01"
+                id="ra02"
+                ref={FLOW_LINE_REF.UP_RIGHT_RADIO_REF}
+                onChange={() => {
+                  setType(FLOW_LINE_TYPE.UP_RIGHT)
+                }}
+              />
+              <label htmlFor="ra02">{getMessage('modal.movement.flow.line.top.right')}</label>
             </div>
           </div>
-          <div className="eaves-keraba-item">
-            <div className="eaves-keraba-th">
-              <div className="d-check-radio pop">
-                <input
-                  type="radio"
-                  name="radio01"
-                  id="ra02"
-                  ref={FLOW_LINE_REF.UP_RIGHT_RADIO_REF}
-                  onChange={() => {
-                    setType(FLOW_LINE_TYPE.UP_RIGHT)
-                  }}
-                />
-                <label htmlFor="ra02">{getMessage('modal.movement.flow.line.top.right')}</label>
-              </div>
-            </div>
-            <div className="eaves-keraba-td">
-              <div className="outline-form">
-                <div className="input-grid mr5" style={{ width: '100px' }}>
-                  <input
-                    type="text"
-                    className="input-origin block"
-                    ref={FLOW_LINE_REF.FILLED_INPUT_REF}
-                    value={filledInput}
-                    onFocus={handleFocus}
-                    onChange={handleInput}
-                  />
-                </div>
-                <span className="thin">mm</span>
-              </div>
+          <div className="outline-form">
+            <span>{getMessage('modal.movement.flow.line.movement')}</span>
+            <div className="input-grid mr5">
+              <input
+                type="text"
+                className="input-origin block"
+                defaultValue={100}
+                ref={FLOW_LINE_REF.FILLED_INPUT_REF}
+                value={filledInput}
+                onFocus={handleFocus}
+                onChange={handleInput}
+              />
             </div>
+            <span className="thin">mm</span>
           </div>
         </div>
       </div>
diff --git a/src/components/floor-plan/modal/movement/type/Updown.jsx b/src/components/floor-plan/modal/movement/type/Updown.jsx
index 786c7017..356bb29a 100644
--- a/src/components/floor-plan/modal/movement/type/Updown.jsx
+++ b/src/components/floor-plan/modal/movement/type/Updown.jsx
@@ -29,61 +29,54 @@ export default function Updown({ UP_DOWN_REF }) {
     <>
       <div className="outline-wrap">
         <div className="guide">{getMessage('modal.movement.flow.line.updown.info')}</div>
-        <div className="eaves-keraba-table">
-          <div className="eaves-keraba-item">
-            <div className="eaves-keraba-th">
-              <div className="d-check-radio pop">
-                <input
-                  type="radio"
-                  name="radio01"
-                  id="ra01"
-                  ref={UP_DOWN_REF.UP_RADIO_REF}
-                  defaultChecked={true}
-                  onChange={() => {
-                    setType(UP_DOWN_TYPE.UP)
-                  }}
-                />
-                <label htmlFor="ra01">{getMessage('modal.movement.flow.line.updown.up')}</label>
-              </div>
+        <div className="outline-form">
+          <span>{getMessage('modal.movement.flow.line.position')}</span>
+          <div className="input-grid mr5">
+            <input type="text" className="input-origin block" defaultValue={100} readOnly={true} ref={UP_DOWN_REF.POINTER_INPUT_REF} />
+          </div>
+        </div>
+        <div className="moving-tab-content">
+          <div className="moving-tab-radio-wrap">
+            <div className="d-check-radio pop">
+              <input
+                type="radio"
+                name="radio01"
+                id="ra01"
+                ref={UP_DOWN_REF.UP_RADIO_REF}
+                defaultChecked={true}
+                onChange={() => {
+                  setType(UP_DOWN_TYPE.UP)
+                }}
+              />
+              <label htmlFor="ra01">{getMessage('modal.movement.flow.line.updown.up')}</label>
             </div>
-            <div className="eaves-keraba-td">
-              <div className="outline-form">
-                <div className="input-grid mr5" style={{ width: '100px' }}>
-                  {<input type="text" className="input-origin block" readOnly={true} ref={UP_DOWN_REF.POINTER_INPUT_REF} />}
-                </div>
-              </div>
+            <div className="d-check-radio pop">
+              <input
+                type="radio"
+                name="radio01"
+                id="ra02"
+                ref={UP_DOWN_REF.DOWN_RADIO_REF}
+                onChange={() => {
+                  setType(UP_DOWN_TYPE.DOWN)
+                }}
+              />
+              <label htmlFor="ra02">{getMessage('modal.movement.flow.line.updown.down')}</label>
             </div>
           </div>
-          <div className="eaves-keraba-item">
-            <div className="eaves-keraba-th">
-              <div className="d-check-radio pop">
-                <input
-                  type="radio"
-                  name="radio01"
-                  id="ra02"
-                  ref={UP_DOWN_REF.DOWN_RADIO_REF}
-                  onChange={() => {
-                    setType(UP_DOWN_TYPE.DOWN)
-                  }}
-                />
-                <label htmlFor="ra02">{getMessage('modal.movement.flow.line.updown.down')}</label>
-              </div>
-            </div>
-            <div className="eaves-keraba-td">
-              <div className="outline-form">
-                <div className="input-grid mr5" style={{ width: '100px' }}>
-                  <input
-                    type="text"
-                    className="input-origin block"
-                    ref={UP_DOWN_REF.FILLED_INPUT_REF}
-                    value={filledInput}
-                    onFocus={handleFocus}
-                    onChange={handleInput}
-                  />
-                </div>
-                <span className="thin">mm</span>
-              </div>
+          <div className="outline-form">
+            <span>{getMessage('modal.movement.flow.line.movement')}</span>
+            <div className="input-grid mr5">
+              <input
+                type="text"
+                className="input-origin block"
+                defaultValue={100}
+                ref={UP_DOWN_REF.FILLED_INPUT_REF}
+                value={filledInput}
+                onFocus={handleFocus}
+                onChange={handleInput}
+              />
             </div>
+            <span className="thin">mm</span>
           </div>
         </div>
       </div>
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 4ba19494..00599068 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -43,14 +43,16 @@
   "plan.menu.roof.cover.roof.shape.setting": "屋根形状の設定",
   "plan.menu.roof.cover.roof.shape.passivity.setting": "屋根形状の手動設定",
   "plan.menu.roof.cover.eaves.kerava.edit": "軒・ケラバ変更",
-  "plan.menu.roof.cover.movement.shape.updown": "軒線移動・桁上げ下り",
-  "modal.movement.flow.line.move": "軒線の移動",
+  "plan.menu.roof.cover.movement.shape.updown": "棟線移動・桁上げ下げ",
+  "modal.movement.flow.line.move": "棟線移動",
   "modal.movement.flow.line.move.alert": "移動する数ない。",
-  "modal.movement.flow.line.updown": "桁上げ・下り",
-  "modal.movement.flow.line.updown.info": "桁の異なる辺を選択し、幅を指定します。",
+  "modal.movement.flow.line.updown": "桁上げ・下げ",
+  "modal.movement.flow.line.updown.info": "桁高の違う辺を選択し、 幅を指定してください",
   "modal.movement.flow.line.updown.up": "桁を上げる",
   "modal.movement.flow.line.updown.down": "桁数を下げる",
-  "modal.movement.flow.line.info": "軒線を選択して移動幅を指定します",
+  "modal.movement.flow.line.info": "棟線を選択し、 移動幅を指定してください。",
+  "modal.movement.flow.line.position": "位置値",
+  "modal.movement.flow.line.movement": "動き値",
   "modal.movement.flow.line.bottom.left": "高さ変更：下、左",
   "modal.movement.flow.line.top.right": "高さ変更：上、右",
   "plan.menu.roof.cover.outline.edit.offset": "外壁の編集とオフセット",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 0d2ecc83..efcabd1c 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -51,6 +51,8 @@
   "modal.movement.flow.line.updown.up": "자릿수를 올리다",
   "modal.movement.flow.line.updown.down": "자릿수를 낮추다",
   "modal.movement.flow.line.info": "동선을 선택하고 이동 폭을 지정하십시오",
+  "modal.movement.flow.line.position": "위치값",
+  "modal.movement.flow.line.movement": "이동 수치",
   "modal.movement.flow.line.bottom.left": "높이변경 : 아래, 왼쪽",
   "modal.movement.flow.line.top.right": "높이변경 : 위, 오른쪽",
   "plan.menu.roof.cover.outline.edit.offset": "외벽선 편집 및 오프셋",