HarmonyOS实战：首页多弹窗顺序弹出终极解决方案

export interface DialogIntercept{
    
  intercept(dialogChain:DialogChain):void

  show():boolean |Promise<boolean>
}

/**
 * 处理弹窗执行
 */
export class DialogChain {
  private index: number = 0
  private chainList: ArrayList<DialogIntercept> = new ArrayList()

  addIntercept(dialogIntercept: DialogIntercept): DialogChain {
    if (!this.chainList.has(dialogIntercept)) {
      this.chainList.add(dialogIntercept)
    }
    return this
  }

  /**
   * 不执行当前弹窗，可以直接跳过
   */
  proceedNext() {
    ++this.index
    this.proceed()
  }

  /**
   * 调用继续执行下一步
   */
  proceed() {
    if (this.index >= 0 && this.index < this.chainList.length) {
      let dialogIntercept = this.chainList[this.index]
       let show = dialogIntercept.show()
       if (typeof show === 'boolean' && show) { {
        ..........
      } else if (show instanceof Promise) {
       ...........
      } else {
       ........
      }

    } else {
      this.index = 0

    }
  }
}

export class DialogA implements DialogIntercept {
  uiContext: UIContext
  contentNode?: ComponentContent<DialogParams>
  promptAction?: PromptAction

  constructor(uiContext: UIContext) {
    this.uiContext = uiContext;
    this.promptAction = this.uiContext.getPromptAction();
  }

  intercept(dialogChain: DialogChain): void {

    let params = new DialogParams()
    params.callBack = () => {
      this.promptAction?.closeCustomDialog(this.contentNode)
      dialogChain.proceed()
    }
    // UI展示的Node
    this.contentNode = new ComponentContent(this.uiContext, wrapBuilder(DialogABuild), params);

    // 打开弹窗
    this.promptAction?.openCustomDialog(
      this.contentNode,
      {
        isModal: true,
        autoCancel: true,
        alignment: DialogAlignment.Center
      }
    )

  }

  show(): boolean | Promise<boolean> {
    return true
  }
}

@Builder
function DialogABuild(params: DialogParams) {
  // 封装后的UI
  DialogView({ eventModel: params,content:"恭喜您，获得300万积分，请及时领取!",confirmBtnContent:"领取",cancelBtnContent:"取消" })
}

export class DialogParams {
  callBack = () => {
  }
}

private dialogChain = new DialogChain()

 this.dialogChain
      .addIntercept(new DialogA(this.getUIContext()))
      .addIntercept(new DialogB(this.getUIContext()))
      .addIntercept(new DialogC(this.getUIContext()))
 //开始执行弹窗
 this.dialogChain.proceed()