Popup如何实现点击按钮不关闭气泡，点击按钮外部关闭气泡

@Entry
@Component
struct PopupForClickButtonNotClose {
  @State handlePopup: boolean = false;

  @Builder
  popupBuilder() {
    Row({ space: 2 }) {
      Text('这里是自定义气泡的内容')
        .textAlign(TextAlign.Center)
        .fontSize(10);
    }.height(40).padding({ left: 10, right: 10 });
  }

  build() {
    Column({ space: 100 }) {
      Button('PopupOptions').margin({ top: 100 })
        .onClick(() => {
          this.handlePopup = true;
        })
        .onTouch((e) => {
          e.stopPropagation();
        }) // 阻止事件传递,避免气泡有关闭再打开的效果
        .bindPopup(this.handlePopup, {
          builder: this.popupBuilder,
          placement: Placement.Bottom,
          enableArrow: false, // 气泡弹出时不显示箭头
          targetSpace: '15vp',
          mask: false,
          autoCancel: false,
          onStateChange: (e) => {
            if (!e.isVisible) {
              this.handlePopup = false;
            }
          }
        });
    }
    .width('100%')
    .height('100%')
    .onTouch(() => {
      this.handlePopup = false;
    });
  }
}