add UIUtils.makeObserved · Pull Request !4894 · OpenHarmony/developtools_ace_ets2bundle

1. add UIUtils.makeObserved
---
### Issue

### 描述/Description
给头文件中存在initValue的装饰器变量对应初始化值以及setter封装`UIUtils.makeObserved<T>()`
源代码：
```
import { Text, Column, Component, Entry, Button, ClickEvent } from "@ohos.arkui.component"
import { State, Link, Prop, Provide, AppStorage, Observed, StorageLink, StorageProp, ObjectLink } from "@ohos.arkui.stateManagement"
import hilog from '@ohos.hilog'

@Observed
class AA {

}

class Data {
  code: number;

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

AppStorage.setOrCreate('PropA', 47);
AppStorage.setOrCreate('PropB', new Data(50));

@Entry
@Component
struct MyStateSample {
  @State stateVar: string = "state var";
  @Prop message: string = `click to change state variable, add **`;
  @Prop message2: string;
  @Provide({ alias: 'nihao' }) message3: string = 'nihao';
  @ObjectLink asa: AA;
  @StorageLink('PropA') storageLink: number = 1;
  @StorageProp('PropB') storagePropObject: Data = new Data(1);

build() {
    Column() {
      Text(this.stateVar).fontSize(20)
    }.margin(10)
  }
}
```
转换后代码
```
@Entry({useSharedStorage:false,storage:"",routeName:""}) @Component({freezeWhenInactive:false}) final struct MyStateSample extends CustomComponent<MyStateSample, __Options_MyStateSample> {
  public __initializeStruct(initializers: __Options_MyStateSample | undefined, @memo() content: (()=> void) | undefined): void {
    this.__backing_stateVar = STATE_MGMT_FACTORY.makeState<string>(this, "stateVar", UIUtils.makeObserved<string>(((({let gensym___115611008 = initializers;
    (((gensym___115611008) == (null)) ? undefined : gensym___115611008.stateVar)})) ?? ("state var"))));
    this.__backing_message = STATE_MGMT_FACTORY.makeProp<string>(this, "message", UIUtils.makeObserved<string>(((({let gensym___91869411 = initializers;
    (((gensym___91869411) == (null)) ? undefined : gensym___91869411.message)})) ?? ("click to change state variable, add **"))));
    this.__backing_message2 = STATE_MGMT_FACTORY.makeProp<string>(this, "message2", UIUtils.makeObserved<string>((initializers!.message2 as string)));
    this.__backing_message3 = STATE_MGMT_FACTORY.makeProvide<string>(this, "message3", "nihao", UIUtils.makeObserved<string>(((({let gensym___242426465 = initializers;
    (((gensym___242426465) == (null)) ? undefined : gensym___242426465.message3)})) ?? ("nihao"))), false);
    this.__backing_asa = STATE_MGMT_FACTORY.makeObjectLink<AA>(this, "asa", UIUtils.makeObserved<AA>(({let gensym___161997318 = initializers;
    (((gensym___161997318) == (null)) ? undefined : gensym___161997318.asa)})!))
    this.__backing_storageLink = STATE_MGMT_FACTORY.makeStorageLink<number>(this, "PropA", "storageLink", UIUtils.makeObserved<number>(1))
    this.__backing_storagePropObject = STATE_MGMT_FACTORY.makeStorageProp<Data>(this, "PropB", "storagePropObject", UIUtils.makeObserved<Data>(new Data(1)))
  }
  
  public __updateStruct(initializers: __Options_MyStateSample | undefined): void {
    if (((({let gensym___172794966 = initializers;
    (((gensym___172794966) == (null)) ? undefined : gensym___172794966.message)})) !== (undefined))) {
      this.__backing_message!.update((initializers!.message as string));
    }
    if (((({let gensym___179552046 = initializers;
    (((gensym___179552046) == (null)) ? undefined : gensym___179552046.message2)})) !== (undefined))) {
      this.__backing_message2!.update((initializers!.message2 as string));
    }
    if (((({let gensym___241329904 = initializers;
    (((gensym___241329904) == (null)) ? undefined : gensym___241329904.asa)})) !== (undefined))) {
      this.__backing_asa!.update(initializers!.asa!);
    }
  }
  
  private __backing_stateVar?: IStateDecoratedVariable<string>;
  
  public get stateVar(): string {
    return this.__backing_stateVar!.get();
  }
  
  public set stateVar(value: string) {
    this.__backing_stateVar!.set(UIUtils.makeObserved<string>(value));
  }
  
  private __backing_message?: IPropDecoratedVariable<string>;
  
  public get message(): string {
    return this.__backing_message!.get();
  }
  
  public set message(value: string) {
    this.__backing_message!.set(UIUtils.makeObserved<string>(value));
  }
  
  private __backing_message2?: IPropDecoratedVariable<string>;
  
  public get message2(): string {
    return this.__backing_message2!.get();
  }
  
  public set message2(value: string) {
    this.__backing_message2!.set(UIUtils.makeObserved<string>(value));
  }
  
  private __backing_message3?: IProvideDecoratedVariable<string>;
  
  public get message3(): string {
    return this.__backing_message3!.get();
  }
  
  public set message3(value: string) {
    this.__backing_message3!.set(UIUtils.makeObserved<string>(value));
  }
  
  private __backing_asa?: IObjectLinkDecoratedVariable<AA>;
  
  public get asa(): AA {
    return this.__backing_asa!.get();
  }
  
  private __backing_storageLink?: IStorageLinkDecoratedVariable<number>;
  
  public get storageLink(): number {
    return this.__backing_storageLink!.get();
  }
  
  public set storageLink(value: number) {
    this.__backing_storageLink!.set(UIUtils.makeObserved<number>(value));
  }
  
  private __backing_storagePropObject?: IStoragePropDecoratedVariable<Data>;
  
  public get storagePropObject(): Data {
    return this.__backing_storagePropObject!.get();
  }
  
  public set storagePropObject(value: Data) {
    this.__backing_storagePropObject!.set(UIUtils.makeObserved<Data>(value));
  }
  
  @memo() public _build(@memo() style: ((instance: MyStateSample)=> MyStateSample) | undefined, @memo() content: (()=> void) | undefined, initializers: __Options_MyStateSample | undefined): void {
    Column(((instance: ColumnAttribute): void => {
      instance.margin(10);
      return;
    }), (() => {
      Text(((instance: TextAttribute): void => {
        instance.fontSize(20);
        return;
      }), this.stateVar);
    }));
  }
  
  private constructor() {}
  
}
```
### 自检及测试项/Self-check and Test

##### **一、ArkUI UT**
- [ ] 已通过
- [ ] 不涉及，无需验证

##### **二、ArkCompiler UT**
- [ ] 已通过
- [ ] 不涉及，无需验证

##### **三、新增全局变量，需要在CleanUp阶段清理**
- [ ] 已自检
- [ ] 不涉及，无需验证

##### **四、补充测试**
请说明已执行的其他测试项及其结果。

类型	指派人员	状态
审查	chenqy930 chengongping lihong houhaoyu	进行中 (0/1人)
测试	openharmony_ci	进行中 (0/1人)

OpenHarmony/developtools_ace_ets2bundle .gitee-modal { width: 500px !important; }

搜索帮助

OpenHarmony/developtools_ace_ets2bundle