HarmonyOS 鸿蒙Next中一个简单的对话框居然不能自动关闭，这是谁设计的缺陷！

【背景知识】

• promptAction 提供了 openCustomDialog 和 closeCustomDialog 方法，分别用来实现打开和关闭自定义弹窗：
  • openCustomDialog：打开自定义弹窗，弹窗支持自定义样式，如宽度、高度、背景色、阴影。
  • closeCustomDialog：关闭自定义弹窗。

【解决方案】

在 openCustomDialog 创建并打开弹窗时，在打开弹窗成功的回调中返回了 dialogId 表示当前打开的弹窗，通过该 id 可以唯一标识弹窗，因此可以结合 Map 等相关的数据结构，存储打开的弹窗和对应的 id 标识，以实现对页面中多个弹窗的区分。

promptAction.openCustomDialog 返回值说明如下：

代码示例如下：

import { promptAction } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';
import { HashMap } from '@kit.ArkTS';

@Entry
@Component
struct CustomDialogDemo {
  @State dialogNum: number = 0;
  dialogMap: HashMap<number, number> = new HashMap();
  @Builder customDialogComponent(dialogNumber: number) {
    Column() {
      Text('弹窗' + dialogNumber).fontSize(30)
      Row({ space: 50 }) {
        Button("关闭弹窗").onClick(() => {
          try {
            // 关闭时找到对应的弹窗 id，进而实现关闭指定的弹窗
            promptAction.closeCustomDialog(this.dialogMap.get(dialogNumber));
          } catch (error) {
            let message = (error as BusinessError).message;
            let code = (error as BusinessError).code;
            console.error(`closeCustomDialog error code is ${code}, message is ${message}`);
          }
        })
      }
    }.height(500).padding(5)
    .backgroundColor(Color.Pink)
    .margin({left: dialogNumber * 20})
  }

  build() {
    Column({ space: 20 }) {
      Text('点击打开弹窗')
        .fontSize(30)
        .onClick(() => {
          this.dialogNum += 1;
          promptAction.openCustomDialog({
            builder: () => {
              this.customDialogComponent(this.dialogNum);
            },
            isModal: false
          }).then((dialogId: number) => {
            // 存储对应的弹框 id
            this.dialogMap.set(this.dialogNum, dialogId);
          })
          .catch((error: BusinessError) => {
            console.error(`openCustomDialog error code is ${error.code}, message is ${error.message}`);
          })
        })
    }
    .width('100%')
}