HarmonyOS 鸿蒙Next @Builder装饰器 不刷新ui问题

HarmonyOS 鸿蒙Next @Builder装饰器 不刷新ui问题

生命 @Builder 装饰器后，按引用传参的方式进行使用

如果直接在组件中使用，状态变化可以刷新UI；

但是如果通过 dialog 的方式进行使用，则不能刷新 UI ，这是为什么呢？

import { ComponentContent } from "@kit.ArkUI";

@Entry
@ComponentV2
struct Index {
  @Local
  params: DialogParams = new DialogParams(10)

  build() {
    Column() {
      Text(`change num=${this.params.num}`)
        .fontSize(30)
        .onClick(() => {
          this.params.num++ //刷新ui
        })
      dialogBuilder(this.params) //刷新ui
      dialogBuilder1(this.params) //刷新ui

      Text("showDialog")
        .fontSize(30)
        .onClick(() => {
          let uiContext = this.getUIContext();
          let promptAction = uiContext.getPromptAction();
          let commentsDialog = new ComponentContent(
            uiContext,
            wrapBuilder(dialogBuilder),
            this.params  //不刷新ui
          );
          promptAction.openCustomDialog(commentsDialog, {
            alignment: DialogAlignment.Center
          });
        })
    }
    .height('100%')
    .width('100%')
  }
}

@ObservedV2
class DialogParams {
  @Trace
  num: number = 0

  constructor(num: number) {
    this.num = num;
  }
}

[@Builder](/user/Builder)
function dialogBuilder($$: DialogParams) {
  Column() {
    Text(`change builder num=${$$.num}`)
      .fontSize(30)
      .padding(10)
      .onClick(() => {
        $$.num++
      })
  }
}

[@Builder](/user/Builder)
function dialogBuilder1(params: DialogParams) {
  Column() {
    Text(`change builder num=${params.num}`)
      .fontSize(30)
      .padding(10)
      .onClick(() => {
        params.num++
      })
  }
}