HarmonyOS 鸿蒙Next 使用CustomDialog，如何获取到遮罩层的点击事件

onWillDismiss当用户执行点击遮障层关闭、左滑/右滑、三键back、键盘ESC关闭交互操作时，如果注册该回调函数，则不会立刻关闭弹窗
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5#customdialogcontrolleroptions对象说明

打开软键盘会有空白区域，该问题是CustomDialog弹框的规格问题，软键盘拉起后，弹框和软键盘距离16vp导致的
可以监听键盘的出现让弹窗偏移

import { window } from '@kit.ArkUI'

@Preview
@CustomDialog
export struct CommentsEditDialog {
@State comment: string = ''
@State keyHeight: number = 0;
@State scrollHeight: number = 0;
@State dialogIsShow: boolean = true

aboutToAppear(): void {
window.getLastWindow(getContext(this)).then(currentWindow => {
// 设置窗口的布局为沉浸式布局
// currentWindow.setWindowLayoutFullScreen(true);
// 监听软键盘的隐藏和显示
currentWindow.on('avoidAreaChange', data => {
if (data.type == window.AvoidAreaType.TYPE_KEYBOARD) {
if (px2vp(data.area.bottomRect.height) == 0) {
this.keyHeight = 0
} else {
this.keyHeight = 20;
}
return;
}
})
})
}

build() {
this.CommentsEditBuilder()
}

@Builder
CommentsEditBuilder() {

Column {

TextArea({ controller: this.tController, placeholder: '说点什么吧...', text: this.comment })
.fontColor('#313234')
.placeholderColor('#A2A7B1')
.fontSize(14)
.width('100%')
.caretColor(Color.Red)
.padding(10)
.height(88)
.backgroundColor('#F3F3F3')
.borderRadius(5)
.defaultFocus(true)// 页面首次打开时，该TextInput获取焦点
.enableKeyboardOnFocus(true)// .expandSafeArea([SafeAreaType.KEYBOARD])
.id('mTextAreaId')

.onVisibleAreaChange([0.0, 1.0], (isVisible: boolean, currentRatio: number) => {

if (isVisible && currentRatio == 1) {
focusControl.requestFocus('mTextAreaId')
}
})
.fontWeight(FontWeight.Regular)
.maxLength(100)
.showCounter(false)
.onChange((value: string) => {
this.comment = value
})

Blank().height(10)
Row {
Blank().width(6)
Text(`${this.comment?.length ?? 0}/100`).fontSize(10).fontColor('#313234').fontWeight(FontWeight.Regular)
Blank()
Text('发送')
.width(53)
.height(21)
.padding(0)
.textAlign(TextAlign.Center)
.fontColor(Color.White)
.backgroundColor((this.comment?.length == 0) ? '#7fE91839' : '#E91839')
.fontSize(11)
.borderRadius(4)
.fontWeight(FontWeight.Medium)
.onClick(() => {

})
Blank().width(6)
}.width('100%')
}
.expandSafeArea([SafeAreaType.SYSTEM])
.backgroundColor(Color.White)
.width('100%')
.height('20%')
.borderRadius(10)
.padding(14)
// .offset({y:20})
.transition(TransitionEffect.OPACITY.animation({ duration: 300, curve: Curve.Ease })
.combine(TransitionEffect.translate({ y: 1000 })))
.offset({ x: 0, y: this.keyHeight }
}

closeDialog() {
this.dialogIsShow = false
if (this.controller != null) {
this.controller.close()
}
}
}