HarmonyOS 鸿蒙Next uiContext.getPromptAction().openCustomDialog动画

参考demo：

import { ComponentContent } from '[@kit](/user/kit).ArkUI';

let duration = 1000
let effect: TransitionEffect =
 TransitionEffect.asymmetric(
   TransitionEffect.OPACITY.animation({ duration: duration })
     .combine(
       TransitionEffect.translate({ y: 1000 }).animation({ duration: duration })
     )
   ,
   TransitionEffect.OPACITY.animation({ delay: duration, duration: duration })
     .combine(
       TransitionEffect.translate({ y: 0 }).animation({ duration: duration })
     )
 )

class BaseParam {
 context: UIContext;

 constructor(context: UIContext) {
   this.context = context;
 }
}

class Dialog2Param extends BaseParam {
 text: string;

 constructor(context: UIContext, text: string) {
   super(context);
   this.text = text;
 }
}

[@Builder](/user/Builder)
function dialog2Builder1(params: Dialog2Param) {
 Flex({
   direction: FlexDirection.Column,
   alignContent: FlexAlign.Center,
   justifyContent: FlexAlign.Center,
   alignItems: ItemAlign.Center,
 }) {
   Text('dialog2')
   Button('页面绑定dialog2关闭').onClick(() => {
     let uiContext = params.context;
     let promptAction = uiContext.getPromptAction();
     promptAction.closeCustomDialog(dialog2);
   })
 }
 .width('100%')
 .height('60%')
 .backgroundColor(Color.White)
 .transition(effect)
 .position({ y: 400 })
 .mask(ProgressMask.prototype)
}

let dialog2: ComponentContent<Dialog2Param> | undefined = undefined;

[@Entry](/user/Entry)
[@Component](/user/Component)
struct GlobalDialog {
 [@State](/user/State) message: string = 'Hello World';
 [@State](/user/State) delayNumber: number = 3000

 build() {
   RelativeContainer() {
     Button('打开dialog2').onClick(() => {
       let uiContext = this.getUIContext();
       let promptAction = uiContext.getPromptAction();
       dialog2 =
         new ComponentContent(uiContext, wrapBuilder(dialog2Builder1), new Dialog2Param(uiContext, this.message));
       promptAction.openCustomDialog(dialog2);
       this.delayNumber = 1 / 0
     })
   }
   .height('100%')
   .width('100%')
 }
}