transform decorator track · Pull Request !150 · RRI/koala_projects

1. transform decorator track
origin code:
```
function makeArray(items: number): Array<string> {
    const result = new Array<string>(items)
    for (let i = 0; i < items; i++) result[i] = `elem${i}`
    return result
}

function makeVal(val: string) {
  return val+"maked"
}

class Info {
  @Track name: string = 'XiaoMing';
  @Track location: string = 'SH';
  age: number = 0;
  constructor(name: string,location: string,  age: number) {
    this.name = name;
    this.location = makeVal(location);
    this.age = age;
    let p = makeVal("aaaa")
    makeVal("aaaa")
   }
}
class Wrapper {
  info: Info = new Info("XiaoHong", "HZ", 20)
}
class TrackInfo {
    @Track name: string = 'TrackInfo';
    constructor(name: string) {
        this.name = name;
    }
}
@Component
struct Page1 {
    @State color1: string = '#ff0000'
    @State color2: string = '#00ff00'
    @State @Watch('onStateChange') state: number = 1

@State data: Array<string> = makeArray(10)
    @State @Watch('onInfoChange') info: Info = new Info('XiaoMing', "BJ", 29)
    @State b_state: number = this.state;
    @State @Watch('onInfoChange') wrapper: Wrapper = new Wrapper()
    @State trackInfo: TrackInfo = new TrackInfo("new new new")
    @StorageLink('propA') propA: string = 'StorageLink'
    onStateChange(stateName?: string) {
        console.log("jyj state change to ", this.state)
        this.b_state = this.state
    }
    onInfoChange(stateName?: string) {
        console.log("jyj info change name to", this.info.name)
    }
    build() {
        console.log(`In Page1`)
        Column() {
            // Text()
            Button('axx'+ this.state).onClick((e?: ClickEvent)=>{this.state++})
            Button('AppStorage.get '+AppStorage.get<string>('propA')).onClick((e?: ClickEvent)=>{this.propA += 'C'})
            Button('1').onClick((e?: ClickEvent)=>{this.state++})
            Button('2').onClick((e?: ClickEvent)=>{this.state--})
            if (this.state % 2 == 0) {
                Button('3')
            } 
            // TestStructBuilder().width('100%')
            Child({prop: this.state, link: $state, objLink: this.info, trackInfo: this.trackInfo})
            // Child({prop: this.state, link: this.state, objLink: this.state})
            Button('info.name'+this.info.name).onClick((e?: ClickEvent)=>{this.info.name+='@'})
            Button('wrapper.info.name'+this.wrapper.info.name).onClick((e?: ClickEvent)=>{this.wrapper.info.name+='&'})
            Button('trackInfo.name'+this.trackInfo.name).onClick((e?: ClickEvent)=>{this.trackInfo.name+='@'})
        }
        .width('100%').height('100%')
        .backgroundColor(Color.Gray)
        .justifyContent(FlexAlign.Center)

}

swap(): void {
        console.log("#### Swap")
        let tmp = this.color1
        this.color1 = this.color2
        this.color2 = tmp
    }
}

@Component
struct Child {
  @Prop prop: number = 0;
  @Link link: number;
  @ObjectLink objLink: Info;
  @ObjectLink trackInfo: TrackInfo
  build() {
    Column() {
        Button('prop+ '+this.prop).onClick((e?: ClickEvent)=>{this.prop++})
        Button('info.name: '+this.objLink.name).onClick((e?: ClickEvent)=>{this.objLink.name+='%'})
        Button('trackInfo.name: '+this.trackInfo.name).onClick((e?: ClickEvent)=>{this.trackInfo.name+='%'})
    }
  }
}
```

