fix: config update logic (#560)

Author: zombieJ

src/Popup/index.tsx

@@ -156,7 +156,7 @@ const Popup = React.forwardRef<HTMLDivElement, PopupProps>((props, ref) => {
     }
 
     return [mask, maskMotion, motion];
-  }, [mobile]);
+  }, [mobile, mask, maskMotion, motion]);
 
   // ======================= Container ========================
   const getPopupContainerNeedParams = getPopupContainer?.length > 0;

tests/motion.test.jsx

@@ -140,4 +140,22 @@ describe('Trigger.Motion', () => {
     );
     expect(document.querySelector('.little')).toBeTruthy();
   });
+
+  it('keep motion config update when motion ready', () => {
+    const genTrigger = (props) => (
+      <Trigger popup={<div />} popupMotion={{}} popupVisible {...props}>
+        <span />
+      </Trigger>
+    );
+
+    const { rerender } = render(genTrigger());
+    expect(document.querySelector('.bamboo')).toBeFalsy();
+
+    rerender(
+      genTrigger({
+        popupMotion: { motionName: 'bamboo' },
+      }),
+    );
+    expect(document.querySelector('.bamboo')).toBeTruthy();
+  });
 });