chore: demo fix

Author: aojunhao123

docs/examples/body-overflow.tsx

@@ -40,14 +40,14 @@ export default () => {
 
       <Trigger
         arrow
-        // forceRender
-        // action="click"
         popupVisible={open}
         onPopupVisibleChange={(next) => {
           console.log('Visible Change:', next);
           setOpen(next);
         }}
-        popupTransitionName="rc-trigger-popup-zoom"
+        popupMotion={{
+          motionName: 'rc-trigger-popup-zoom',
+        }}
         popup={
           <div
             style={{
@@ -104,7 +104,9 @@ export default () => {
           console.log('Visible Change:', next);
           setOpen1(next);
         }}
-        popupTransitionName="rc-trigger-popup-zoom"
+        popupMotion={{
+          motionName: 'rc-trigger-popup-zoom',
+        }}
         popup={
           <div
             style={{
@@ -158,7 +160,9 @@ export default () => {
           console.log('Visible Change:', next);
           setOpen2(next);
         }}
-        popupTransitionName="rc-trigger-popup-zoom"
+        popupMotion={{
+          motionName: 'rc-trigger-popup-zoom',
+        }}
         popup={
           <div
             style={{
@@ -205,7 +209,9 @@ export default () => {
           console.log('Visible Change:', next);
           setOpen3(next);
         }}
-        popupTransitionName="rc-trigger-popup-zoom"
+        popupMotion={{
+          motionName: 'rc-trigger-popup-zoom',
+        }}
         popup={
           <div
             style={{

docs/examples/case.tsx

@@ -202,7 +202,7 @@ const Demo = () => {
               },
             }}
             popupPlacement={placement}
-            destroyPopupOnHide={destroyPopupOnHide}
+            autoDestroy={destroyPopupOnHide}
             mask={mask}
             maskMotion={motion ? MaskMotion : null}
             maskClosable={maskClosable}

docs/examples/container.tsx

@@ -160,7 +160,9 @@ export default () => {
                   Popup
                 </div>
               }
-              popupTransitionName="rc-trigger-popup-zoom"
+              popupMotion={{
+                motionName: 'rc-trigger-popup-zoom',
+              }}
               popupStyle={{ boxShadow: '0 0 5px red' }}
               popupVisible={visible}
               onPopupVisibleChange={(nextVisible) => {

docs/examples/simple.tsx

@@ -353,13 +353,14 @@ class Test extends React.Component<any, TestState> {
             getPopupContainer={getPopupContainer}
             popupAlign={this.getPopupAlign()}
             popupPlacement={state.placement}
-            destroyPopupOnHide={this.state.destroyPopupOnHide}
             autoDestroy={this.state.autoDestroy}
             // zIndex={40}
             mask={this.state.mask}
             maskClosable={this.state.maskClosable}
             stretch={this.state.stretch}
-            maskAnimation="fade"
+            maskMotion={{
+              motionName: 'rc-trigger-mask-fade',
+            }}
             // mouseEnterDelay={0.1}
             // mouseLeaveDelay={0.1}
             action={actions}
@@ -372,7 +373,9 @@ class Test extends React.Component<any, TestState> {
               boxSizing: 'border-box',
             }}
             popup={<div>i am a popup</div>}
-            popupTransitionName={state.transitionName}
+            popupMotion={{
+              motionName: state.transitionName,
+            }}
           >
             <RefTarget />
           </Trigger>