fix: 修复 嵌套时动态模式定位异常 严格模式下重复创建

docs/demo/customization.tsx

@@ -21,6 +21,10 @@ export default function Demo() {
       console.log(e);
       console.log(info);
     });
+
+    return () => {
+      joystick.destroy();
+    };
   }, []);
 
   return (

docs/demo/dynamic.tsx

@@ -5,6 +5,10 @@ export default function Demo() {
   useEffect(() => {
     const joystick = new Joystick();
     joystick.create({ mode: 'dynamic', zone: 'joystick' });
+
+    return () => {
+      joystick.destroy();
+    };
   }, []);
 
   return (

docs/demo/index.tsx

@@ -5,6 +5,10 @@ export default function Demo() {
   useEffect(() => {
     const joystick = new Joystick();
     joystick.create({ mode: 'static', zone: 'joystick' });
+
+    return () => {
+      joystick.destroy();
+    };
   }, []);
 
   return (

src/joystick.ts

@@ -124,7 +124,7 @@ class Joystick {
     front.setAttribute('class', 'front');
 
     const uiStyle: CSS.Properties<string | number> = {
-      position: 'absolute',
+      position: mode === 'static' ? 'absolute' : 'fixed',
       top:
         mode === 'static'
           ? position.top
@@ -216,7 +216,7 @@ class Joystick {
     endArr.forEach((key) => {
       body.addEventListener(key, (e) => {
         body.removeEventListener(toBind.move, this.move);
-        this.destroy();
+        this.reset();
 
         this.callBack.end?.(e);
       });
@@ -261,7 +261,7 @@ class Joystick {
     e.preventDefault();
   };
 
-  private destroy = (): void => {
+  private reset = (): void => {
     if (this.currentJoystick.build) {
       this.currentJoystick.front!.style.transform = 'translate(0px, 0px)';
 
@@ -271,13 +271,20 @@ class Joystick {
         setTimeout(() => {
           this.currentJoystick.build = false;
           this.currentJoystick.ui!.remove();
-        }, 100);
+        }, 50);
       } else {
         this.currentJoystick.ui!.style.opacity = '0.5';
       }
     }
   };
 
+  public destroy = (): void => {
+    if (this.currentJoystick.build) {
+      this.currentJoystick.ui!.remove();
+      this.currentJoystick.build = false;
+    }
+  };
+
   public on = (type: CallBackType, cb: CallBack): void => {
     const keys = Object.keys(this.callBack);