HarmonyOS 鸿蒙Next：如何在页面B打开时覆盖页面A及其弹框customDialog1

以参考下方demo：

//index.ets
import Dialog from './Page'
import { common, Want } from '[@kit](/user/kit).AbilityKit';

[@Entry](/user/Entry)
[@Component](/user/Component)
export struct CustomDialog {
  // 外部定义visible变量作为弹窗组件入参，控制弹窗显隐
  [@State](/user/State) visible: boolean | undefined = false;

  onPageShow(): void {
    this.visible = AppStorage.get('DialogVis') === undefined ? false : AppStorage.get('DialogVis')
    console.log('this.visible', this.visible)
  }

  build() {
    Column({ space: 20 }) {
      Button('打开弹窗')// 点击修改visible变量后，visible的值可以被Dialog组件监听并响应
        .onClick(() => {
          this.visible = !this.visible
          AppStorage.SetOrCreate('DialogVis', this.visible)
        })
      // 通过双向绑定visible变量，实现外部控制弹窗
      Dialog({
        visible: $visible,
      })
    }
  }
}

//page.ets
import router from '[@ohos](/user/ohos).router';

[@Component](/user/Component)
export default struct Dialog {
  // 监听外部传入的visible变量，visible值发生变化时触发onChange回调函数
  [@Watch](/user/Watch)("onChange") [@Link](/user/Link) visible: boolean;
  onCancel?: () => void;
  onConfirm?: () => void;
  // 通过CustomDialogController的builder参数绑定弹窗组件CustomDialogView
  private controller = new CustomDialogController({
    builder: CustomDialogView({
      visible: $visible,
      onCancel: this.onCancel,
      onConfirm: this.onConfirm,
    }),
    autoCancel: false,
  })

  /**
   * 当visible的值变化时触发回调
   */
  onChange(): void {
    if (this.visible) {
      this.controller.open();
    } else {
      this.controller.close();
    }
  }

  // 二次封装的Dialog组件主要通过控制器控制弹窗，不需要任何界面
  build() {
  }
}

[@CustomDialog](/user/CustomDialog)
export struct CustomDialogView {
  [@Link](/user/Link) visible: boolean;
  controller: CustomDialogController;
  // 弹窗交互事件参数，点击确认和取消按钮时的回调函数
  onCancel?: () => void;
  onConfirm?: () => void;

  build() {
    Row() {
      Button('跳转')
        .onClick(() => {
          this.visible = false;
          this.onCancel?.();
          router.pushUrl({ url: "pages/Page1" })
        })
      Button('关闭')
        .onClick(() => {
          this.visible = false;
          this.onCancel?.();
          this.controller.close()
        })
    }
  }
}

//page1.ets
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page1 {
  [@State](/user/State) message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('Page1HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
  }
}