feat: add updateSelectors method

daybrush · Sep 11, 2022 · 90f40e2 · 90f40e2
1 parent 999c256
commit 90f40e2
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/packages/react-moveable/src/react-moveable/InitialMoveable.tsx b/packages/react-moveable/src/react-moveable/InitialMoveable.tsx
@@ -113,7 +113,23 @@ export class InitialMoveable<T = {}>
         this.selectorMap = {};
         this.refTargets = [];
     }
-
+    /**
+     * If the element list corresponding to the selector among the targets is changed, it is updated.
+     * @method Moveable#updateSelectors
+     * @example
+     * import Moveable from "moveable";
+     *
+     * const moveable = new Moveable(document.body, {
+     *    target: ".target",
+     * });
+     *
+     * moveable.updateSelectors();
+     */
+    public updateSelectors() {
+        this.selectorMap = {};
+        this.refTargets = [];
+        this.forceUpdate();
+    }
     /**
      * User changes target and waits for target to change.
      * @method Moveable#waitToChangeTarget

diff --git a/packages/react-moveable/src/react-moveable/MoveableManager.tsx b/packages/react-moveable/src/react-moveable/MoveableManager.tsx
@@ -647,6 +647,7 @@ export default class MoveableManager<T = {}>
             this.updateRect();
         });
     }
+    public updateSelectors() {}
     protected unsetAbles() {
         this.targetAbles.forEach(able => {
             if (able.unset) {

diff --git a/packages/react-moveable/src/react-moveable/types.ts b/packages/react-moveable/src/react-moveable/types.ts
@@ -2721,6 +2721,7 @@ export interface MoveableInterface {
     setState(state: any, callback?: () => any): any;
     waitToChangeTarget(): Promise<void>;
     forceUpdate(callback?: () => any): any;
+    updateSelectors(): void;
 }
 
 export interface ControlPose {