chore: 删除 game-draw 中的其他内容，只保留 render-main

packages-user/client-modules/src/render/components/input.tsx

@@ -155,7 +155,7 @@ export const Input = defineComponent<InputProps, InputEmits, keyof InputEmits>(
                 now = now.parent;
             }
 
-            // 应用内边距偏移.
+            // 应用内边距偏移
             const { clientLeft, clientTop } = canvas;
             const trans = new Transform();
             trans.translate(clientLeft, clientTop);

packages-user/client-modules/src/render/shared.ts

@@ -2,18 +2,20 @@
 export const MAP_BLOCK_WIDTH = 15;
 export const MAP_BLOCK_HEIGHT = 15;
 
-// 状态栏像素宽高
-export const STATUS_BAR_WIDTH = 180;
-export const STATUS_BAR_HEIGHT = 32 * MAP_BLOCK_HEIGHT;
-
-// 是否启用右侧状态栏
-export const ENABLE_RIGHT_STATUS_BAR = true;
-export const STATUS_BAR_COUNT = ENABLE_RIGHT_STATUS_BAR ? 2 : 1;
-
 // 地图像素宽高
 export const MAP_WIDTH = 32 * MAP_BLOCK_WIDTH;
 export const MAP_HEIGHT = 32 * MAP_BLOCK_HEIGHT;
 
+// 状态栏像素宽高
+export const STATUS_BAR_WIDTH = 180;
+export const STATUS_BAR_HEIGHT = 32 * MAP_BLOCK_HEIGHT;
+// 右侧状态栏的横坐标
+export const RIGHT_STATUS_POS = STATUS_BAR_WIDTH + MAP_WIDTH;
+
+// 是否启用右侧状态栏
+export const ENABLE_RIGHT_STATUS_BAR = true;
+export const STATUS_BAR_COUNT = ENABLE_RIGHT_STATUS_BAR ? 2 : 1;
+
 // 游戏画面像素宽高，宽=地图宽度+状态栏宽度*状态栏数量
 export const MAIN_WIDTH = MAP_WIDTH + STATUS_BAR_WIDTH * STATUS_BAR_COUNT;
 export const MAIN_HEIGHT = MAP_HEIGHT;

packages-user/client-modules/src/render/ui/main.tsx

@@ -19,8 +19,12 @@ import {
 import { Textbox, Tip } from '../components';
 import { GameUI } from '@motajs/system-ui';
 import {
+    ENABLE_RIGHT_STATUS_BAR,
     MAIN_HEIGHT,
     MAIN_WIDTH,
+    MAP_HEIGHT,
+    MAP_WIDTH,
+    RIGHT_STATUS_POS,
     STATUS_BAR_HEIGHT,
     STATUS_BAR_WIDTH
 } from '../shared';
@@ -71,7 +75,7 @@ const MainScene = defineComponent(() => {
     const mainTextboxProps: Props<typeof Textbox> = {
         text: '',
         hidden: true,
-        loc: [0, 330, 480, 150],
+        loc: [0, MAP_HEIGHT - 150, MAIN_WIDTH, 150],
         zIndex: 30,
         fillStyle: '#fff',
         titleFill: 'gold',
@@ -80,7 +84,7 @@ const MainScene = defineComponent(() => {
         winskin: 'winskin2.png',
         interval: 100,
         lineHeight: 4,
-        width: 480
+        width: MAP_WIDTH
     };
 
     const map = shallowRef<LayerGroup>();
@@ -267,10 +271,13 @@ const MainScene = defineComponent(() => {
                 status={leftStatus}
                 hidden={hideStatus.value}
             ></LeftStatusBar>
-            <g-line line={[180, 0, 180, 480]} lineWidth={1} />
+            <g-line
+                line={[STATUS_BAR_WIDTH, 0, STATUS_BAR_WIDTH, MAIN_HEIGHT]}
+                lineWidth={1}
+            />
             <container
                 id="map-draw"
-                loc={[180, 0, 480, 480]}
+                loc={[STATUS_BAR_WIDTH, 0, MAP_WIDTH, MAP_HEIGHT]}
                 zIndex={10}
                 onClick={clickMap}
                 onDown={downMap}
@@ -295,17 +302,20 @@ const MainScene = defineComponent(() => {
                 />
                 <sprite
                     noevent
-                    loc={[0, 0, 480, 480]}
+                    loc={[0, 0, MAP_WIDTH, MAP_HEIGHT]}
                     ref={mapMiscSprite}
                     zIndex={170}
                     render={renderMapMisc}
                 />
             </container>
-            <g-line line={[180 + 480, 0, 180 + 480, 480]} lineWidth={1} />
+            <g-line
+                line={[RIGHT_STATUS_POS, 0, RIGHT_STATUS_POS, MAP_HEIGHT]}
+                lineWidth={1}
+            />
             <RightStatusBar
-                loc={[480 + 180, 0, STATUS_BAR_WIDTH, STATUS_BAR_HEIGHT]}
+                loc={[RIGHT_STATUS_POS, 0, STATUS_BAR_WIDTH, STATUS_BAR_HEIGHT]}
                 status={rightStatus}
-                hidden={hideStatus.value}
+                hidden={hideStatus.value && ENABLE_RIGHT_STATUS_BAR}
             ></RightStatusBar>
             <container
                 loc={[0, 0, MAIN_WIDTH, MAIN_HEIGHT]}
@@ -322,12 +332,17 @@ const MainScene = defineComponent(() => {
                 noevent
             ></g-rect>
             <g-line
-                line={[180, 0, 480 + 180, 0]}
+                line={[STATUS_BAR_WIDTH, 0, RIGHT_STATUS_POS, 0]}
                 hidden={!hideStatus.value}
                 zIndex={100}
             />
             <g-line
-                line={[180, 480, 480 + 180, 480]}
+                line={[
+                    STATUS_BAR_WIDTH,
+                    MAP_HEIGHT,
+                    RIGHT_STATUS_POS,
+                    MAP_HEIGHT
+                ]}
                 hidden={!hideStatus.value}
                 zIndex={100}
             />