generated
```
import { AppStorage, AppStorageLinkState, ArkButton, ArkButtonComponent, ArkColumn, ArkColumnComponent, ArkCommonMethodComponent, ArkPageTransitionEnterComponent, ArkPageTransitionExitComponent, ArkStructBase, ClickEvent, Color, FlexAlign, SyncedProperty, objectLinkState, propState, stateOf } from "@koalaui/arkts-arkui";
import { observableProxy } from "@koalaui/common";
import { MutableState, OnChange } from "@koalaui/runtime";
import { LocalStorage } from "@koalaui/arkui-common";
function makeArray(items: number): Array<string> {
    const result = new Array<string>(items);
    for (let i = 0; i < items; i++)
        result[i] = `elem${i}`;
    return result;
}
function makeVal(val: string) {
    return val + "maked";
}
class Info {
    __backing_name: MutableState<string> = stateOf<string>('XiaoMing');
    get name(): string {
        return this.__backing_name!.value;
    }
    set name(value: string) {
        this.__backing_name!.value = observableProxy(value);
    }
    __backing_location: MutableState<string> = stateOf<string>('SH');
    get location(): string {
        return this.__backing_location!.value;
    }
    set location(value: string) {
        this.__backing_location!.value = observableProxy(value);
    }
    age: number = 0;
    constructor(name: string, location: string, age: number) {
        this.__backing_name = stateOf<string>(name);
        this.__backing_location = stateOf<string>(makeVal(location));
        this.age = age;
        let p = makeVal("aaaa");
        makeVal("aaaa");
    }
}
class Wrapper {
    info: Info = new Info("XiaoHong", "HZ", 20);
}
class TrackInfo {
    __backing_name: MutableState<string> = stateOf<string>('TrackInfo');
    get name(): string {
        return this.__backing_name!.value;
    }
    set name(value: string) {
        this.__backing_name!.value = observableProxy(value);
    }
    constructor(name: string) { this.__backing_name = stateOf<string>(name); }
}
class ArkPage1Component extends ArkStructBase<ArkPage1Component, Page1Options> {
    private _entry_local_storage_ = new LocalStorage();
    __initializeStruct(/**/
    /** @memo */
    content?: () => void, initializers?: Page1Options): void {
        this.__backing_color1 = stateOf<string>(initializers?.color1 ?? ('#ff0000'), this);
        this.__backing_color2 = stateOf<string>(initializers?.color2 ?? ('#00ff00'), this);
        this.__backing_state = stateOf<number>(initializers?.state ?? (1), this);
        this.__backing_data = stateOf<Array<string>>(initializers?.data ?? (makeArray(10)), this);
        this.__backing_info = stateOf<Info>(initializers?.info ?? (new Info('XiaoMing', "BJ", 29)), this);
        this.__backing_b_state = stateOf<number>(initializers?.b_state ?? (this.state), this);
        this.__backing_wrapper = stateOf<Wrapper>(initializers?.wrapper ?? (new Wrapper()), this);
        this.__backing_trackInfo = stateOf<TrackInfo>(initializers?.trackInfo ?? (new TrackInfo("new new new")), this);
        this.__backing_propA = AppStorageLinkState<string>('propA', 'StorageLink');
    }
    private __backing_color1?: MutableState<string>;
    private get color1(): string {
        return this.__backing_color1!.value;
    }
    private set color1(value: string) {
        this.__backing_color1!.value = observableProxy(value);
    }
    private __backing_color2?: MutableState<string>;
    private get color2(): string {
        return this.__backing_color2!.value;
    }
    private set color2(value: string) {
        this.__backing_color2!.value = observableProxy(value);
    }
    private __backing_state?: MutableState<number>;
    private get state(): number {
        return this.__backing_state!.value;
    }
    private set state(value: number) {
        this.__backing_state!.value = observableProxy(value);
    }
    private __backing_data?: MutableState<Array<string>>;
    private get data(): Array<string> {
        return this.__backing_data!.value;
    }
    private set data(value: Array<string>) {
        this.__backing_data!.value = observableProxy(value);
    }
    private __backing_info?: MutableState<Info>;
    private get info(): Info {
        return this.__backing_info!.value;
    }
    private set info(value: Info) {
        this.__backing_info!.value = observableProxy(value);
    }
    private __backing_b_state?: MutableState<number>;
    private get b_state(): number {
        return this.__backing_b_state!.value;
    }
    private set b_state(value: number) {
        this.__backing_b_state!.value = observableProxy(value);
    }
    private __backing_wrapper?: MutableState<Wrapper>;
    private get wrapper(): Wrapper {
        return this.__backing_wrapper!.value;
    }
    private set wrapper(value: Wrapper) {
        this.__backing_wrapper!.value = observableProxy(value);
    }
    private __backing_trackInfo?: MutableState<TrackInfo>;
    private get trackInfo(): TrackInfo {
        return this.__backing_trackInfo!.value;
    }
    private set trackInfo(value: TrackInfo) {
        this.__backing_trackInfo!.value = observableProxy(value);
    }
    private __backing_propA?: MutableState<string>;
    private get propA(): string {
        return this.__backing_propA!.value;
    }
    private set propA(value: string) {
        this.__backing_propA!.value = observableProxy(value);
    }
    /** @memo */
    __updateStruct(initializers: Page1Options | undefined): void {
        OnChange(this.state, (_: number) => this.onStateChange("state"));
        OnChange(this.info, (_: Info) => this.onInfoChange("info"));
        OnChange(this.wrapper, (_: Wrapper) => this.onInfoChange("wrapper"));
    }
    onStateChange(stateName?: string) {
        console.log("jyj state change to ", this.state);
        this.b_state = this.state;
    }
    onInfoChange(stateName?: string) {
        console.log("jyj info change name to", this.info.name);
    }
    /** @memo */
    __build(/**/
    /** @memo */
    __builder: ((__instance: ArkCommonMethodComponent) => void) | undefined, /**/
    /** @memo */
    content?: () => void, initializers?: Page1Options) {
        console.log(`In Page1`);
        ArkColumn((__instance: ArkColumnComponent) => {
            __instance.width('100%').height('100%')
                .backgroundColor(Color.Gray)
                .justifyContent(FlexAlign.Center);
        }, () => {
            // Text()
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.state++; });
            }, undefined, 'axx' + this.state);
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.propA += 'C'; });
            }, undefined, 'AppStorage.get ' + AppStorage.get<string>('propA'));
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.state++; });
            }, undefined, '1');
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.state--; });
            }, undefined, '2');
            if (this.state % 2 == 0) {
                ArkButton(undefined, undefined, '3');
            }
            // TestStructBuilder().width('100%')
            Child(undefined, undefined, { prop: this.state, __backing_link: this.__backing_state, objLink: this.info, trackInfo: this.trackInfo } as ChildOptions);
            // Child({prop: this.state, link: this.state, objLink: this.state})
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.info.name += '@'; });
            }, undefined, 'info.name' + this.info.name);
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.wrapper.info.name += '&'; });
            }, undefined, 'wrapper.info.name' + this.wrapper.info.name);
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.trackInfo.name += '@'; });
            }, undefined, 'trackInfo.name' + this.trackInfo.name);
        });
    }
    swap(): void {
        console.log("#### Swap");
        let tmp = this.color1;
        this.color1 = this.color2;
        this.color2 = tmp;
    }
}
class ArkChildComponent extends ArkStructBase<ArkChildComponent, ChildOptions> {
    private _entry_local_storage_ = new LocalStorage();
    __initializeStruct(/**/
    /** @memo */
    content?: () => void, initializers?: ChildOptions): void {
        this.__backing_prop = propState<number>(0);
        this.__backing_link = initializers!.__backing_link!;
        this.__backing_objLink = objectLinkState<Info>();
        this.__backing_trackInfo = objectLinkState<TrackInfo>();
    }
    private __backing_prop?: SyncedProperty<number>;
    private get prop(): number {
        return this.__backing_prop!.value;
    }
    private set prop(value: number) {
        this.__backing_prop!.value = observableProxy(value);
    }
    private __backing_link?: MutableState<number>;
    private get link(): number {
        return this.__backing_link!.value;
    }
    private set link(value: number) {
        this.__backing_link!.value = observableProxy(value);
    }
    private __backing_objLink?: SyncedProperty<Info>;
    private get objLink(): Info {
        return this.__backing_objLink!.value;
    }
    private set objLink(value: Info) {
        this.__backing_objLink!.value = observableProxy(value);
    }
    private __backing_trackInfo?: SyncedProperty<TrackInfo>;
    private get trackInfo(): TrackInfo {
        return this.__backing_trackInfo!.value;
    }
    private set trackInfo(value: TrackInfo) {
        this.__backing_trackInfo!.value = observableProxy(value);
    }
    /** @memo */
    __updateStruct(initializers: ChildOptions | undefined): void {
        this.__backing_prop?.update(initializers?.prop);
        this.__backing_objLink?.update(initializers?.objLink);
        this.__backing_trackInfo?.update(initializers?.trackInfo);
    }
    /** @memo */
    __build(/**/
    /** @memo */
    __builder: ((__instance: ArkCommonMethodComponent) => void) | undefined, /**/
    /** @memo */
    content?: () => void, initializers?: ChildOptions) {
        ArkColumn(__builder, () => {
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.prop++; });
            }, undefined, 'prop+ ' + this.prop);
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.objLink.name += '%'; });
            }, undefined, 'info.name: ' + this.objLink.name);
            ArkButton((__instance: ArkButtonComponent) => {
                __instance.onClick((e?: ClickEvent) => { this.trackInfo.name += '%'; });
            }, undefined, 'trackInfo.name: ' + this.trackInfo.name);
        });
    }
}
/** @memo */
export function Page1(/**/
/** @memo */
style?: (__instance: ArkCommonMethodComponent) => void, /**/
/** @memo */
content?: () => void, initializers?: Page1Options): void {
    const updatedInitializers: Page1Options = {
        __backing_color1: initializers?.__backing_color1,
        __backing_color2: initializers?.__backing_color2,
        __backing_state: initializers?.__backing_state,
        __backing_data: initializers?.__backing_data,
        __backing_info: initializers?.__backing_info,
        __backing_b_state: initializers?.__backing_b_state,
        __backing_wrapper: initializers?.__backing_wrapper,
        __backing_trackInfo: initializers?.__backing_trackInfo,
        __backing_propA: initializers?.__backing_propA
    };
    ArkPage1Component._instantiate(style, () => new ArkPage1Component, content, updatedInitializers);
}
/** @memo */
export function Child(/**/
/** @memo */
style?: (__instance: ArkCommonMethodComponent) => void, /**/
/** @memo */
content?: () => void, initializers?: ChildOptions): void {
    const updatedInitializers: ChildOptions = {
        prop: initializers?.prop,
        __backing_prop: initializers?.__backing_prop,
        __backing_link: initializers?.__backing_link,
        objLink: initializers?.objLink,
        __backing_objLink: initializers?.__backing_objLink,
        trackInfo: initializers?.trackInfo,
        __backing_trackInfo: initializers?.__backing_trackInfo
    };
    ArkChildComponent._instantiate(style, () => new ArkChildComponent, content, updatedInitializers);
}
export interface Page1Options {
    __backing_color1?: MutableState<string>;
    color1?: string;
    __backing_color2?: MutableState<string>;
    color2?: string;
    __backing_state?: MutableState<number>;
    state?: number;
    __backing_data?: MutableState<Array<string>>;
    data?: Array<string>;
    __backing_info?: MutableState<Info>;
    info?: Info;
    __backing_b_state?: MutableState<number>;
    b_state?: number;
    __backing_wrapper?: MutableState<Wrapper>;
    wrapper?: Wrapper;
    __backing_trackInfo?: MutableState<TrackInfo>;
    trackInfo?: TrackInfo;
    __backing_propA?: MutableState<string>;
    propA?: string;
}
export interface ChildOptions {
    __backing_prop?: SyncedProperty<number>;
    prop?: number;
    __backing_link?: MutableState<number>;
    link?: number;
    __backing_objLink?: SyncedProperty<Info>;
    objLink?: Info;
    __backing_trackInfo?: SyncedProperty<TrackInfo>;
    trackInfo?: TrackInfo;
}
```

