HarmonyOS 鸿蒙Next 自定义弹窗，全选与list中的单个item选中

HarmonyOS 鸿蒙Next 自定义弹窗，全选与list中的单个item选中 目前实现了全选以及单个item的选中，但是使用watch触发不了，不能实现手动把每一个item都选中，然后全选框也选中，应该怎样写，是否还有其它方案

pollingDialogController: CustomDialogController | null = new CustomDialogController({
    builder: PlanPollingDialog(),
    alignment: DialogAlignment.TopEnd,
    autoCancel: false,
    customStyle: false,
    width: '40%',
    cornerRadius: 12,
    maskColor: 0x66000000,
    backgroundBlurStyle: BlurStyle.NONE,
    offset: {dx: -50, dy: 80}
})

@Observed
class PlanListItem {
  plan: number
  checked: boolean

  constructor(plan: number, checked: boolean) {
    this.plan = plan
    this.checked = checked
  }
}

@Component
struct PlanView {
  @Link isAllSelected: boolean
  @ObjectLink item: PlanListItem // 改为直接传递item对象

  build() {
    Row() {
      Checkbox()
        .shape(CheckBoxShape.ROUNDED_SQUARE)
        .onChange((checked: boolean) => {
          this.item.checked = checked
        })
        .select(this.item.checked)
        .width(20)
        .height(20)
      Text(this.item.plan.toString())
        .fontColor(Color.White)
        .margin({left: 8})
    }
    .width('100%')
    .padding(8)
    .alignItems(VerticalAlign.Center)
  }
}

@CustomDialog
struct PlanPollingDialog {
  @State isPressed: boolean = false
  @State pollingTime: number = 10

  @State
  @Watch('checkAllSelected')
  planList: Array<PlanListItem> = [
    new PlanListItem(1, true),
    new PlanListItem(2, false),
    new PlanListItem(3, false),
  ]

  // 检查是否全选
  checkAllSelected() {
    console.log('checkAllSelected')
    this.isAllSelected = this.planList.every(item => item.checked)
  }

  @State
  isAllSelected: boolean = false
  controller?: CustomDialogController
  cancel: () => void = () => {}
  confirm: () => void = () => {}

  aboutToAppear() {
    // 初始化时检查是否全选
    this.checkAllSelected()
  }

  // 全选方法
  handleSelectAll(checked: boolean) {
    this.isAllSelected = checked
    this.planList.forEach(item => {
      item.checked = checked
    })
  }

  build() {
    Column() {
      // 标题栏
      Row() {
        Text('1111111111111111')
          .fontColor(Color.White)
          .fontSize(16)
        Blank()
        this.closeButton()
      }
      .width('100%')
      .borderRadius({topLeft: 8, topRight: 8})
      .backgroundColor('#11386F')
      .padding(16)

      // 内容区
      Column() {
        // 预案列表
        List() {
          ForEach(this.planList, (item: PlanListItem) => {
            ListItem() {
              PlanView({
                item: item,
                isAllSelected: $isAllSelected
              })
            }
            .onClick(() => {
              item.checked = !item.checked
              this.checkAllSelected()
            })
          })
        }
        .height(300)

        // 底部控制区
        Row() {
          // 全选
          Row() {
            Checkbox()
              .shape(CheckBoxShape.ROUNDED_SQUARE)
              .onChange((checked: boolean) => {
                this.handleSelectAll(checked)
              })
              .select(this.isAllSelected)
              .width(20)
              .height(20)
            Text('全选')
              .fontColor(Color.White)
              .margin({left: 8})
          }

          // 间隔时间输入
          Row() {
            Text('间隔时间（秒）：')
              .fontColor(Color.White)
              .margin({left: 16})

            TextInput({
              text: this.pollingTime.toString()
            })
              .border({width: 0.5, color: '#33A1C9'})
              .borderRadius(0)
              .height(32)
              .width(60)
              .fontColor(Color.White)
              .backgroundColor('transparent')
              .type(InputType.Number)
              .onChange((value: string) => {
                this.pollingTime = parseInt(value) || 0
              })
          }

          // 开始按钮
          Button('开始', {type: ButtonType.Normal})
            .height(32)
            .backgroundColor('#3785C2')
            .borderRadius(8)
            .fontColor(Color.White)
            .margin({left: 16})
            .onClick(() => {
              const selectedPlans = this.planList.filter(item => item.checked)
              if (selectedPlans.length === 0) {
                // TODO:
                return
              }
              this.confirm()
            })
        }
        .width('100%')
        .alignItems(VerticalAlign.Center)
      }
      .width('100%')
      .alignItems(HorizontalAlign.Start)
      .borderRadius({bottomLeft: 8, bottomRight: 8})
      .backgroundColor('#95244D7A')
      .justifyContent(FlexAlign.Start)
      .padding(24)
    }
    .width('100%')
  }

  @Builder
  closeButton() {
    Image(this.isPressed ? $r('app.media.ic_close_pressed') : $r('app.media.ic_close'))
      .width(px2vp(29))
      .height(px2vp(29))
      .onTouch((event: TouchEvent) => {
        if (event?.type === TouchType.Down) {
          this.isPressed = true
        }
        if (event?.type === TouchType.Up) {
          this.isPressed = false
        }
      })
      .onClick(() => {
        this.controller?.close()
      })
  }
}