gaesup-world 0.0.761 → 0.0.762

package/dist/gaesup/tools/gameboy/GameBoyButton.d.ts

@@ -4,6 +4,6 @@ export type gameBoyButtonType = {
     tag: "up" | "down" | "left" | "right";
     value: string;
     icon: JSX.Element;
-    gameboyButtonStyle: VECssType;
+    gameboyButtonStyle: Partial<VECssType>;
 };
 export default function GameBoyButton({ tag, value, icon, gameboyButtonStyle, }: gameBoyButtonType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/gameboy/type.d.ts

@@ -1,4 +1,4 @@
 import { VECssType } from "../type";
 export type gameboyType = {
-    [key in "gameboyStyle" | "gameboyButtonStyle"]?: VECssType;
+    [key in "gameboyStyle" | "gameboyButtonStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/gamepad/GamePadButton.d.ts

@@ -2,5 +2,5 @@ import { VECssType } from "../type.js";
 export default function GamePadButton({ value, name, gamepadButtonStyle, }: {
     value: string;
     name: string;
-    gamepadButtonStyle: VECssType;
+    gamepadButtonStyle: Partial<VECssType>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/gamepad/type.d.ts

@@ -2,5 +2,5 @@ import { VECssType } from "../type";
 export type gamepadType = {
     label?: Record<string, string>;
 } & {
-    [key in "gamepadButtonStyle" | "gamepadGridStyle" | "gamepadInnerStyle" | "gamepadStyle"]?: VECssType;
+    [key in "gamepadButtonStyle" | "gamepadGridStyle" | "gamepadInnerStyle" | "gamepadStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/joystick/index.js

@@ -98,10 +98,11 @@ export function JoyStick(props) {
         var normY = Math.pow((joyStickOrigin.y - Y), 2);
         var currentRadius = Math.sqrt(normX + normY);
         var originRadius = Math.sqrt(Math.pow((width / 2), 2) + Math.pow((height / 2), 2));
+        var newAngle = Math.atan2(Y - (bottom - height / 2), X - (left + width / 2));
         setOrigin({
             x: left + width / 2,
             y: bottom - height / 2,
-            angle: Math.atan2(Y - (bottom - height / 2), X - (left + width / 2)),
+            angle: newAngle,
             currentRadius: currentRadius,
             originRadius: originRadius,
             isIn: currentRadius > originRadius / 2,

package/dist/gaesup/tools/joystick/type.d.ts

@@ -19,5 +19,5 @@ export type joyStickInnerType = {
     joyStickOrigin?: joyStickOriginType;
 };
 export type joyStickType = {
-    [key in "joyStickBallStyle" | "joyStickStyle" | "joyBallStyle"]?: VECssType;
+    [key in "joyStickBallStyle" | "joyStickStyle" | "joyBallStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/keyBoardToolTip/index.js

@@ -18,16 +18,17 @@ import { KeyBoardAll } from "./constant";
 import * as style from "./style.css";
 export function KeyBoardToolTip(props) {
     var worldContext = useContext(GaesupWorldContext);
-    var keyBoardMap = props.keyBoardMap, keyBoardToolTipInnerStyle = props.keyBoardToolTipInnerStyle, keyCapStyle = props.keyCapStyle;
+    var keyBoardMap = props.keyBoardMap, keyBoardToolTipInnerStyle = props.keyBoardToolTipInnerStyle, selectedKeyCapStyle = props.selectedKeyCapStyle, notSelectedkeyCapStyle = props.notSelectedkeyCapStyle, keyCapStyle = props.keyCapStyle, label = props.label;
     var animations = worldContext.animations, mode = worldContext.mode;
     var keyArray = Object.entries(KeyBoardAll).reduce(function (keyArray, cur) {
         var key = cur[0], value = cur[1];
         var gridRow = value.gridRow, gridColumn = value.gridColumn, name = value.name;
+        var labeledName = (label === null || label === void 0 ? void 0 : label[name]) || name;
         var keyBoardItem = {
             code: value.code || key,
             gridRow: gridRow,
             gridColumn: gridColumn,
-            name: name,
+            name: labeledName,
         };
         keyArray.push(keyBoardItem);
         return keyArray;
@@ -41,12 +42,15 @@ export function KeyBoardToolTip(props) {
     return (_jsx(_Fragment, { children: mode.controller === "keyboard" && (_jsx("div", { className: style.keyBoardTooInner, style: assignInlineVars(keyBoardToolTipInnerStyle), children: keyArray.map(function (item, key) {
                 var background = "rgba(0, 0, 0, 0.1)";
                 var boxShadow = "0 0 5px rgba(0, 0, 0, 0.2)";
+                var isSelect = "none";
                 if (codeToActionObj[item.code]) {
                     if (animations.keyControl[codeToActionObj[item.code]]) {
+                        isSelect = "select";
                         background = "".concat(vars.gradient.green);
                         boxShadow = "0 0 10px rgba(99,251,215,1)";
                     }
                     else {
+                        isSelect = "notSelect";
                         background = "rgba(0, 0, 0, 0.6)";
                         boxShadow = "0 0 10px rgba(0, 0, 0, 0.6)";
                     }
@@ -56,6 +60,13 @@ export function KeyBoardToolTip(props) {
                     animations.keyControl[codeToActionObj[item.code]]) {
                     color = "black";
                 }
-                return (_jsx("div", { className: style.keyCap, style: assignInlineVars(__assign({ background: background, boxShadow: boxShadow, color: color, gridRow: item.gridRow, gridColumn: item.gridColumn }, keyCapStyle)), children: item.name }, key));
+                var keyStyle = keyCapStyle;
+                if (isSelect === "select") {
+                    keyStyle = __assign({}, selectedKeyCapStyle);
+                }
+                else if (isSelect === "notSelect") {
+                    keyStyle = __assign({}, notSelectedkeyCapStyle);
+                }
+                return (_jsx("div", { className: style.keyCap, style: assignInlineVars(__assign({ background: background, boxShadow: boxShadow, color: color, gridRow: item.gridRow, gridColumn: item.gridColumn }, keyStyle)), children: item.name }, key));
             }) })) }));
 }

package/dist/gaesup/tools/keyBoardToolTip/type.d.ts

@@ -28,7 +28,8 @@ export type keyBoardLabelType = {
 export type keyBoardToolTipType = {
     keyBoardLabel?: keyBoardLabelType;
     keyBoardMap?: keyboardMapItemType[];
+    label?: Record<string, string>;
 } & {
-    [key in "keyBoardToolTipInnerStyle" | "keyCapStyle"]?: VECssType;
+    [key in "keyBoardToolTipInnerStyle" | "notSelectedkeyCapStyle" | "selectedKeyCapStyle" | "keyCapStyle"]?: Partial<VECssType>;
 };
 export type keyBoardToolTipPartialType = Partial<keyBoardToolTipType>;

package/dist/gaesup/tools/minimap/type.d.ts

@@ -11,7 +11,7 @@ export type minimapInnerType = {
     };
 };
 export type minimapType = {
-    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "plusMinusStyle"]?: VECssType;
+    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "plusMinusStyle"]?: Partial<VECssType>;
 } & {
     minScale?: number;
     maxScale?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gaesup-world",
-  "version": "0.0.761",
+  "version": "0.0.762",
   "type": "commonjs",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",