气泡组件有推荐的实现方式么？

Button('CustomPopupOptions')  
  .onClick(() => {  
    this.customPopup = !this.customPopup  
  })  
  .bindPopup(this.customPopup, {  
    builder: this.popupBuilder,  
    offset: { x: '-30vp' },  
    popupColor: Color.Black,  
    radius: '4vp',  
    enableArrow: true,  
    showInSubWindow: false,  
    backgroundBlurStyle: BlurStyle.NONE, // 关闭气泡的模糊背景  
  
    onStateChange: (e) => {  
      if (!e.isVisible) {  
        this.customPopup = false  
      }  
    }  
  })  
  .position({ x: 80, y: 300 })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.