HarmonyOS 鸿蒙Next 使用不依赖组件的Dialog如何禁用点击周围空白隐藏弹窗

可以使用 onWillDismiss 方法。当用户执行点击遮障层关闭、左滑/右滑、三键 back、键盘 ESC 关闭交互操作时，如果注册该回调函数，则不会立刻关闭弹窗。在回调函数中可以通过 reason 得到阻拦关闭弹窗的操作类型，从而根据原因选择是否能关闭弹窗。

参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-promptaction-V13#dismissreason12 枚举说明

参考代码：

import { BusinessError } from '@ohos.base';

import { ComponentContent } from "@ohos.arkui.node";

import { PromptAction } from '@kit.ArkUI';

// 弹框属性
export class Params {
    text: string = "";
    backgroundColor: string = "";
    opacity: number = 1;
    width: number = 0;
    height: number = 0;
    btnControl: string = '';
}

// 自定义弹框
@Builder
function buildText(params: Params) {
    Column() {
        Text(params.text || '默认内容')
            .fontSize(50)
            .fontWeight(FontWeight.Bold)
            .margin({ bottom: 36 })
    }
    .width(params.width || 200)
    .height(params.height || 400)
    .backgroundColor(params.backgroundColor || '#FFF0F0F0')
    .opacity(params.opacity)
}

// 弹框控制
export function setDialog(uiContext: UIContext, promptAction: PromptAction, params: Params) {
    let contentNode = new ComponentContent(uiContext, wrapBuilder(buildText), params);

    try {
        promptAction.openCustomDialog(contentNode, {
            onWillDismiss: (dismissDialogAction: DismissDialogAction) => {
                if (dismissDialogAction.reason == DismissReason.TOUCH_OUTSIDE) {
                    console.log('点击遮罩层事件：')

                    if (params.btnControl !== '关闭控制') {
                        dismissDialogAction.dismiss()
                    }
                }
            }
        });
    } catch (error) {
        let message = (error as BusinessError).message;
        let code = (error as BusinessError).code;

        console.error(`OpenCustomDialog args error code is ${code}, message is ${message}`);
    }
}

@Entry
@Component
struct Index {
    @State message: string = "hello"
    private uiContext = this.getUIContext()
    private promptAction = this.getUIContext().getPromptAction()

    build() {
        Row() {
            Column() {
                Button("控制弹框关闭")
                    .margin(10)
                    .width('80%')
                    .onClick(() => {
                        let params: Params = new Params()
                        params.btnControl = '关闭控制'
                        setDialog(this.uiContext, this.promptAction, params)
                    })
            }
            .width('100%')
            .height('100%')
        }
        .height('100%')
    }
}