From f3d2a49ec50481237b2e56baac30757bee9e1cab Mon Sep 17 00:00:00 2001
From: lizw-2015 <1183409807@qq.com>
Date: Mon, 9 Jun 2025 18:23:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(editor):=20=E4=BC=98=E5=8C=96=20BayEdi?=
 =?UTF-8?q?tor=20=E7=BB=84=E4=BB=B6=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整 bay-info 和 bay-empty 的布局结构
- 添加 bay-empty 样式，用于显示空状态提示
- 优化 level heights部分的样式
---
 src/editor/propEditors/BayEditor.vue | 55 +++++++++++++++++++++---------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/editor/propEditors/BayEditor.vue b/src/editor/propEditors/BayEditor.vue
index f326cf0..c84b50a 100644
--- a/src/editor/propEditors/BayEditor.vue
+++ b/src/editor/propEditors/BayEditor.vue
@@ -152,28 +152,29 @@ export type {
                     </div>
                 </div>
             </div>
-            <div class="flex-item-fill flex-column-container bay-editor-bay-info">
-                <template v-if="selectDay">
-                    <div class="flex-item-fixed">
-                        <ElFormItem label="Bay Width" :labelWidth="80">
-                            <ElInputNumber :controls="false" :modelValue="selectDay.bayWidth"/>
-                        </ElFormItem>
-                        <div style="height: 8px;"/>
-                        <ElFormItem label="Bay Offset" :labelWidth="80">
-                            <ElInputNumber :controls="false" :modelValue="selectDay.offset"/>
-                        </ElFormItem>
-                    </div>
-                    <div>Level Heights</div>
-                    <div class="flex-item-fill bay-editor-bay-info-level-height">
-                        <ElFormItem
-                            v-for="(levelHeight, idx) in selectDay.levelHeight"
-                            :label="`Level ${idx+1}`"
-                            :labelWidth="64"
-                        >
-                            <ElInputNumber :controls="false" :modelValue="levelHeight"/>
-                        </ElFormItem>
-                    </div>
-                </template>
+            <div v-if="selectDay" class="flex-item-fill flex-column-container bay-editor-bay-info">
+                <div class="flex-item-fixed">
+                    <ElFormItem label="Bay Width" :labelWidth="80">
+                        <ElInputNumber :controls="false" :modelValue="selectDay.bayWidth"/>
+                    </ElFormItem>
+                    <div style="height: 8px;"/>
+                    <ElFormItem label="Bay Offset" :labelWidth="80">
+                        <ElInputNumber :controls="false" :modelValue="selectDay.offset"/>
+                    </ElFormItem>
+                </div>
+                <div>Level Heights</div>
+                <div class="flex-item-fill bay-editor-bay-info-level-height">
+                    <ElFormItem
+                        v-for="(levelHeight, idx) in selectDay.levelHeight"
+                        :label="`Level ${idx+1}`"
+                        :labelWidth="64"
+                    >
+                        <ElInputNumber :controls="false" :modelValue="levelHeight"/>
+                    </ElFormItem>
+                </div>
+            </div>
+            <div v-else class="flex-item-fill bay-editor-bay-empty">
+                Select One Bay
             </div>
         </div>
     </div>
@@ -299,4 +300,14 @@ export type {
 .bay-editor-bay-info-level-height :deep(input[type=number].el-input__inner) {
     text-align: left;
 }
+
+.bay-editor-bay-empty {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #595959;
+    background: #f5f5f5;
+    margin-left: 8px;
+}
 </style>