chore: 修改在 UI 编写时遇到的一些问题

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

@@ -581,3 +581,4 @@ export function waitbox<T>(
 }
 
 export const WaitBoxUI = new GameUI('wait-box', WaitBox);
+export const BackgroundUI = new GameUI('background', Background);

packages-user/client-modules/src/render/ui/controller.ts

@@ -0,0 +1,3 @@
+import { UIController } from '@motajs/system-ui';
+
+export const mainUIController = new UIController('main-ui');

packages-user/client-modules/src/render/ui/index.ts

@@ -1,2 +1,3 @@
+export * from './controller';
 export * from './main';
 export * from './statusBar';

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

@@ -13,7 +13,7 @@ import {
 import { WeatherController } from '../../weather';
 import { defineComponent, onMounted, reactive, ref } from 'vue';
 import { Textbox, Tip } from '../components';
-import { GameUI, UIController } from '@motajs/system-ui';
+import { GameUI } from '@motajs/system-ui';
 import {
     MAIN_HEIGHT,
     MAIN_WIDTH,
@@ -38,6 +38,7 @@ import { LayerGroupFilter } from '../legacy/gameCanvas';
 import { LayerGroupHalo } from '../legacy/halo';
 import { FloorChange } from '../legacy/fallback';
 import { PopText } from '../legacy/pop';
+import { mainUIController } from './controller';
 
 const MainScene = defineComponent(() => {
     const layerGroupExtends: ILayerGroupRenderExtends[] = [
@@ -235,4 +236,3 @@ const MainScene = defineComponent(() => {
 });
 
 export const mainSceneUI = new GameUI('main-scene', MainScene);
-export const mainUIController = new UIController('main-ui');