update MobileKeyboardZoneToKeyMapping to MobileKeyboardBtns

Author: hwcctn

docs/develop/share/module_MobileKeyboard.ts

@@ -1,12 +1,12 @@
 import { dispatchKeyToEvent } from "./module_ProjectAPIs";
 import type {
-  MobileKeyboardZoneToKeyMapping,
+  MobileKeyboardBtns,
   MobileKeyboardType,
 } from "./module_ProjectAPIs";
 
 export type KeyboardConfig = {
   type: MobileKeyboardType;
-  mapping: MobileKeyboardZoneToKeyMapping;
+  btns: MobileKeyboardBtns;
 };
 export type UI = any;
 
@@ -16,10 +16,10 @@ export declare function useModal<T>(
 
 export declare function KeyboardEditor(
   props: {
-    zoneToKeyMapping: MobileKeyboardZoneToKeyMapping;
+    mobileKeyboardBtns: MobileKeyboardBtns;
   },
   emits: {
-    resolved: (result: MobileKeyboardZoneToKeyMapping) => void;
+    resolved: (result: MobileKeyboardBtns) => void;
   }
 ): UI;
 
@@ -31,7 +31,6 @@ export declare function KeyboardEditor(
  *
  * ## Props:
  * - `ZoneToKeyMapping`: keyboard zone to key mapping configuration
- * - `systemKeyConfig`: Optional array to customize system keys.If omitted, no system keys will be rendered.
  *
  * ## Slots:
  * - `gameView`: Should contain ProjectRunner component
@@ -52,34 +51,13 @@ export declare function KeyboardEditor(
 
 export declare function MobileKeyboardView(
   props: {
-    zoneToKeyMapping: MobileKeyboardZoneToKeyMapping;
+    mobileKeyboardBtns: MobileKeyboardBtns;
   },
   emits: {
     close: [];
     rerun: [];
   }
 ): UI;
-//  {
-//   const zones = Object.keys(ZoneToKeyMapping);
-//   const zoneToKey = ZoneToKeyMapping;
-//   const handleKeyEvent = (type: string, key: string, code: string) => {
-//     dispatchKeyToEvent(type, code);
-//   };
-
-//   return `
-//     <div className="phone-layout">
-//       <slot name="gameView">
-//       </slot>
-//       <div className="keyboard-zones">
-//         ${keyButtons}
-//       </div>
-//       <div className="systemA" @click="emit('rerun')">
-//       </div>
-//       <div className="systemB" @click="emit('close')">
-//       </div>
-//     </div>
-//   `;
-// }
 
 //  key UI in Keyboard. provide to MobileKeyboardView and MobileKeyboardEidt
 // active is used to indicate whether a button has functionality（onKeyEvent）.

docs/develop/share/module_ProjectAPIs.ts

@@ -12,7 +12,7 @@ export type KeyBtn = {
   /** The vertical coordinate of the left top corner of the key (pixels). */
   posY: number;
 };
-export type MobileKeyboardZoneToKeyMapping = KeyBtn[];
+export type MobileKeyboardBtns = KeyBtn[];
 /**
  * Mobile keyboard type
  * - NoKeyboard: No keyboard
@@ -63,7 +63,7 @@ export type ProjectData = {
   /** Mobile keyboard type */
   mobileKeyboardType: MobileKeyboardType;
   /** Zone to key mapping for mobile keyboard */
-  mobileKeyboardZoneToKey?: MobileKeyboardZoneToKeyMapping;
+  mobileKeyboardBtns?: MobileKeyboardBtns;
 };
 
 /**
@@ -81,7 +81,7 @@ export type AddProjectParams = {
   /** Mobile keyboard type */
   mobileKeyboardType: MobileKeyboardType;
   /** Zone to key mapping for mobile keyboard */
-  mobileKeyboardZoneToKey?: MobileKeyboardZoneToKeyMapping;
+  mobileKeyboardBtns?: MobileKeyboardBtns;
 };
 
 /**
@@ -97,7 +97,7 @@ export type AddProjectByRemixParams = {
   /** Mobile keyboard type */
   mobileKeyboardType: MobileKeyboardType;
   /** Zone to key mapping for mobile keyboard */
-  mobileKeyboardZoneToKey?: MobileKeyboardZoneToKeyMapping;
+  mobileKeyboardBtns?: MobileKeyboardBtns;
 };
 
 /**
@@ -117,7 +117,7 @@ export type UpdateProjectParams = {
   /** Mobile keyboard type */
   mobileKeyboardType?: MobileKeyboardType;
   /** Zone to key mapping for mobile keyboard */
-  mobileKeyboardZoneToKey?: MobileKeyboardZoneToKeyMapping;
+  mobileKeyboardBtns?: MobileKeyboardBtns;
 };
 
 /**