feat: motion conig support

Author: zombieJ

src/Tooltip.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { useRef, useImperativeHandle, forwardRef } from 'react';
-import Trigger, { TriggerProps } from 'rc-trigger';
-import { AlignType, AnimationType, ActionType } from 'rc-trigger/lib/interface';
+import Trigger from 'rc-trigger';
+import type { TriggerProps } from 'rc-trigger';
+import type { AlignType, AnimationType, ActionType } from 'rc-trigger/lib/interface';
 import { placements } from './placements';
 import Content from './Content';
 
@@ -10,8 +11,12 @@ export interface TooltipProps extends Pick<TriggerProps, 'onPopupAlign' | 'built
   defaultVisible?: boolean;
   visible?: boolean;
   placement?: string;
+  /** @deprecated Use `motion` instead */
   transitionName?: string;
+  /** @deprecated Use `motion` instead */
   animation?: AnimationType;
+  /** Config popup motion */
+  motion?: TriggerProps['popupMotion'];
   onVisibleChange?: (visible: boolean) => void;
   afterVisibleChange?: (visible: boolean) => void;
   overlay: (() => React.ReactNode) | React.ReactNode;
@@ -47,6 +52,7 @@ const Tooltip = (props: TooltipProps, ref) => {
     afterVisibleChange,
     transitionName,
     animation,
+    motion,
     placement = 'right',
     align = {},
     destroyTooltipOnHide = false,
@@ -105,6 +111,7 @@ const Tooltip = (props: TooltipProps, ref) => {
       afterPopupVisibleChange={afterVisibleChange}
       popupTransitionName={transitionName}
       popupAnimation={animation}
+      popupMotion={motion}
       defaultPopupVisible={defaultVisible}
       destroyPopupOnHide={destroyTooltip}
       autoDestroy={autoDestroy}

tests/index.test.js

@@ -4,19 +4,9 @@ import Tooltip from '../src';
 
 const verifyContent = (wrapper, content) => {
   expect(wrapper.find('.x-content').text()).toBe(content);
-  expect(
-    wrapper
-      .find('Trigger')
-      .instance()
-      .getPopupDomNode(),
-  ).toBeTruthy();
+  expect(wrapper.find('Trigger').instance().getPopupDomNode()).toBeTruthy();
   wrapper.find('.target').simulate('click');
-  expect(
-    wrapper
-      .find('.rc-tooltip')
-      .hostNodes()
-      .hasClass('rc-tooltip-hidden'),
-  ).toBe(true);
+  expect(wrapper.find('.rc-tooltip').hostNodes().hasClass('rc-tooltip-hidden')).toBe(true);
 };
 
 describe('rc-tooltip', () => {
@@ -84,12 +74,7 @@ describe('rc-tooltip', () => {
     const destroyVerifyContent = (wrapper, content) => {
       wrapper.find('.target').simulate('click');
       expect(wrapper.find('.x-content').text()).toBe(content);
-      expect(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getPopupDomNode(),
-      ).toBeTruthy();
+      expect(wrapper.find('Trigger').instance().getPopupDomNode()).toBeTruthy();
       wrapper.find('.target').simulate('click');
     };
     it('default value', () => {
@@ -148,4 +133,16 @@ describe('rc-tooltip', () => {
       expect(wrapper.html()).toBe('<div class="target">Click this</div>');
     });
   });
+
+  // This is only test for motion pass to internal rc-trigger
+  // It's safe to remove since meaningless to rc-tooltip if refactor
+  it('should motion props work', () => {
+    const wrapper = mount(
+      <Tooltip overlay="Light" motion={{ motionName: 'bamboo-is-light' }}>
+        <span>Bamboo</span>
+      </Tooltip>,
+    );
+
+    expect(wrapper.find('Trigger').props().popupMotion).toEqual({ motionName: 'bamboo-is-light' });
+  });
 });