HarmonyOS如何实现popup内部点击不会dismiss，popup外部点击才会dismiss

这边给出下面的样例：

@Entry
@Component
struct Page4 {
  @State showDrawer: boolean = false; // 抽屉显隐
  @State vis: Visibility = Visibility.Hidden;
  drawerHeight: number = 150;
  @State translateY: number = -this.drawerHeight; // 默认位置
  timeout: number = 400; // 动画时长
  setState(showDrawer: boolean){
    this.showDrawer = !this.showDrawer;
    if(this.showDrawer) {
      this.vis = this.showDrawer ? Visibility.Visible : Visibility.Hidden;
    } else {
      setTimeout(() => {
        this.vis = this.showDrawer ? Visibility.Visible : Visibility.Hidden;
      }, this.timeout)
    }
    animateTo({ duration: this.timeout }, () => {
      this.translateY = this.showDrawer ? 0 : -this.drawerHeight;
    })
  }
  @Builder drawerDialog(timeout: number){
    Stack({ alignContent: Alignment.TopStart}) {
      Flex({ direction: FlexDirection.Column}){
        Text('我的设备').fontSize(14)
        Row(){
          Image($r('app.media.startIcon')).width('30').height(20).margin({ right: 10 })
          Text('电脑端  已登录')
          Blank()
          Text('退出登录').fontColor('rgb(23, 205, 142)')
        }
        .width('100%').height('100%').padding(10)
      }
      .width('100%').height(this.drawerHeight)
      .border({ radius: {bottomLeft: 20, bottomRight: 20}})
      .backgroundColor('#fff')
      .hitTestBehavior(HitTestMode.Block)
      .padding(30)
      .animation({ duration: timeout  })
      .translate({ y: this.translateY })
      .zIndex(1)
      Column(){ }
      .width('100%')
      .height('100%')
      .opacity(this.showDrawer ? 1 : 0)
      .backgroundColor('#33000000')
      .animation({ duration: timeout  })
      .onClick(()=>{
        if(!this.showDrawer) return; // 防止在未消失之前点击之后又出现
        this.setState(this.showDrawer); // 点击抽屉消失
      })
    }
    .width('100%')
    .height('100%')
    .visibility(this.vis)
  }
  build() {
    Stack() {
      this.drawerDialog(this.timeout)
      Column() {
        Text('Hello World')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .onClick(()=>{
            // 点击出抽屉
            this.setState(this.showDrawer);
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.