unmemorized
```
import { AppStorage, AppStorageLinkState, ArkButton, ArkButtonComponent, ArkColumn, ArkColumnComponent, ArkCommonMethodComponent, ArkPageTransitionEnterComponent, ArkPageTransitionExitComponent, ArkStructBase, ClickEvent, Color, FlexAlign, SyncedProperty, objectLinkState, propState, stateOf } from "@koalaui/arkts-arkui";
import { observableProxy } from "@koalaui/common";
import { MutableState, OnChange } from "@koalaui/runtime";
import { LocalStorage } from "@koalaui/arkui-common";
import { __memo_context_type, __memo_id_type } from "@koalaui/runtime";
function makeArray(items: number): Array<string> {
    const result = new Array<string>(items);
    for (let i = 0; i < items; i++)
        result[i] = `elem${i}`;
    return result;
}
function makeVal(val: string) {
    return val + "maked";
}
class Info {
    __backing_name: MutableState<string> = stateOf<string>('XiaoMing');
    get name(): string {
        return this.__backing_name!.value;
    }
    set name(value: string) {
        this.__backing_name!.value = observableProxy(value);
    }
    __backing_location: MutableState<string> = stateOf<string>('SH');
    get location(): string {
        return this.__backing_location!.value;
    }
    set location(value: string) {
        this.__backing_location!.value = observableProxy(value);
    }
    age: number = 0;
    constructor(name: string, location: string, age: number) {
        this.__backing_name = stateOf<string>(name);
        this.__backing_location = stateOf<string>(makeVal(location));
        this.age = age;
        let p = makeVal("aaaa");
        makeVal("aaaa");
    }
}
class Wrapper {
    info: Info = new Info("XiaoHong", "HZ", 20);
}
class TrackInfo {
    __backing_name: MutableState<string> = stateOf<string>('TrackInfo');
    get name(): string {
        return this.__backing_name!.value;
    }
    set name(value: string) {
        this.__backing_name!.value = observableProxy(value);
    }
    constructor(name: string) { this.__backing_name = stateOf<string>(name); }
}
class ArkPage1Component extends ArkStructBase<ArkPage1Component, Page1Options> {
    private _entry_local_storage_ = new LocalStorage();
    __initializeStruct(/**/ 
    /** @memo */
    content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: Page1Options): void {
        this.__backing_color1 = stateOf<string>(initializers?.color1 ?? ('#ff0000'), this);
        this.__backing_color2 = stateOf<string>(initializers?.color2 ?? ('#00ff00'), this);
        this.__backing_state = stateOf<number>(initializers?.state ?? (1), this);
        this.__backing_data = stateOf<Array<string>>(initializers?.data ?? (makeArray(10)), this);
        this.__backing_info = stateOf<Info>(initializers?.info ?? (new Info('XiaoMing', "BJ", 29)), this);
        this.__backing_b_state = stateOf<number>(initializers?.b_state ?? (this.state), this);
        this.__backing_wrapper = stateOf<Wrapper>(initializers?.wrapper ?? (new Wrapper()), this);
        this.__backing_trackInfo = stateOf<TrackInfo>(initializers?.trackInfo ?? (new TrackInfo("new new new")), this);
        this.__backing_propA = AppStorageLinkState<string>('propA', 'StorageLink');
    }
    private __backing_color1?: MutableState<string>;
    private get color1(): string {
        return this.__backing_color1!.value;
    }
    private set color1(value: string) {
        this.__backing_color1!.value = observableProxy(value);
    }
    private __backing_color2?: MutableState<string>;
    private get color2(): string {
        return this.__backing_color2!.value;
    }
    private set color2(value: string) {
        this.__backing_color2!.value = observableProxy(value);
    }
    private __backing_state?: MutableState<number>;
    private get state(): number {
        return this.__backing_state!.value;
    }
    private set state(value: number) {
        this.__backing_state!.value = observableProxy(value);
    }
    private __backing_data?: MutableState<Array<string>>;
    private get data(): Array<string> {
        return this.__backing_data!.value;
    }
    private set data(value: Array<string>) {
        this.__backing_data!.value = observableProxy(value);
    }
    private __backing_info?: MutableState<Info>;
    private get info(): Info {
        return this.__backing_info!.value;
    }
    private set info(value: Info) {
        this.__backing_info!.value = observableProxy(value);
    }
    private __backing_b_state?: MutableState<number>;
    private get b_state(): number {
        return this.__backing_b_state!.value;
    }
    private set b_state(value: number) {
        this.__backing_b_state!.value = observableProxy(value);
    }
    private __backing_wrapper?: MutableState<Wrapper>;
    private get wrapper(): Wrapper {
        return this.__backing_wrapper!.value;
    }
    private set wrapper(value: Wrapper) {
        this.__backing_wrapper!.value = observableProxy(value);
    }
    private __backing_trackInfo?: MutableState<TrackInfo>;
    private get trackInfo(): TrackInfo {
        return this.__backing_trackInfo!.value;
    }
    private set trackInfo(value: TrackInfo) {
        this.__backing_trackInfo!.value = observableProxy(value);
    }
    private __backing_propA?: MutableState<string>;
    private get propA(): string {
        return this.__backing_propA!.value;
    }
    private set propA(value: string) {
        this.__backing_propA!.value = observableProxy(value);
    }
    /** @memo */
    __updateStruct(__memo_context: __memo_context_type, __memo_id: __memo_id_type, initializers: Page1Options | undefined): void {
        const __memo_scope = __memo_context.scope<void>(__memo_id + (0x224152a0d9 as __memo_id_type), 2);
        const __memo_parameter_initializers = __memo_scope.param(1, initializers);
        const __memo_parameter_this = __memo_scope.param(0, this);
        if (__memo_scope.unchanged) {
            __memo_scope.cached;
            return;
        }
        OnChange(__memo_context, __memo_id + (0x6b84ada503 as __memo_id_type), __memo_parameter_this.value.state, (_: number) => __memo_parameter_this.value.onStateChange("state"));
        OnChange(__memo_context, __memo_id + (0xbdeda665a9 as __memo_id_type), __memo_parameter_this.value.info, (_: Info) => __memo_parameter_this.value.onInfoChange("info"));
        OnChange(__memo_context, __memo_id + (0x94d57b91cb as __memo_id_type), __memo_parameter_this.value.wrapper, (_: Wrapper) => __memo_parameter_this.value.onInfoChange("wrapper"));
        {
            __memo_scope.recache();
            return;
        }
    }
    onStateChange(stateName?: string) {
        console.log("jyj state change to ", this.state);
        this.b_state = this.state;
    }
    onInfoChange(stateName?: string) {
        console.log("jyj info change name to", this.info.name);
    }
    /** @memo */
    __build(__memo_context: __memo_context_type, __memo_id: __memo_id_type, /**/ 
    /** @memo */
    __builder: ((__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkCommonMethodComponent) => void) | undefined, /**/ 
    /** @memo */
    content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: Page1Options) {
        const __memo_scope = __memo_context.scope<void>(__memo_id + (0x20f29c9bf0 as __memo_id_type), 3);
        const __memo_parameter___builder = __memo_scope.param(1, __builder);
        const __memo_parameter_initializers = __memo_scope.param(2, initializers);
        const __memo_parameter_this = __memo_scope.param(0, this);
        if (__memo_scope.unchanged) {
            __memo_scope.cached;
            return;
        }
        console.log(`In Page1`);
        ArkColumn(__memo_context, __memo_id + (0x175cd2652d as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkColumnComponent) => {
            const __memo_scope = __memo_context.scope<void>(__memo_id + (0x60c20f322c as __memo_id_type), 1);
            const __memo_parameter___instance = __memo_scope.param(0, __instance);
            if (__memo_scope.unchanged) {
                __memo_scope.cached;
                return;
            }
            __memo_parameter___instance.value.width(__memo_context, __memo_id + (0x3623ee31ce as __memo_id_type), '100%').height(__memo_context, __memo_id + (0x76f17fd916 as __memo_id_type), '100%')
                .backgroundColor(__memo_context, __memo_id + (0x54511b02b6 as __memo_id_type), Color.Gray)
                .justifyContent(__memo_context, __memo_id + (0xf1836bcd84 as __memo_id_type), FlexAlign.Center);
            {
                __memo_scope.recache();
                return;
            }
        }, (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => {
            const __memo_scope = __memo_context.scope<void>(__memo_id + (0x83c174154a as __memo_id_type));
            if (__memo_scope.unchanged) {
                __memo_scope.cached;
                return;
            }
            // Text()
            ArkButton(__memo_context, __memo_id + (0x86a7d2c9e9 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x002d539b4f as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0xee9f0eef02 as __memo_id_type), __memo_context.compute(__memo_id + (0x4701ff9d25 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.state++; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'axx' + __memo_parameter_this.value.state);
            ArkButton(__memo_context, __memo_id + (0xd0e8744cd3 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x6ccc7d71d3 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x8ae5505145 as __memo_id_type), __memo_context.compute(__memo_id + (0x6f832208c1 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.propA += 'C'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'AppStorage.get ' + AppStorage.get<string>('propA'));
            ArkButton(__memo_context, __memo_id + (0x95f2743a85 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x25a34400af as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x428caf81d1 as __memo_id_type), __memo_context.compute(__memo_id + (0x5c22cb7b20 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.state++; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, '1');
            ArkButton(__memo_context, __memo_id + (0xa4b58dee70 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0xe654c8a761 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x62f062ed09 as __memo_id_type), __memo_context.compute(__memo_id + (0x8ea47e7893 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.state--; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, '2');
            if (__memo_parameter_this.value.state % 2 == 0) {
                ArkButton(__memo_context, __memo_id + (0xd5f3dc27a6 as __memo_id_type), undefined, undefined, '3');
            }
            // TestStructBuilder().width('100%')
            Child(__memo_context, __memo_id + (0x5cc01c7a9e as __memo_id_type), undefined, undefined, __memo_context.compute(__memo_id + (0x0e761aed41 as __memo_id_type), () => ({ prop: __memo_parameter_this.value.state, __backing_link: __memo_parameter_this.value.__backing_state, objLink: __memo_parameter_this.value.info, trackInfo: __memo_parameter_this.value.trackInfo } as ChildOptions)));
            // Child({prop: this.state, link: this.state, objLink: this.state})
            ArkButton(__memo_context, __memo_id + (0x61365d0eb4 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0xdc66eb39a6 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x63677758df as __memo_id_type), __memo_context.compute(__memo_id + (0x45d87ae9e6 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.info.name += '@'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'info.name' + __memo_parameter_this.value.info.name);
            ArkButton(__memo_context, __memo_id + (0x30c1037882 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x7bb5bfa804 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x1be564e11c as __memo_id_type), __memo_context.compute(__memo_id + (0xd50cdebc0d as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.wrapper.info.name += '&'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'wrapper.info.name' + __memo_parameter_this.value.wrapper.info.name);
            ArkButton(__memo_context, __memo_id + (0x48a4e7f36f as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x93b836c31f as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x36cd78ef48 as __memo_id_type), __memo_context.compute(__memo_id + (0x0758d59243 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.trackInfo.name += '@'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'trackInfo.name' + __memo_parameter_this.value.trackInfo.name);
            {
                __memo_scope.recache();
                return;
            }
        });
        {
            __memo_scope.recache();
            return;
        }
    }
    swap(): void {
        console.log("#### Swap");
        let tmp = this.color1;
        this.color1 = this.color2;
        this.color2 = tmp;
    }
}
class ArkChildComponent extends ArkStructBase<ArkChildComponent, ChildOptions> {
    private _entry_local_storage_ = new LocalStorage();
    __initializeStruct(/**/ 
    /** @memo */
    content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: ChildOptions): void {
        this.__backing_prop = propState<number>(0);
        this.__backing_link = initializers!.__backing_link!;
        this.__backing_objLink = objectLinkState<Info>();
        this.__backing_trackInfo = objectLinkState<TrackInfo>();
    }
    private __backing_prop?: SyncedProperty<number>;
    private get prop(): number {
        return this.__backing_prop!.value;
    }
    private set prop(value: number) {
        this.__backing_prop!.value = observableProxy(value);
    }
    private __backing_link?: MutableState<number>;
    private get link(): number {
        return this.__backing_link!.value;
    }
    private set link(value: number) {
        this.__backing_link!.value = observableProxy(value);
    }
    private __backing_objLink?: SyncedProperty<Info>;
    private get objLink(): Info {
        return this.__backing_objLink!.value;
    }
    private set objLink(value: Info) {
        this.__backing_objLink!.value = observableProxy(value);
    }
    private __backing_trackInfo?: SyncedProperty<TrackInfo>;
    private get trackInfo(): TrackInfo {
        return this.__backing_trackInfo!.value;
    }
    private set trackInfo(value: TrackInfo) {
        this.__backing_trackInfo!.value = observableProxy(value);
    }
    /** @memo */
    __updateStruct(__memo_context: __memo_context_type, __memo_id: __memo_id_type, initializers: ChildOptions | undefined): void {
        const __memo_scope = __memo_context.scope<void>(__memo_id + (0xf2bcd8b1c0 as __memo_id_type), 2);
        const __memo_parameter_initializers = __memo_scope.param(1, initializers);
        const __memo_parameter_this = __memo_scope.param(0, this);
        if (__memo_scope.unchanged) {
            __memo_scope.cached;
            return;
        }
        __memo_parameter_this.value.__backing_prop?.update(__memo_context, __memo_id + (0xe95f626e05 as __memo_id_type), __memo_parameter_initializers.value?.prop);
        __memo_parameter_this.value.__backing_objLink?.update(__memo_context, __memo_id + (0xb308988a83 as __memo_id_type), __memo_parameter_initializers.value?.objLink);
        __memo_parameter_this.value.__backing_trackInfo?.update(__memo_context, __memo_id + (0x4fab6c4df5 as __memo_id_type), __memo_parameter_initializers.value?.trackInfo);
        {
            __memo_scope.recache();
            return;
        }
    }
    /** @memo */
    __build(__memo_context: __memo_context_type, __memo_id: __memo_id_type, /**/ 
    /** @memo */
    __builder: ((__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkCommonMethodComponent) => void) | undefined, /**/ 
    /** @memo */
    content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: ChildOptions) {
        const __memo_scope = __memo_context.scope<void>(__memo_id + (0x21dc047c61 as __memo_id_type), 3);
        const __memo_parameter___builder = __memo_scope.param(1, __builder);
        const __memo_parameter_initializers = __memo_scope.param(2, initializers);
        const __memo_parameter_this = __memo_scope.param(0, this);
        if (__memo_scope.unchanged) {
            __memo_scope.cached;
            return;
        }
        ArkColumn(__memo_context, __memo_id + (0x4190d14fb6 as __memo_id_type), __memo_parameter___builder.value, (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => {
            const __memo_scope = __memo_context.scope<void>(__memo_id + (0xff6e83bc6d as __memo_id_type));
            if (__memo_scope.unchanged) {
                __memo_scope.cached;
                return;
            }
            ArkButton(__memo_context, __memo_id + (0x10668e8503 as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x1227cc5684 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x50b3c15dee as __memo_id_type), __memo_context.compute(__memo_id + (0xbf1a0b2bed as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.prop++; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'prop+ ' + __memo_parameter_this.value.prop);
            ArkButton(__memo_context, __memo_id + (0xba19b9a48d as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0x41698332c8 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0x0f395f396e as __memo_id_type), __memo_context.compute(__memo_id + (0xdc50d48e6f as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.objLink.name += '%'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'info.name: ' + __memo_parameter_this.value.objLink.name);
            ArkButton(__memo_context, __memo_id + (0x5166a5932b as __memo_id_type), (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkButtonComponent) => {
                const __memo_scope = __memo_context.scope<void>(__memo_id + (0xd0b3f3f350 as __memo_id_type), 1);
                const __memo_parameter___instance = __memo_scope.param(0, __instance);
                if (__memo_scope.unchanged) {
                    __memo_scope.cached;
                    return;
                }
                __memo_parameter___instance.value.onClick(__memo_context, __memo_id + (0xdc2bbd440c as __memo_id_type), __memo_context.compute(__memo_id + (0xd520888237 as __memo_id_type), () => (e?: ClickEvent) => { __memo_parameter_this.value.trackInfo.name += '%'; }));
                {
                    __memo_scope.recache();
                    return;
                }
            }, undefined, 'trackInfo.name: ' + __memo_parameter_this.value.trackInfo.name);
            {
                __memo_scope.recache();
                return;
            }
        });
        {
            __memo_scope.recache();
            return;
        }
    }
}
/** @memo */
export function Page1(__memo_context: __memo_context_type, __memo_id: __memo_id_type, /**/ 
/** @memo */
style?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkCommonMethodComponent) => void, /**/ 
/** @memo */
content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: Page1Options): void {
    const __memo_scope = __memo_context.scope<void>(__memo_id + (0x8813684c93 as __memo_id_type), 2);
    const __memo_parameter_style = __memo_scope.param(0, style);
    const __memo_parameter_initializers = __memo_scope.param(1, initializers);
    if (__memo_scope.unchanged) {
        __memo_scope.cached;
        return;
    }
    const updatedInitializers: Page1Options = {
        __backing_color1: __memo_parameter_initializers.value?.__backing_color1,
        __backing_color2: __memo_parameter_initializers.value?.__backing_color2,
        __backing_state: __memo_parameter_initializers.value?.__backing_state,
        __backing_data: __memo_parameter_initializers.value?.__backing_data,
        __backing_info: __memo_parameter_initializers.value?.__backing_info,
        __backing_b_state: __memo_parameter_initializers.value?.__backing_b_state,
        __backing_wrapper: __memo_parameter_initializers.value?.__backing_wrapper,
        __backing_trackInfo: __memo_parameter_initializers.value?.__backing_trackInfo,
        __backing_propA: __memo_parameter_initializers.value?.__backing_propA
    };
    ArkPage1Component._instantiate(__memo_context, __memo_id + (0x7dc74f8138 as __memo_id_type), __memo_parameter_style.value, __memo_context.compute(__memo_id + (0xb8783cf94e as __memo_id_type), () => () => new ArkPage1Component), content, updatedInitializers);
    {
        __memo_scope.recache();
        return;
    }
}
/** @memo */
export function Child(__memo_context: __memo_context_type, __memo_id: __memo_id_type, /**/ 
/** @memo */
style?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type, __instance: ArkCommonMethodComponent) => void, /**/ 
/** @memo */
content?: (__memo_context: __memo_context_type, __memo_id: __memo_id_type) => void, initializers?: ChildOptions): void {
    const __memo_scope = __memo_context.scope<void>(__memo_id + (0x5b3fda972f as __memo_id_type), 2);
    const __memo_parameter_style = __memo_scope.param(0, style);
    const __memo_parameter_initializers = __memo_scope.param(1, initializers);
    if (__memo_scope.unchanged) {
        __memo_scope.cached;
        return;
    }
    const updatedInitializers: ChildOptions = {
        prop: __memo_parameter_initializers.value?.prop,
        __backing_prop: __memo_parameter_initializers.value?.__backing_prop,
        __backing_link: __memo_parameter_initializers.value?.__backing_link,
        objLink: __memo_parameter_initializers.value?.objLink,
        __backing_objLink: __memo_parameter_initializers.value?.__backing_objLink,
        trackInfo: __memo_parameter_initializers.value?.trackInfo,
        __backing_trackInfo: __memo_parameter_initializers.value?.__backing_trackInfo
    };
    ArkChildComponent._instantiate(__memo_context, __memo_id + (0xf139144573 as __memo_id_type), __memo_parameter_style.value, __memo_context.compute(__memo_id + (0xc5233f48d0 as __memo_id_type), () => () => new ArkChildComponent), content, updatedInitializers);
    {
        __memo_scope.recache();
        return;
    }
}
export interface Page1Options {
    __backing_color1?: MutableState<string>;
    color1?: string;
    __backing_color2?: MutableState<string>;
    color2?: string;
    __backing_state?: MutableState<number>;
    state?: number;
    __backing_data?: MutableState<Array<string>>;
    data?: Array<string>;
    __backing_info?: MutableState<Info>;
    info?: Info;
    __backing_b_state?: MutableState<number>;
    b_state?: number;
    __backing_wrapper?: MutableState<Wrapper>;
    wrapper?: Wrapper;
    __backing_trackInfo?: MutableState<TrackInfo>;
    trackInfo?: TrackInfo;
    __backing_propA?: MutableState<string>;
    propA?: string;
}
export interface ChildOptions {
    __backing_prop?: SyncedProperty<number>;
    prop?: number;
    __backing_link?: MutableState<number>;
    link?: number;
    __backing_objLink?: SyncedProperty<Info>;
    objLink?: Info;
    __backing_trackInfo?: SyncedProperty<TrackInfo>;
    trackInfo?: TrackInfo;
}
```
npm run run
![](https://foruda.gitee.com/images/1741100760618967086/75c1bc17_12069202.png "屏幕截图")
npm run test
![输入图片说明](https://foruda.gitee.com/images/1741100832890931431/221160d7_12069202.png "屏幕截图")
npm run run:user:pure-sts
![输入图片说明](https://foruda.gitee.com/images/1741100782656692853/5645f4c0_12069202.png "屏幕截图")

类型	指派人员	状态
审查	Nikolay Igotti Aleksandr Veselov Sergey Malenkov Roman Sedaikin Kirill Kirichenko Anton Tarasov naumovdmitrii Peter Z pavelmironchik Igor Loginov Korobeinikov Evgeny kolegovilya	进行中 (0/1人)
测试	Nikolay Igotti Aleksandr Veselov Sergey Malenkov Roman Sedaikin Kirill Kirichenko Anton Tarasov naumovdmitrii pavelmironchik Korobeinikov Evgeny kolegovilya	进行中 (0/1人)

RRI/koala_projects .gitee-modal { width: 500px !important; }

搜索帮助

RRI/koala_projects