shijiakai2@huawei.com

rebuild test for ets-checker and ets-transform

Signed-off-by: s00912778 <shijiakai2@huawei.com>
Change-Id: If6ea8a9e035d84c3e8f59eaa219a2dc46937be9c

.gitignore

@@ -1,4 +1,5 @@
 .vscode/
+compiler/etsTest_build/
 compiler/arkTest_build/
 compiler/node_modules/
 compiler/lib/

compiler/main.js

@@ -1093,6 +1093,7 @@ function resetProjectConfig() {
   projectConfig.optLazyForEach = false;
   projectConfig.hspResourcesMap = false;
   projectConfig.coldReload = undefined;
+  projectConfig.hotReload = undefined;
   projectConfig.isFirstBuild = undefined;
   projectConfig.changedFileList = undefined;
   projectConfig.patchAbcPath = undefined;

compiler/package.json

@@ -10,7 +10,7 @@
   ],
   "scripts": {
     "lint": "eslint --fix ./src --ext .ts",
-    "build": "npm run generateDeclarations && ./node_modules/.bin/babel ./src --out-dir lib --extensions .ts && node uglify-source.js lib",
+    "build": "npm run generateDeclarations && ./node_modules/.bin/babel ./src --out-dir lib --extensions .ts",
     "create": "node ./lib/create.js --env projectName",
     "compile": "webpack --config webpack.config.js --env buildMode=debug projectName",
     "test": "npm run build && mocha test/test.js && mocha test/test.js --partialUpdate && mocha test/test.js --assertError",
@@ -23,7 +23,10 @@
     "arkTest": "npm run generateKitConfigs && ./node_modules/.bin/babel ./test/ark_compiler_ut --out-dir arkTest_build/ark_compiler_ut --extensions .ts && npm run run:arkTest && npm run run:cleanArkTest",
     "coverage": "node_modules/nyc/bin/nyc.js npm run test:coverage",
     "duplicate": "jscpd",
-    "generateKitConfigs": "node ./build_kitConfigs_file.js ../../../interface/sdk-js/kits ./kit_configs ../../../interface/sdk-js/api ../../../interface/sdk-js/arkts"
+    "generateKitConfigs": "node ./build_kitConfigs_file.js ../../../interface/sdk-js/kits ./kit_configs ../../../interface/sdk-js/api ../../../interface/sdk-js/arkts",
+    "etsTest": "npm run build && ./node_modules/.bin/babel ./test/transform_ut --ignore ./test/transform_ut/application/** --out-dir etsTest_build/transform_ut --extensions .ts && npm run run:etsTest&& npm run run:cleanEtsTest",
+    "run:etsTest": "mocha \"etsTest_build/transform_ut/**/*.test.js\" --reporter-option maxDiffSize=10000",
+    "run:cleanEtsTest": "rm -rf etsTest_build"
   },
   "devDependencies": {
     "@babel/cli": "7.20.7",

compiler/test/error.json

@@ -31,10 +31,14 @@
         {
             "message": "Then statement cannot be null in if statement.",
             "type": "ERROR"
+        },
+        {
+            "message": "'' does not meet UI component syntax.",
+            "type": "ERROR"
         }
     ],
     "idCheck": {
-        "message": "The current component id \"1\" is duplicate with ${path.resolve(__dirname, '../idCheck.ets')}:7:21.",
+        "message": "The current component id \"1\" is duplicate with ${const path = require('path');path.resolve(__dirname, '../../../test/transform_ut/application/entry/src/main/ets/pages/utForValidate/Decorators/process_component_build/idCheck.ets')}:6:21.",
         "type": "WARN"
     },
     "arkUIStandard": {
@@ -109,18 +113,30 @@
         "message": "The @Entry component 'Index' cannot have the @Prop property 'message'.",
         "type": "WARN"
     },
-    "validateHasIllegalQuestionToken": {
-        "message": "The @ObjectLink property 'message' cannot be an optional parameter.",
-        "type": "WARN"
-    },
+    "validateHasIllegalQuestionToken": [
+        {
+            "message": "The @ObjectLink property 'message' cannot be an optional parameter.",
+            "type": "WARN"
+        },
+        {
+            "message": "The type of the @ObjectLink property 'message' can only be objects of classes decorated with @Observed class decorator in ets (not ts).",
+            "type": "ERROR"
+        }
+    ],
     "validateForbiddenUseStateType": {
         "message": "The @State property 'message' cannot be a 'CustomDialogController' object.",
         "type": "ERROR"
     },
-    "validateDuplicateDecorator": {
-        "message": "The inner decorator @State cannot be used together with custom decorator.",
-        "type": "ERROR"
-    },
+    "validateDuplicateDecorator": [
+        {
+            "message": "The inner decorator @State cannot be used together with custom decorator.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The decorator '@opacity' cannot have the same name as the built-in style attribute 'opacity'.",
+            "type": "ERROR"
+        }
+    ],
     "validateWatchDecorator": {
         "message": "Regular variable 'message' can not be decorated with @Watch.",
         "type": "ERROR"
@@ -271,18 +287,9 @@
         "message": "@Styles can't have parameters.",
         "type": "ERROR"
     },
-    "ExceededPreview": {
-        "message": "A page can contain at most 10 '@Preview' decorators.",
-        "type": "ERROR"
-    },
-    "ExceededEntry": {
-        "message": "A page can't contain more than one '@Entry' decorator",
-        "type": "ERROR"
-    },
-    "OneEntry": {
-        "message": "A page configured in 'undefined or build-profile.json5' must have one and only one '@Entry' decorator.Solutions:>Please make sure that the splash page has one and only one '@Entry' decorator.",
-        "type": "ERROR"
-    },
+    "ExceededPreview": [],
+    "ExceededEntry": [],
+    "OneEntry": [],
     "notMethodDeco": {
         "message": "'@State' can not decorate the method.",
         "type": "ERROR"
@@ -781,8 +788,216 @@
             "type": "ERROR"
         }
     ],
-    "v1ToV2Component.ts": [],
-    "v1ToV2ComponentValidate": [],
-    "v2ToV1ComponentValidate": [],
-    "property_observe_validate": []
+    "v1ToV2Component": [
+        {
+            "message": "Property 'func_value1' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'func_value2' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        }
+    ],
+    "v1ToV2ComponentValidate": [
+        {
+            "message": "The type of the @Param property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'param_value' in the @ComponentV2 component 'TestV2Child2' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'param_value_alias_type' in the @ComponentV2 component 'TestV2Child2' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'state_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'prop_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'link_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'provide_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'consume_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'objectLink_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'storage_link_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'storage_prop_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'local_storage_link_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'local_storage_prop_value' in the @ComponentV2 component 'TestV2Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        }
+    ],
+    "v2ToV1ComponentValidate": [
+        {
+            "message": "The type of the @Provider property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The @ComponentV2 struct must not contain any @Component with an @Link decorated variable",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'set_value' in the @Component component 'TestV1Child1' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The @ComponentV2 struct must not contain any @Component with an @Link decorated variable",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'set_value' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'map_value' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'arr_value' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'arr_value1' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'arr_value2' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        },
+        {
+            "message": "Property 'arr_value3' in the @Component component 'TestV1Child' are not allowed to be assigned values here.",
+            "type": "ERROR"
+        }
+    ],
+    "property_observe_validate": [
+        {
+            "message": "The type of the @State property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @State property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @State property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @State property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @State property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Prop property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Link property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Provide property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Consume property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @StorageLink property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @StorageProp property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @LocalStorageLink property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @LocalStorageProp property can not be a class decorated with @ObservedV2.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Local property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Param property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Param property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Param property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Event property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Provider property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        },
+        {
+            "message": "The type of the @Consumer property can not be a class decorated with @Observed.",
+            "type": "ERROR"
+        }
+    ],
+    "index": {
+        "message": "The struct 'Button' cannot have the same name as the built-in component 'Button'.",
+        "type": "ERROR"
+    }
 }

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/import@CustomDialog.js

@@ -0,0 +1,82 @@
+let __generate__Id = 0;
+function generateId() {
+    return "import@CustomDialog_" + ++__generate__Id;
+}
+import { CustomDialogExample1 as CustomDialogExample } from '../../../test/import@CustomDialog';
+class CustomDialogUser extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__textValue = new ObservedPropertySimple('', this, "textValue");
+        this.__inputValue = new ObservedPropertySimple('click me', this, "inputValue");
+        this.dialogController = new CustomDialogController({
+            builder: () => {
+                let jsDialog = new CustomDialogExample("2", this, {
+                    cancel: this.onCancel,
+                    confirm: this.onAccept,
+                    textValue: this.__textValue,
+                    inputValue: this.__inputValue
+                });
+                jsDialog.setController(this.dialogController);
+                View.create(jsDialog);
+            },
+            cancel: this.existApp,
+            autoCancel: true,
+            alignment: DialogAlignment.Default,
+            offset: { dx: 0, dy: -20 },
+            gridCount: 4,
+            customStyle: false
+        }, this);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.textValue !== undefined) {
+            this.textValue = params.textValue;
+        }
+        if (params.inputValue !== undefined) {
+            this.inputValue = params.inputValue;
+        }
+        if (params.dialogController !== undefined) {
+            this.dialogController = params.dialogController;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__textValue.aboutToBeDeleted();
+        this.__inputValue.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get textValue() {
+        return this.__textValue.get();
+    }
+    set textValue(newValue) {
+        this.__textValue.set(newValue);
+    }
+    get inputValue() {
+        return this.__inputValue.get();
+    }
+    set inputValue(newValue) {
+        this.__inputValue.set(newValue);
+    }
+    onCancel() {
+        console.info('Callback when the first button is clicked');
+    }
+    onAccept() {
+        console.info('Callback when the second button is clicked');
+    }
+    existApp() {
+        console.info('Click the callback in the blank area');
+    }
+    render() {
+        Column.create();
+        Column.width('100%');
+        Column.margin({ top: 5 });
+        Button.createWithLabel(this.inputValue);
+        Button.onClick(() => {
+            this.dialogController.open();
+        });
+        Button.backgroundColor(0x317aff);
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new CustomDialogUser("1", undefined, {}));
+//# sourceMappingURL=import@CustomDialog.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/import@Observed.js

@@ -0,0 +1,116 @@
+let __generate__Id = 0;
+function generateId() {
+    return "import@Observed_" + ++__generate__Id;
+}
+import { ClassB as ClassA } from '../../../test/import@Observed';
+class ViewA extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.label = 'ViewA1';
+        this.__a = new SynchedPropertyNesedObject(params.a, this, "a");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.label !== undefined) {
+            this.label = params.label;
+        }
+        this.__a.set(params.a);
+    }
+    aboutToBeDeleted() {
+        this.__a.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get a() {
+        return this.__a.get();
+    }
+    render() {
+        Row.create();
+        Row.margin({ top: 10 });
+        Button.createWithLabel('ViewA' + JSON.stringify(this.label) + 'this.a.c=' + JSON.stringify(this.a.c));
+        Button.onClick(() => {
+            this.a.c += 1;
+        });
+        Button.pop();
+        Row.pop();
+    }
+}
+class ViewB extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__arrA = new ObservedPropertyObject([new ClassA(0), new ClassA(0)], this, "arrA");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.arrA !== undefined) {
+            this.arrA = params.arrA;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__arrA.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get arrA() {
+        return this.__arrA.get();
+    }
+    set arrA(newValue) {
+        this.__arrA.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.width('100%');
+        ForEach.create("3", this, ObservedObject.GetRawObject(this.arrA), (item) => {
+            let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+            if (earlierCreatedChild_2 == undefined) {
+                View.create(new ViewA("2", this, { label: JSON.stringify(item.id), a: item }));
+            }
+            else {
+                earlierCreatedChild_2.updateWithValueParams({
+                    label: JSON.stringify(item.id), a: item
+                });
+                View.create(earlierCreatedChild_2);
+            }
+        }, (item) => item.id.toString());
+        ForEach.pop();
+        let earlierCreatedChild_4 = (this && this.findChildById) ? this.findChildById("4") : undefined;
+        if (earlierCreatedChild_4 == undefined) {
+            View.create(new ViewA("4", this, { label: JSON.stringify(this.arrA[0]), a: this.arrA[0] }));
+        }
+        else {
+            earlierCreatedChild_4.updateWithValueParams({
+                label: JSON.stringify(this.arrA[0]), a: this.arrA[0]
+            });
+            View.create(earlierCreatedChild_4);
+        }
+        let earlierCreatedChild_5 = (this && this.findChildById) ? this.findChildById("5") : undefined;
+        if (earlierCreatedChild_5 == undefined) {
+            View.create(new ViewA("5", this, { label: JSON.stringify(this.arrA[this.arrA.length - 1]), a: this.arrA[this.arrA.length - 1] }));
+        }
+        else {
+            earlierCreatedChild_5.updateWithValueParams({
+                label: JSON.stringify(this.arrA[this.arrA.length - 1]), a: this.arrA[this.arrA.length - 1]
+            });
+            View.create(earlierCreatedChild_5);
+        }
+        Button.createWithLabel('ViewB: reset array');
+        Button.margin({ top: 10 });
+        Button.onClick(() => {
+            this.arrA = [new ClassA(0), new ClassA(0)];
+        });
+        Button.pop();
+        Button.createWithLabel('ViewB: push');
+        Button.margin({ top: 10 });
+        Button.onClick(() => {
+            this.arrA.push(new ClassA(0));
+        });
+        Button.pop();
+        Button.createWithLabel('ViewB: shift');
+        Button.margin({ top: 10 });
+        Button.onClick(() => {
+            this.arrA.shift();
+        });
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new ViewB("1", undefined, {}));
+//# sourceMappingURL=import@Observed.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importAllEts.js

@@ -0,0 +1,145 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importAllEts_" + ++__generate__Id;
+}
+import * as AllComponent from '../../../test/NamespaceComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__myState1 = new ObservedPropertyObject(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimple(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimple(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimple('ImportTest', this, "myState4");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new AllComponent.NamespaceComponent1("2", this, {
+                NamespaceComponent1Link1: this.__myState1,
+                NamespaceComponent1Link2: this.__myState2,
+                NamespaceComponent1Link3: this.__myState3,
+                NamespaceComponent1Link4: this.__myState4,
+                myVar: 100,
+                myVar2: 80
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                myVar: 100,
+                myVar2: 80
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        __Common__.create();
+        __Common__.width(100);
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new AllComponent.NamespaceComponent1("3", this, {
+                NamespaceComponent1Link1: this.__myState1,
+                NamespaceComponent1Link2: this.__myState2,
+                NamespaceComponent1Link3: this.__myState3,
+                NamespaceComponent1Link4: this.__myState4,
+                myVar: 100,
+                myVar2: 80
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                myVar: 100,
+                myVar2: 80
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        __Common__.pop();
+        let earlierCreatedChild_4 = (this && this.findChildById) ? this.findChildById("4") : undefined;
+        if (earlierCreatedChild_4 == undefined) {
+            View.create(new AllComponent.default("4", this, {
+                NamespaceComponent3Link1: this.__myState1,
+                NamespaceComponent3Link2: this.__myState2,
+                NamespaceComponent3Link3: this.__myState3,
+                NamespaceComponent3Link4: this.__myState4,
+                myVar: 100,
+                myVar2: 80
+            }));
+        }
+        else {
+            earlierCreatedChild_4.updateWithValueParams({
+                myVar: 100,
+                myVar2: 80
+            });
+            View.create(earlierCreatedChild_4);
+        }
+        __Common__.create();
+        __Common__.height(200);
+        let earlierCreatedChild_5 = (this && this.findChildById) ? this.findChildById("5") : undefined;
+        if (earlierCreatedChild_5 == undefined) {
+            View.create(new AllComponent.default("5", this, {
+                NamespaceComponent3Link1: this.__myState1,
+                NamespaceComponent3Link2: this.__myState2,
+                NamespaceComponent3Link3: this.__myState3,
+                NamespaceComponent3Link4: this.__myState4,
+                myVar: 100,
+                myVar2: 80
+            }));
+        }
+        else {
+            earlierCreatedChild_5.updateWithValueParams({
+                myVar: 100,
+                myVar2: 80
+            });
+            View.create(earlierCreatedChild_5);
+        }
+        __Common__.pop();
+        Column.pop();
+    }
+}
+loadDocument(new ImportTest("1", undefined, {}));
+//# sourceMappingURL=importAllEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importEts.js

@@ -0,0 +1,197 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importEts_" + ++__generate__Id;
+}
+import LinkComponentDefault, { LinkComponent as LinkComponent1Ref, LinkComponent2 as LinkComponent2Ref, LinkComponent3 } from '../../../test/LinkComponent';
+import DefaultComponent from "../../../test/DefaultComponent";
+import AMDComponentDefault from '../../../test/AMDComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__myState1 = new ObservedPropertyObject(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimple(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimple(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimple('ImportTest', this, "myState4");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new LinkComponent2Ref("2", this, {
+                LinkComponent2Link1: this.__myState1,
+                LinkComponent2Link2: this.__myState2,
+                LinkComponent2Link3: this.__myState3,
+                LinkComponent2Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent2'
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent2'
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        Text.create('space');
+        Text.fontSize(20);
+        Text.fontColor(Color.Red);
+        Text.pop();
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new LinkComponent1Ref("3", this, {
+                LinkComponent1Link1: this.__myState1,
+                LinkComponent1Link2: this.__myState2,
+                LinkComponent1Link3: this.__myState3,
+                LinkComponent1Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent1'
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent1'
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        let earlierCreatedChild_4 = (this && this.findChildById) ? this.findChildById("4") : undefined;
+        if (earlierCreatedChild_4 == undefined) {
+            View.create(new DefaultComponent("4", this, {
+                DefaultComponentLink1: this.__myState1,
+                DefaultComponentLink2: this.__myState2,
+                DefaultComponentLink3: this.__myState3,
+                DefaultComponentLink4: this.__myState4,
+                myVar: 100,
+                myVar2: 100
+            }));
+        }
+        else {
+            earlierCreatedChild_4.updateWithValueParams({
+                myVar: 100,
+                myVar2: 100
+            });
+            View.create(earlierCreatedChild_4);
+        }
+        let earlierCreatedChild_5 = (this && this.findChildById) ? this.findChildById("5") : undefined;
+        if (earlierCreatedChild_5 == undefined) {
+            View.create(new LinkComponentDefault("5", this, {
+                LinkComponent3Link1: this.__myState1,
+                LinkComponent3Link2: this.__myState2,
+                LinkComponent3Link3: this.__myState3,
+                LinkComponent3Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent3'
+            }));
+        }
+        else {
+            earlierCreatedChild_5.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent3'
+            });
+            View.create(earlierCreatedChild_5);
+        }
+        let earlierCreatedChild_6 = (this && this.findChildById) ? this.findChildById("6") : undefined;
+        if (earlierCreatedChild_6 == undefined) {
+            View.create(new AMDComponentDefault("6", this, {
+                AMDComponentLink1: this.__myState1,
+                AMDComponentLink2: this.__myState2,
+                AMDComponentLink3: this.__myState3,
+                AMDComponentLink4: this.__myState4,
+                myVar: 100,
+                myVar2: 100
+            }));
+        }
+        else {
+            earlierCreatedChild_6.updateWithValueParams({
+                myVar: 100,
+                myVar2: 100
+            });
+            View.create(earlierCreatedChild_6);
+        }
+        let earlierCreatedChild_7 = (this && this.findChildById) ? this.findChildById("7") : undefined;
+        if (earlierCreatedChild_7 == undefined) {
+            View.create(new LinkComponent3("7", this, {
+                LinkComponent3Link1: this.__myState1,
+                LinkComponent3Link2: this.__myState2,
+                LinkComponent3Link3: this.__myState3,
+                LinkComponent3Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent1'
+            }));
+        }
+        else {
+            earlierCreatedChild_7.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'LinkComponent1'
+            });
+            View.create(earlierCreatedChild_7);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new ImportTest("1", undefined, {}));
+//# sourceMappingURL=importEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importExportEts.js

@@ -0,0 +1,111 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importExportEts_" + ++__generate__Id;
+}
+import { AllStarComponent } from '../../../test/ExportStarComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__myState1 = new ObservedPropertyObject(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimple(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimple(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimple('ImportTest', this, "myState4");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new AllStarComponent.ExportComponent("2", this, {
+                ExportComponent1Link1: this.__myState1,
+                ExportComponent1Link2: this.__myState2,
+                ExportComponent1Link3: this.__myState3,
+                ExportComponent1Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent1'
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent1'
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new AllStarComponent.default("3", this, {
+                ExportComponent4Link1: this.__myState1,
+                ExportComponent4Link2: this.__myState2,
+                ExportComponent4Link3: this.__myState3,
+                ExportComponent4Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent4'
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent4'
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new ImportTest("1", undefined, {}));
+//# sourceMappingURL=importExportEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importExportNest.js

@@ -0,0 +1,156 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importExportNest_" + ++__generate__Id;
+}
+import { tExtend, tStyles, DivideTest, Base } from '../../../test/ImportNestAll';
+class ImportTest extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__testText1 = new ObservedPropertySimple('Hello', this, "testText1");
+        this.__testText2 = new ObservedPropertySimple('World', this, "testText2");
+        this.__testText3 = new ObservedPropertySimple('Test', this, "testText3");
+        this.__testText4 = new ObservedPropertySimple('Component', this, "testText4");
+        this.__testState1 = new ObservedPropertySimple('Base', this, "testState1");
+        this.__testState2 = new ObservedPropertySimple(0, this, "testState2");
+        this.__testState3 = new ObservedPropertyObject({ name: 'Base' }, this, "testState3");
+        this.__testState4 = new ObservedPropertySimple(3, this, "testState4");
+        this.__testState5 = new ObservedPropertySimple(10, this, "testState5");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.testText1 !== undefined) {
+            this.testText1 = params.testText1;
+        }
+        if (params.testText2 !== undefined) {
+            this.testText2 = params.testText2;
+        }
+        if (params.testText3 !== undefined) {
+            this.testText3 = params.testText3;
+        }
+        if (params.testText4 !== undefined) {
+            this.testText4 = params.testText4;
+        }
+        if (params.testState1 !== undefined) {
+            this.testState1 = params.testState1;
+        }
+        if (params.testState2 !== undefined) {
+            this.testState2 = params.testState2;
+        }
+        if (params.testState3 !== undefined) {
+            this.testState3 = params.testState3;
+        }
+        if (params.testState4 !== undefined) {
+            this.testState4 = params.testState4;
+        }
+        if (params.testState5 !== undefined) {
+            this.testState5 = params.testState5;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__testText1.aboutToBeDeleted();
+        this.__testText2.aboutToBeDeleted();
+        this.__testText3.aboutToBeDeleted();
+        this.__testText4.aboutToBeDeleted();
+        this.__testState1.aboutToBeDeleted();
+        this.__testState2.aboutToBeDeleted();
+        this.__testState3.aboutToBeDeleted();
+        this.__testState4.aboutToBeDeleted();
+        this.__testState5.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get testText1() {
+        return this.__testText1.get();
+    }
+    set testText1(newValue) {
+        this.__testText1.set(newValue);
+    }
+    get testText2() {
+        return this.__testText2.get();
+    }
+    set testText2(newValue) {
+        this.__testText2.set(newValue);
+    }
+    get testText3() {
+        return this.__testText3.get();
+    }
+    set testText3(newValue) {
+        this.__testText3.set(newValue);
+    }
+    get testText4() {
+        return this.__testText4.get();
+    }
+    set testText4(newValue) {
+        this.__testText4.set(newValue);
+    }
+    get testState1() {
+        return this.__testState1.get();
+    }
+    set testState1(newValue) {
+        this.__testState1.set(newValue);
+    }
+    get testState2() {
+        return this.__testState2.get();
+    }
+    set testState2(newValue) {
+        this.__testState2.set(newValue);
+    }
+    get testState3() {
+        return this.__testState3.get();
+    }
+    set testState3(newValue) {
+        this.__testState3.set(newValue);
+    }
+    get testState4() {
+        return this.__testState4.get();
+    }
+    set testState4(newValue) {
+        this.__testState4.set(newValue);
+    }
+    get testState5() {
+        return this.__testState5.get();
+    }
+    set testState5(newValue) {
+        this.__testState5.set(newValue);
+    }
+    render() {
+        Column.create();
+        Text.create(this.testText1);
+        Text.fontSize(50);
+        Text.pop();
+        tExtend(20, this);
+        Text.create(this.testText2);
+        Text.pop();
+        tStyles(this);
+        Button.createWithLabel(this.testText3);
+        Button.pop();
+        Text.create(this.testText4);
+        Text.fontSize(50);
+        Text.pop();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new Base("2", this, {
+                testStr: this.__testState1,
+                testNum: this.__testState2,
+                testObj: this.__testState3
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            View.create(earlierCreatedChild_2);
+        }
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new DivideTest("3", this, {
+                testNum1: this.__testState4,
+                testNum2: this.__testState5
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({});
+            View.create(earlierCreatedChild_3);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new ImportTest("1", undefined, {}));
+//# sourceMappingURL=importExportNest.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importSystemApi.js

@@ -0,0 +1,48 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importSystemApi_" + ++__generate__Id;
+}
+import router from "@system.router";
+import app from "@system.router";
+import fetch from "@system.fetch";
+import http from '@ohos.net.http';
+class A {
+    pushPage() {
+        router.push({
+            uri: 'pages/routerpage2/routerpage2',
+            params: {
+                data1: 'message',
+                data2: {
+                    data3: [123, 456, 789]
+                }
+            }
+        });
+    }
+}
+class Info {
+    getInfo() {
+        let info = app.getInfo();
+        console.log(JSON.stringify(info));
+    }
+}
+const json = {
+    data: {
+        responseData: 'NA',
+        url: "test_url",
+    },
+    fetch: function () {
+        var that = this;
+        fetch.fetch({
+            url: that.url,
+            success: function (response) {
+                console.info("fetch success");
+                that.responseData = JSON.stringify(response);
+            },
+            fail: function () {
+                console.info("fetch fail");
+            }
+        });
+    }
+};
+let httpRequest = http.createHttp();
+//# sourceMappingURL=importSystemApi.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/import/importTs.js

@@ -0,0 +1,111 @@
+let __generate__Id = 0;
+function generateId() {
+    return "importTs_" + ++__generate__Id;
+}
+import { AllStarComponent } from '../../../test/ExportStarComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__myState1 = new ObservedPropertyObject(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimple(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimple(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimple('ImportTest', this, "myState4");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new AllStarComponent.ExportComponent("2", this, {
+                ExportComponent1Link1: this.__myState1,
+                ExportComponent1Link2: this.__myState2,
+                ExportComponent1Link3: this.__myState3,
+                ExportComponent1Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent1'
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent1'
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new AllStarComponent.default("3", this, {
+                ExportComponent4Link1: this.__myState1,
+                ExportComponent4Link2: this.__myState2,
+                ExportComponent4Link3: this.__myState3,
+                ExportComponent4Link4: this.__myState4,
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent4'
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                indexState1: { count: 1 },
+                indexState2: 1,
+                indexState3: true,
+                indexState4: 'ExportComponent4'
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new ImportTest("1", undefined, {}));
+//# sourceMappingURL=importTs.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/$$_component/$$_component.js

@@ -0,0 +1,106 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "$$_component_" + ++__generate__Id;
+}
+const value5 = [true, false];
+let value6 = { item1: true };
+let isCountDown = false;
+class HomeComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.value1 = "hello world 1";
+        this.value2 = "hello world 2";
+        this.value3 = "hello world 3";
+        this.value4 = false;
+        this.count = 1000;
+        this.myTimeController = new TextTimerController();
+        this.__format = new ObservedPropertySimple("hh:mm:ss:ms", this, "format");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.value1 !== undefined) {
+            this.value1 = params.value1;
+        }
+        if (params.value2 !== undefined) {
+            this.value2 = params.value2;
+        }
+        if (params.value3 !== undefined) {
+            this.value3 = params.value3;
+        }
+        if (params.value4 !== undefined) {
+            this.value4 = params.value4;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+        if (params.myTimeController !== undefined) {
+            this.myTimeController = params.myTimeController;
+        }
+        if (params.format !== undefined) {
+            this.format = params.format;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__format.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get format() {
+        return this.__format.get();
+    }
+    set format(newValue) {
+        this.__format.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.height(500);
+        Row.create();
+        Text.create(this.value1);
+        Text.pop();
+        Radio.create({ value: "Radio", group: "1" });
+        Radio.checked(this.value4, newValue => { this.value4 = newValue; });
+        Row.pop();
+        Row.create();
+        Row.width(20);
+        Button.createWithChild();
+        Button.bindPopup({ value: this.value4, changeEvent: newValue => { this.value4 = newValue; } }, { message: "This is $$ for regular" });
+        Button.width(100);
+        Button.height(20);
+        Text.create(this.value1);
+        Text.bindPopup({ value: value5[0], changeEvent: newValue => { value5[0] = newValue; } }, { message: "This is $$ for Array" });
+        Text.pop();
+        Button.pop();
+        Text.create(this.value2);
+        Text.fontSize(100);
+        Text.bindPopup({ value: value6.item1, changeEvent: newValue => { value6.item1 = newValue; } }, { message: "This is $$ for Obj" });
+        Text.pop();
+        Text.create(this.value3);
+        Text.pop();
+        Radio.create({ value: "Radio", group: "1" });
+        Radio.checked(value5[0], newValue => { value5[0] = newValue; });
+        Row.pop();
+        Row.create();
+        TextTimer.create({ controller: this.myTimeController, isCountDown: { value: isCountDown, changeEvent: newValue => { isCountDown = newValue; } }, count: { value: this.count, changeEvent: newValue => { this.count = newValue; } } });
+        TextTimer.format(this.format, newValue => { this.format = newValue; });
+        TextTimer.pop();
+        Button.createWithLabel("start");
+        Button.onClick(() => {
+            this.myTimeController.start();
+        });
+        Button.pop();
+        Button.createWithLabel("pause");
+        Button.onClick(() => {
+            this.myTimeController.pause();
+        });
+        Button.pop();
+        Button.createWithLabel("reset");
+        Button.onClick(() => {
+            this.myTimeController.reset();
+        });
+        Button.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+loadDocument(new HomeComponent("1", undefined, {}));
+//# sourceMappingURL=$$_component.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/custom_component/custom_component.js

@@ -0,0 +1,129 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "custom_component_" + ++__generate__Id;
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new Banner("2", this, {}));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            if (!earlierCreatedChild_2.needsUpdate()) {
+                earlierCreatedChild_2.markStatic();
+            }
+            View.create(earlierCreatedChild_2);
+        }
+        __Common__.create();
+        __Common__.width(100);
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new Banner("3", this, {}));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({});
+            if (!earlierCreatedChild_3.needsUpdate()) {
+                earlierCreatedChild_3.markStatic();
+            }
+            View.create(earlierCreatedChild_3);
+        }
+        __Common__.pop();
+        __Common__.create();
+        __Common__.width(100);
+        __Common__.height(200);
+        let earlierCreatedChild_4 = (this && this.findChildById) ? this.findChildById("4") : undefined;
+        if (earlierCreatedChild_4 == undefined) {
+            View.create(new Banner("4", this, {}));
+        }
+        else {
+            earlierCreatedChild_4.updateWithValueParams({});
+            if (!earlierCreatedChild_4.needsUpdate()) {
+                earlierCreatedChild_4.markStatic();
+            }
+            View.create(earlierCreatedChild_4);
+        }
+        __Common__.pop();
+        let earlierCreatedChild_5 = (this && this.findChildById) ? this.findChildById("5") : undefined;
+        if (earlierCreatedChild_5 == undefined) {
+            View.create(new Banner("5", this, { value: "Hello" }));
+        }
+        else {
+            earlierCreatedChild_5.updateWithValueParams({
+                value: "Hello"
+            });
+            if (!earlierCreatedChild_5.needsUpdate()) {
+                earlierCreatedChild_5.markStatic();
+            }
+            View.create(earlierCreatedChild_5);
+        }
+        __Common__.create();
+        __Common__.width(100);
+        let earlierCreatedChild_6 = (this && this.findChildById) ? this.findChildById("6") : undefined;
+        if (earlierCreatedChild_6 == undefined) {
+            View.create(new Banner("6", this, { value: "Hello" }));
+        }
+        else {
+            earlierCreatedChild_6.updateWithValueParams({
+                value: "Hello"
+            });
+            if (!earlierCreatedChild_6.needsUpdate()) {
+                earlierCreatedChild_6.markStatic();
+            }
+            View.create(earlierCreatedChild_6);
+        }
+        __Common__.pop();
+        __Common__.create();
+        __Common__.width(100);
+        __Common__.height(200);
+        let earlierCreatedChild_7 = (this && this.findChildById) ? this.findChildById("7") : undefined;
+        if (earlierCreatedChild_7 == undefined) {
+            View.create(new Banner("7", this, { value: "Hello" }));
+        }
+        else {
+            earlierCreatedChild_7.updateWithValueParams({
+                value: "Hello"
+            });
+            if (!earlierCreatedChild_7.needsUpdate()) {
+                earlierCreatedChild_7.markStatic();
+            }
+            View.create(earlierCreatedChild_7);
+        }
+        __Common__.pop();
+        Column.pop();
+    }
+}
+class Banner extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.value = "Hello";
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        Text.create(this.value);
+        Text.pop();
+        Column.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=custom_component.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/longPressGesture.js

@@ -0,0 +1,52 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "longPressGesture_" + ++__generate__Id;
+}
+class LongPressGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__count = new ObservedPropertySimple(0, this, "count");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__count.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get count() {
+        return this.__count.get();
+    }
+    set count(newValue) {
+        this.__count.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Flex.height(200);
+        Flex.width(300);
+        Flex.padding(60);
+        Flex.border({ width: 1 });
+        Flex.margin(30);
+        Gesture.create(GesturePriority.Low);
+        LongPressGesture.create({ repeat: true });
+        LongPressGesture.onAction((event) => {
+            if (event.repeat) {
+                this.count++;
+            }
+        });
+        LongPressGesture.onActionEnd(() => {
+            this.count = 0;
+        });
+        LongPressGesture.pop();
+        Gesture.pop();
+        Text.create('LongPress onAction:' + this.count);
+        Text.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new LongPressGestureExample("1", undefined, {}));
+//# sourceMappingURL=longPressGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/panGestrue.js

@@ -0,0 +1,68 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "panGestrue_" + ++__generate__Id;
+}
+class PanGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__offsetX = new ObservedPropertySimple(0, this, "offsetX");
+        this.__offsetY = new ObservedPropertySimple(0, this, "offsetY");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.offsetX !== undefined) {
+            this.offsetX = params.offsetX;
+        }
+        if (params.offsetY !== undefined) {
+            this.offsetY = params.offsetY;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__offsetX.aboutToBeDeleted();
+        this.__offsetY.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get offsetX() {
+        return this.__offsetX.get();
+    }
+    set offsetX(newValue) {
+        this.__offsetX.set(newValue);
+    }
+    get offsetY() {
+        return this.__offsetY.get();
+    }
+    set offsetY(newValue) {
+        this.__offsetY.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Flex.height(100);
+        Flex.width(200);
+        Flex.padding(20);
+        Flex.border({ width: 1 });
+        Flex.margin(80);
+        Flex.translate({ x: this.offsetX, y: this.offsetY, z: 5 });
+        Gesture.create(GesturePriority.Low);
+        PanGesture.create({});
+        PanGesture.onActionStart((event) => {
+            console.info('Pan start');
+        });
+        PanGesture.onActionUpdate((event) => {
+            this.offsetX = event.offsetX;
+            this.offsetY = event.offsetY;
+        });
+        PanGesture.onActionEnd(() => {
+            console.info('Pan end');
+        });
+        PanGesture.pop();
+        Gesture.pop();
+        Text.create('PanGesture offset X: ' + this.offsetX);
+        Text.pop();
+        Text.create('PanGesture offset Y: ' + this.offsetY);
+        Text.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new PanGestureExample("1", undefined, {}));
+//# sourceMappingURL=panGestrue.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/pinchGesture.js

@@ -0,0 +1,54 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "pinchGesture_" + ++__generate__Id;
+}
+class PinchGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__scale = new ObservedPropertySimple(1, this, "scale");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.scale !== undefined) {
+            this.scale = params.scale;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__scale.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get scale() {
+        return this.__scale.get();
+    }
+    set scale(newValue) {
+        this.__scale.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Flex.height(100);
+        Flex.width(200);
+        Flex.padding(20);
+        Flex.border({ width: 1 });
+        Flex.margin(80);
+        Flex.scale({ x: this.scale, y: this.scale, z: this.scale });
+        Gesture.create(GesturePriority.Low);
+        PinchGesture.create();
+        PinchGesture.onActionStart((event) => {
+            console.info('Pinch start');
+        });
+        PinchGesture.onActionUpdate((event) => {
+            this.scale = event.scale;
+        });
+        PinchGesture.onActionEnd(() => {
+            console.info('Pinch end');
+        });
+        PinchGesture.pop();
+        Gesture.pop();
+        Text.create('PinchGesture scale:' + this.scale);
+        Text.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new PinchGestureExample("1", undefined, {}));
+//# sourceMappingURL=pinchGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/rotationGesture.js

@@ -0,0 +1,54 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "rotationGesture_" + ++__generate__Id;
+}
+class RotationGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__angle = new ObservedPropertySimple(0, this, "angle");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.angle !== undefined) {
+            this.angle = params.angle;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__angle.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get angle() {
+        return this.__angle.get();
+    }
+    set angle(newValue) {
+        this.__angle.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Flex.height(100);
+        Flex.width(200);
+        Flex.padding(20);
+        Flex.border({ width: 1 });
+        Flex.margin(80);
+        Flex.rotate({ x: 1, y: 2, z: 3, angle: this.angle });
+        Gesture.create(GesturePriority.Low);
+        RotationGesture.create();
+        RotationGesture.onActionStart((event) => {
+            console.log('Rotation start');
+        });
+        RotationGesture.onActionUpdate((event) => {
+            this.angle = event.angle;
+        });
+        RotationGesture.onActionEnd(() => {
+            console.log('Rotation end');
+        });
+        RotationGesture.pop();
+        Gesture.pop();
+        Text.create('RotationGesture angle:' + this.angle);
+        Text.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new RotationGestureExample("1", undefined, {}));
+//# sourceMappingURL=rotationGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/swipeGesture.js

@@ -0,0 +1,60 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "swipeGesture_" + ++__generate__Id;
+}
+class SwipeGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__rotateAngle = new ObservedPropertySimple(0, this, "rotateAngle");
+        this.__speed = new ObservedPropertySimple(1, this, "speed");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.rotateAngle !== undefined) {
+            this.rotateAngle = params.rotateAngle;
+        }
+        if (params.speed !== undefined) {
+            this.speed = params.speed;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__rotateAngle.aboutToBeDeleted();
+        this.__speed.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get rotateAngle() {
+        return this.__rotateAngle.get();
+    }
+    set rotateAngle(newValue) {
+        this.__rotateAngle.set(newValue);
+    }
+    get speed() {
+        return this.__speed.get();
+    }
+    set speed(newValue) {
+        this.__speed.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.border({ width: 2 });
+        Column.width(260);
+        Column.height(260);
+        Column.rotate({ x: 0, y: 0, z: 1, angle: this.rotateAngle });
+        Gesture.create(GesturePriority.Low);
+        SwipeGesture.create({ fingers: 1, direction: SwipeDirection.Vertical });
+        SwipeGesture.onAction((event) => {
+            this.speed = event.speed;
+            this.rotateAngle = event.angle;
+        });
+        SwipeGesture.pop();
+        Gesture.pop();
+        Text.create("SwipGesture speed : " + this.speed);
+        Text.pop();
+        Text.create("SwipGesture angle : " + this.rotateAngle);
+        Text.pop();
+        Column.pop();
+    }
+}
+loadDocument(new SwipeGestureExample("1", undefined, {}));
+//# sourceMappingURL=swipeGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/gesture_component/tapGesture.js

@@ -0,0 +1,49 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "tapGesture_" + ++__generate__Id;
+}
+class TapGestureExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__value = new ObservedPropertySimple('', this, "value");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__value.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get value() {
+        return this.__value.get();
+    }
+    set value(newValue) {
+        this.__value.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Flex.height(200);
+        Flex.width(300);
+        Flex.padding(60);
+        Flex.border({ width: 1 });
+        Flex.margin(30);
+        Gesture.create(GesturePriority.Low);
+        TapGesture.create({ count: 2 });
+        TapGesture.onAction(() => {
+            this.value = 'TapGesture onAction';
+        });
+        TapGesture.pop();
+        Gesture.pop();
+        Text.create('Click twice');
+        Text.pop();
+        Text.create(this.value);
+        Text.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new TapGestureExample("1", undefined, {}));
+//# sourceMappingURL=tapGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/render_component/forEach/forEach.js

@@ -0,0 +1,117 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "forEach_" + ++__generate__Id;
+}
+class Month {
+    constructor(year, month, days) {
+        this.year = year;
+        this.month = month;
+        this.days = days;
+    }
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.languages = ['ets', 'js', 'java'];
+        this.weekNames = ['日', '一', '二', '三', '四', '五', '六'];
+        this.__calendar = new ObservedPropertyObject([
+            new Month(2020, 1, [...Array(31).keys()]),
+            new Month(2020, 2, [...Array(28).keys()]),
+            new Month(2020, 3, [...Array(31).keys()]),
+            new Month(2020, 4, [...Array(30).keys()]),
+            new Month(2020, 5, [...Array(31).keys()]),
+            new Month(2020, 6, [...Array(30).keys()]),
+        ], this, "calendar");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.languages !== undefined) {
+            this.languages = params.languages;
+        }
+        if (params.weekNames !== undefined) {
+            this.weekNames = params.weekNames;
+        }
+        if (params.calendar !== undefined) {
+            this.calendar = params.calendar;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__calendar.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get calendar() {
+        return this.__calendar.get();
+    }
+    set calendar(newValue) {
+        this.__calendar.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.width(100);
+        Row.create();
+        ForEach.create("2", this, ObservedObject.GetRawObject(this.languages), (item, index) => {
+            GridItem.create();
+            Text.create(item);
+            Text.fontSize(30);
+            Text.pop();
+            GridItem.pop();
+        }, (item, index) => item);
+        ForEach.pop();
+        Row.pop();
+        Row.create();
+        ForEach.create("3", this, ObservedObject.GetRawObject(this.weekNames), (item, index) => {
+            GridItem.create();
+            If.create();
+            if (item === '日') {
+                If.branchId(0);
+                Text.create(item);
+                Text.fontSize(20);
+                Text.fontColor(Color.Red);
+                Text.pop();
+            }
+            else {
+                If.branchId(1);
+                Text.create(item);
+                Text.fontSize(10);
+                Text.pop();
+            }
+            If.pop();
+            GridItem.pop();
+        });
+        ForEach.pop();
+        Row.pop();
+        Row.create();
+        Button.createWithLabel('next month');
+        Button.onClick(() => {
+            this.calendar.shift();
+            this.calendar.push({
+                year: 2020,
+                month: 7,
+                days: [...Array(31)
+                        .keys()]
+            });
+        });
+        Button.pop();
+        ForEach.create("5", this, ObservedObject.GetRawObject(this.calendar), (item) => {
+            Text.create('month:' + item.month);
+            Text.pop();
+            Grid.create();
+            Grid.rowsGap(20);
+            ForEach.create("4", this, ObservedObject.GetRawObject(item.days), (day) => {
+                GridItem.create();
+                Text.create((day + 1).toString());
+                Text.fontSize(30);
+                Text.pop();
+                GridItem.pop();
+            }, (day) => day.toString());
+            ForEach.pop();
+            Grid.pop();
+        }, (item) => (item.year * 12 + item.month).toString());
+        ForEach.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=forEach.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/render_component/forEach/forEachSecondFunction.js

@@ -0,0 +1,48 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "forEachSecondFunction_" + ++__generate__Id;
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__arr = new ObservedPropertyObject([10, 20, 30], this, "arr");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    render() {
+        Column.create({ space: 5 });
+        Column.width("100%");
+        Column.height("100%");
+        Button.createWithLabel('Reverse Array');
+        Button.onClick(() => {
+            this.arr.reverse();
+        });
+        Button.pop();
+        ForEach.create("2", this, ObservedObject.GetRawObject(this.arr), (item) => {
+            Text.create('item');
+            Text.fontSize(18);
+            Text.pop();
+            Divider.create();
+            Divider.strokeWidth(2);
+        }, (item) => item.toString());
+        ForEach.pop();
+        Column.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=forEachSecondFunction.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/render_component/forEach/forEachTwo.js

@@ -0,0 +1,50 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "forEachTwo_" + ++__generate__Id;
+}
+class Index extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__WIDTH_AND_HEIGHT = new ObservedPropertyObject([
+            { w: 10, h: 10 },
+            { w: 20, h: 20 },
+            { w: 30, h: 30 },
+            { w: 40, h: 40 },
+            { w: 50, h: 50 }
+        ], this, "WIDTH_AND_HEIGHT");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.WIDTH_AND_HEIGHT !== undefined) {
+            this.WIDTH_AND_HEIGHT = params.WIDTH_AND_HEIGHT;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__WIDTH_AND_HEIGHT.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get WIDTH_AND_HEIGHT() {
+        return this.__WIDTH_AND_HEIGHT.get();
+    }
+    set WIDTH_AND_HEIGHT(newValue) {
+        this.__WIDTH_AND_HEIGHT.set(newValue);
+    }
+    render() {
+        Row.create();
+        Row.height('100%');
+        Column.create();
+        Column.width('100%');
+        ForEach.create("2", this, ObservedObject.GetRawObject(this.WIDTH_AND_HEIGHT), ({ w, h }) => {
+            Button.createWithLabel();
+            Button.width(w);
+            Button.height(h);
+            Button.pop();
+        }, item => item.toString());
+        ForEach.pop();
+        Column.pop();
+        Row.pop();
+    }
+}
+loadDocument(new Index("1", undefined, {}));
+//# sourceMappingURL=forEachTwo.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/render_component/if/if.js

@@ -0,0 +1,83 @@
+let __generate__Id = 0;
+function generateId() {
+    return "if_" + ++__generate__Id;
+}
+import { TestComponent } from '../../../../../test/TestComponent';
+import { Animal } from '../../../../../test/TsModule';
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.pass = true;
+        this.count = 10;
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.pass !== undefined) {
+            this.pass = params.pass;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        If.create();
+        if (this.pass) {
+            If.branchId(0);
+            If.create();
+            if (this.count < 0) {
+                If.branchId(0);
+                Text.create('count is negative');
+                Text.fontSize(32);
+                Text.pop();
+            }
+            else if (this.count % 2 === 0) {
+                If.branchId(1);
+                Divider.create();
+                Text.create('even');
+                Text.fontSize(32);
+                Text.pop();
+            }
+            else {
+                If.branchId(2);
+                Divider.create();
+                Text.create('odd');
+                Text.fontSize(32);
+                Text.pop();
+            }
+            If.pop();
+        }
+        else {
+            If.branchId(1);
+            Text.create('fail');
+            Text.fontSize(32);
+            Text.pop();
+        }
+        If.pop();
+        If.create();
+        if (Animal.Dog) {
+            If.branchId(0);
+            let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+            if (earlierCreatedChild_2 == undefined) {
+                View.create(new TestComponent("2", this, { content: 'if (import enum)' }));
+            }
+            else {
+                earlierCreatedChild_2.updateWithValueParams({
+                    content: 'if (import enum)'
+                });
+                if (!earlierCreatedChild_2.needsUpdate()) {
+                    earlierCreatedChild_2.markStatic();
+                }
+                View.create(earlierCreatedChild_2);
+            }
+            Divider.create();
+        }
+        If.pop();
+        Column.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=if.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/render_component/lazyForEach/lazyForEach.js

@@ -0,0 +1,115 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "lazyForEach_" + ++__generate__Id;
+}
+class BasicDataSource {
+    constructor() {
+        this.listeners = [];
+    }
+    totalCount() {
+        return 0;
+    }
+    getData(index) {
+        return undefined;
+    }
+    registerDataChangeListener(listener) {
+        if (this.listeners.indexOf(listener) < 0) {
+            console.info('add listener');
+            this.listeners.push(listener);
+        }
+    }
+    unregisterDataChangeListener(listener) {
+        const pos = this.listeners.indexOf(listener);
+        if (pos >= 0) {
+            console.info('remove listener');
+            this.listeners.splice(pos, 1);
+        }
+    }
+    notifyDataReload() {
+        this.listeners.forEach(listener => {
+            listener.onDataReloaded();
+        });
+    }
+    notifyDataAdd(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataAdd(index);
+        });
+    }
+    notifyDataChange(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataChange(index);
+        });
+    }
+    notifyDataDelete(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataDelete(index);
+        });
+    }
+    notifyDataMove(from, to) {
+        this.listeners.forEach(listener => {
+            listener.onDataMove(from, to);
+        });
+    }
+}
+class MyDataSource extends BasicDataSource {
+    constructor() {
+        super(...arguments);
+        this.dataArray = ['/path/image0', '/path/image1', '/path/image2', '/path/image3'];
+    }
+    totalCount() {
+        return this.dataArray.length;
+    }
+    getData(index) {
+        return this.dataArray[index];
+    }
+    addData(index, data) {
+        this.dataArray.splice(index, 0, data);
+        this.notifyDataAdd(index);
+    }
+    pushData(data) {
+        this.dataArray.push(data);
+        this.notifyDataAdd(this.dataArray.length - 1);
+    }
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.data = new MyDataSource();
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.data !== undefined) {
+            this.data = params.data;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        List.create({ space: 3 });
+        LazyForEach.create("2", this, ObservedObject.GetRawObject(this.data), (item) => {
+            this.isRenderingInProgress = true;
+            ListItem.create();
+            ListItem.onClick(() => {
+                this.data.pushData('/path/image' + this.data.totalCount());
+            });
+            Row.create();
+            Row.margin({ left: 10, right: 10 });
+            Image.create(item);
+            Image.width("30%");
+            Image.height(50);
+            Text.create(item);
+            Text.fontSize(20);
+            Text.margin({ left: 10 });
+            Text.pop();
+            Row.pop();
+            ListItem.pop();
+            this.isRenderingInProgress = false;
+        }, item => item);
+        LazyForEach.pop();
+        List.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=lazyForEach.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/simple_component/button/button.js

@@ -0,0 +1,48 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "button_" + ++__generate__Id;
+}
+class ButtonExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween });
+        Flex.create({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+        Button.createWithLabel('Ok', { type: ButtonType.Normal, stateEffect: true });
+        Button.borderRadius(8);
+        Button.backgroundColor(0x317aff);
+        Button.width(90);
+        Button.pop();
+        Button.createWithChild({ type: ButtonType.Normal, stateEffect: true });
+        Button.borderRadius(8);
+        Button.backgroundColor(0x317aff);
+        Button.width(90);
+        Row.create();
+        Row.alignItems(VerticalAlign.Center);
+        Text.create('loading');
+        Text.fontSize(12);
+        Text.fontColor(0xffffff);
+        Text.margin({ left: 5, right: 12 });
+        Text.pop();
+        Row.pop();
+        Button.pop();
+        Button.createWithLabel('Disable', { type: ButtonType.Normal, stateEffect: false });
+        Button.opacity(0.5);
+        Button.borderRadius(8);
+        Button.backgroundColor(0x317aff);
+        Button.width(90);
+        Button.pop();
+        Flex.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new ButtonExample("1", undefined, {}));
+//# sourceMappingURL=button.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/transition_component/animateTo/animateTo.js

@@ -0,0 +1,187 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "animateTo_" + ++__generate__Id;
+}
+class TransitionExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__btnW = new ObservedPropertySimple(50, this, "btnW");
+        this.__btnH = new ObservedPropertySimple(50, this, "btnH");
+        this.__btn1 = new ObservedPropertySimple(false, this, "btn1");
+        this.__show = new ObservedPropertySimple("show", this, "show");
+        this.__color = new ObservedPropertySimple(Color.Red, this, "color");
+        this.__width1 = new ObservedPropertySimple(100, this, "width1");
+        this.__height1 = new ObservedPropertySimple(100, this, "height1");
+        this.__opacity1 = new ObservedPropertySimple(1, this, "opacity1");
+        this.__borderRaius1 = new ObservedPropertySimple(10, this, "borderRaius1");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.btnW !== undefined) {
+            this.btnW = params.btnW;
+        }
+        if (params.btnH !== undefined) {
+            this.btnH = params.btnH;
+        }
+        if (params.btn1 !== undefined) {
+            this.btn1 = params.btn1;
+        }
+        if (params.show !== undefined) {
+            this.show = params.show;
+        }
+        if (params.color !== undefined) {
+            this.color = params.color;
+        }
+        if (params.width1 !== undefined) {
+            this.width1 = params.width1;
+        }
+        if (params.height1 !== undefined) {
+            this.height1 = params.height1;
+        }
+        if (params.opacity1 !== undefined) {
+            this.opacity1 = params.opacity1;
+        }
+        if (params.borderRaius1 !== undefined) {
+            this.borderRaius1 = params.borderRaius1;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__btnW.aboutToBeDeleted();
+        this.__btnH.aboutToBeDeleted();
+        this.__btn1.aboutToBeDeleted();
+        this.__show.aboutToBeDeleted();
+        this.__color.aboutToBeDeleted();
+        this.__width1.aboutToBeDeleted();
+        this.__height1.aboutToBeDeleted();
+        this.__opacity1.aboutToBeDeleted();
+        this.__borderRaius1.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get btnW() {
+        return this.__btnW.get();
+    }
+    set btnW(newValue) {
+        this.__btnW.set(newValue);
+    }
+    get btnH() {
+        return this.__btnH.get();
+    }
+    set btnH(newValue) {
+        this.__btnH.set(newValue);
+    }
+    get btn1() {
+        return this.__btn1.get();
+    }
+    set btn1(newValue) {
+        this.__btn1.set(newValue);
+    }
+    get show() {
+        return this.__show.get();
+    }
+    set show(newValue) {
+        this.__show.set(newValue);
+    }
+    get color() {
+        return this.__color.get();
+    }
+    set color(newValue) {
+        this.__color.set(newValue);
+    }
+    get width1() {
+        return this.__width1.get();
+    }
+    set width1(newValue) {
+        this.__width1.set(newValue);
+    }
+    get height1() {
+        return this.__height1.get();
+    }
+    set height1(newValue) {
+        this.__height1.set(newValue);
+    }
+    get opacity1() {
+        return this.__opacity1.get();
+    }
+    set opacity1(newValue) {
+        this.__opacity1.set(newValue);
+    }
+    get borderRaius1() {
+        return this.__borderRaius1.get();
+    }
+    set borderRaius1(newValue) {
+        this.__borderRaius1.set(newValue);
+    }
+    render() {
+        Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, });
+        Flex.height(400);
+        Flex.width("100%");
+        Flex.padding({ top: 100 });
+        Button.createWithLabel(this.show);
+        Button.onClick(() => {
+            Context.animateTo({ duration: 1000 }, () => {
+                this.btn1 = !this.btn1;
+                if (this.btn1) {
+                    this.show = "hide";
+                }
+                else {
+                    this.show = "show";
+                }
+            });
+        });
+        Button.pop();
+        If.create();
+        if (this.btn1) {
+            If.branchId(0);
+            Button.createWithLabel();
+            Button.width("80%");
+            Button.height(30);
+            Button.transition({ type: TransitionType.Insert, scale: { x: 0, y: 1.0 } });
+            Button.transition({ type: TransitionType.Delete, scale: { x: 1.0, y: 0.0 } });
+            Button.pop();
+        }
+        If.pop();
+        Button.createWithLabel('animation');
+        Context.animation({
+            duration: 1000,
+            curve: Curve.EaseOut,
+            delay: 200,
+            iterations: 1,
+            playMode: PlayMode.Normal // 动画模式
+        });
+        Button.width(this.btnW);
+        Button.height(this.btnH);
+        Button.onClick(() => {
+            this.btnW += 50;
+        });
+        Context.animation(null);
+        Button.pop();
+        Column.create({ space: 5 });
+        Column.width("100%");
+        Column.height("100%");
+        Column.create();
+        Context.animation({ duration: 1000 });
+        Column.opacity(this.opacity1);
+        Column.backgroundColor(this.color);
+        Context.animation(null);
+        Context.animation({ duration: 2000 });
+        Column.width(this.width1);
+        Context.animation(null);
+        Context.animation({ duration: 3000 });
+        Column.height(this.height1);
+        Column.borderRadius(this.borderRaius1);
+        Context.animation(null);
+        Column.onClick(() => {
+            this.color = Color.Green;
+            this.borderRaius1 = 20;
+            this.opacity1 = 0.5;
+            this.height1 = 200;
+            this.width1 = 200;
+        });
+        Column.pop();
+        Column.pop();
+        Flex.pop();
+    }
+}
+loadDocument(new TransitionExample("1", undefined, {}));
+//# sourceMappingURL=animateTo.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/inner_commponent_transform/transition_component/pageTransition/pageTransition.js

@@ -0,0 +1,80 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "pageTransition_" + ++__generate__Id;
+}
+class PageTransitionExample1 extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__scale = new ObservedPropertySimple(1, this, "scale");
+        this.__opacity = new ObservedPropertySimple(1, this, "opacity");
+        this.__active = new ObservedPropertySimple(false, this, "active");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.scale !== undefined) {
+            this.scale = params.scale;
+        }
+        if (params.opacity !== undefined) {
+            this.opacity = params.opacity;
+        }
+        if (params.active !== undefined) {
+            this.active = params.active;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__scale.aboutToBeDeleted();
+        this.__opacity.aboutToBeDeleted();
+        this.__active.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get scale() {
+        return this.__scale.get();
+    }
+    set scale(newValue) {
+        this.__scale.set(newValue);
+    }
+    get opacity() {
+        return this.__opacity.get();
+    }
+    set opacity(newValue) {
+        this.__opacity.set(newValue);
+    }
+    get active() {
+        return this.__active.get();
+    }
+    set active(newValue) {
+        this.__active.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.scale({ x: this.scale });
+        Column.opacity(this.opacity);
+        Navigator.create({ target: 'pages/page1', type: NavigationType.Push });
+        Navigator.onClick(() => {
+            this.active = true;
+        });
+        Text.create('page transition');
+        Text.width("100%");
+        Text.height("100%");
+        Text.pop();
+        Navigator.pop();
+        Column.pop();
+    }
+    pageTransition() {
+        PageTransition.create();
+        PageTransitionEnter.create({ duration: 1200, curve: Curve.Linear });
+        PageTransitionEnter.onEnter((type, progress) => {
+            this.scale = 1;
+            this.opacity = progress;
+        });
+        PageTransitionExit.create({ duration: 1500, curve: Curve.Ease });
+        PageTransitionExit.onExit((type, progress) => {
+            this.scale = 1 - progress;
+            this.opacity = 1;
+        });
+        PageTransition.pop();
+    }
+}
+loadDocument(new PageTransitionExample1("1", undefined, {}));
+//# sourceMappingURL=pageTransition.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@builder/@builder.js

@@ -0,0 +1,186 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@builder_" + ++__generate__Id;
+}
+function noParam(parent = null) {
+    Row.create();
+    Text.create('this is a no param builder');
+    Text.pop();
+    Row.pop();
+}
+function specificParam(label1, label2, parent = null) {
+    Column.create();
+    Text.create(label1);
+    Text.pop();
+    Text.create(label2);
+    Text.pop();
+    Column.pop();
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+        this.controller = new TabsController();
+        this.__hideBar = new ObservedPropertySimple(true, this, "hideBar");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+        if (params.hideBar !== undefined) {
+            this.hideBar = params.hideBar;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__hideBar.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get hideBar() {
+        return this.__hideBar.get();
+    }
+    set hideBar(newValue) {
+        this.__hideBar.set(newValue);
+    }
+    textBuilder(parent = null) {
+        Text.create("文本");
+        Text.fontSize(30);
+        Text.pop();
+    }
+    NavigationTitlePara(label, parent = null) {
+        Column.create();
+        Text.create(label);
+        Text.width(80);
+        Text.bindMenu({ builder: this.textBuilder.bind(this) });
+        Text.pop();
+        Column.pop();
+    }
+    MenuBuilder(parent = null) {
+        Flex.create({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center });
+        Flex.width(100);
+        Text.create('Test menu item 1');
+        Text.fontSize(20);
+        Text.pop();
+        Divider.create();
+        Divider.height(10);
+        Text.create('Test menu item 2');
+        Text.fontSize(20);
+        Text.pop();
+        Flex.pop();
+    }
+    render() {
+        Column.create();
+        Row.create();
+        Row.padding(10);
+        Row.bindMenu({ builder: () => {
+                this.NavigationTitlePara.call(this, "111");
+            } });
+        Text.create("Drag Me");
+        Text.onDragStart((event, extraParams) => {
+            console.log('Text onDragStarts, ' + extraParams);
+        });
+        Text.pop();
+        specificParam('test1', 'test2', this);
+        Row.pop();
+        Row.create();
+        Row.padding(10);
+        Row.bindPopup(false, {
+            builder: { builder: this.MenuBuilder.bind(this) },
+            onStateChange: (e) => {
+                if (!e.isVisible) {
+                    console.warn(JSON.stringify(e.isVisible));
+                }
+            }
+        });
+        Text.create('Test Text');
+        Text.pop();
+        Row.pop();
+        Row.create();
+        Row.padding(10);
+        Row.bindContextMenu({ builder: this.MenuBuilder.bind(this) }, ResponseType.RightClick);
+        Text.create('rightclick for menu');
+        Text.pop();
+        Row.pop();
+        Row.create();
+        Row.padding(10);
+        Navigation.create();
+        Navigation.title({ builder: noParam.bind(this) });
+        Navigation.menus({ builder: this.textBuilder.bind(this) });
+        Navigation.toolBar({ items: [
+                { value: 'app', text: 'Grid', action: () => {
+                        console.log("app");
+                    } },
+                { value: 'add', text: 'Add', action: () => {
+                        console.log("add");
+                    } },
+                { value: 'collect', text: 'Collect', action: () => {
+                        console.log("collect");
+                    } }
+            ] });
+        Navigation.hideToolBar(this.hideBar);
+        List.create({ space: 5, initialIndex: 0 });
+        List.listDirection(Axis.Vertical);
+        List.height(300);
+        List.margin({ top: 10, left: 18 });
+        List.width('100%');
+        ForEach.create("2", this, ObservedObject.GetRawObject(this.arr), (item) => {
+            ListItem.create();
+            ListItem.editable(true);
+            Text.create('' + item);
+            Text.width('90%');
+            Text.height(80);
+            Text.backgroundColor('#3366CC');
+            Text.borderRadius(15);
+            Text.fontSize(16);
+            Text.textAlign(TextAlign.Center);
+            Text.pop();
+            ListItem.pop();
+        }, item => item);
+        ForEach.pop();
+        List.pop();
+        Button.createWithLabel(this.hideBar ? "tool bar" : "hide bar");
+        Button.onClick(() => {
+            this.hideBar = !this.hideBar;
+        });
+        Button.margin({ left: 135, top: 60 });
+        Button.pop();
+        Navigation.pop();
+        Row.pop();
+        Row.create();
+        Row.padding(10);
+        Tabs.create({ barPosition: BarPosition.Start, controller: this.controller });
+        TabContent.create();
+        TabContent.tabBar('pink');
+        Text.create('111');
+        Text.width('100%');
+        Text.height('20');
+        Text.backgroundColor(Color.Pink);
+        Text.pop();
+        TabContent.pop();
+        TabContent.create();
+        TabContent.tabBar('yellow');
+        Text.create('222');
+        Text.width('100%');
+        Text.height('20');
+        Text.backgroundColor(Color.Yellow);
+        Text.pop();
+        TabContent.pop();
+        TabContent.create();
+        TabContent.tabBar('blue');
+        Text.create('333');
+        Text.width('100%');
+        Text.height('20');
+        Text.backgroundColor(Color.Blue);
+        Text.pop();
+        TabContent.pop();
+        Tabs.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=@builder.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@builder/@builderWithForEach.js

@@ -0,0 +1,71 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@builderWithForEach_" + ++__generate__Id;
+}
+function ComB(param, parent = null) {
+    ForEach.create("3", parent ? parent : this, ObservedObject.GetRawObject(param), item => {
+        __Common__.create();
+        __Common__.backgroundColor('red');
+        let earlierCreatedChild_2 = ((parent ? parent : this) && (parent ? parent : this).findChildById) ? (parent ? parent : this).findChildById(generateId()) : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new ComA("@builderWithForEach_" + __generate__Id, parent ? parent : this, {}));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            if (!earlierCreatedChild_2.needsUpdate()) {
+                earlierCreatedChild_2.markStatic();
+            }
+            View.create(earlierCreatedChild_2);
+        }
+        __Common__.pop();
+    });
+    ForEach.pop();
+}
+class Index extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__arr = new ObservedPropertyObject(['1', '2', '3', '4', '5'], this, "arr");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    render() {
+        Column.create();
+        ComB(this.arr, this);
+        Column.pop();
+    }
+}
+class ComA extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Row.create();
+        Text.create('自定义组件');
+        Text.fontSize(30);
+        Text.pop();
+        Row.pop();
+    }
+}
+loadDocument(new Index("1", undefined, {}));
+//# sourceMappingURL=@builderWithForEach.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@builder/@builderWithLinkData.js

@@ -0,0 +1,67 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@builderWithLinkData_" + ++__generate__Id;
+}
+class TitleComp extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__title = new SynchedPropertySimpleTwoWay(params.title, this, "title");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        this.__title.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get title() {
+        return this.__title.get();
+    }
+    set title(newValue) {
+        this.__title.set(newValue);
+    }
+    render() {
+        Text.create(this.title);
+        Text.pop();
+    }
+}
+class TestPage extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__value = new ObservedPropertySimple('hello world', this, "value");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__value.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get value() {
+        return this.__value.get();
+    }
+    set value(newValue) {
+        this.__value.set(newValue);
+    }
+    TitleCompView(parent = null) {
+        let earlierCreatedChild_2 = ((parent ? parent : this) && (parent ? parent : this).findChildById) ? (parent ? parent : this).findChildById(generateId()) : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new TitleComp("@builderWithLinkData_" + __generate__Id, parent ? parent : this, { title: this.__value }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            View.create(earlierCreatedChild_2);
+        }
+    }
+    render() {
+        Flex.create();
+        this.TitleCompView(this);
+        Flex.pop();
+    }
+}
+loadDocument(new TestPage("1", undefined, {}));
+//# sourceMappingURL=@builderWithLinkData.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@builderParam/@builderParam.js

@@ -0,0 +1,201 @@
+let __generate__Id = 0;
+function generateId() {
+    return "@builderParam_" + ++__generate__Id;
+}
+import { CustomContainerExport } from '../../../../test/TestComponent';
+class CustomContainer extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.header = "";
+        this.content = undefined;
+        this.callContent = undefined;
+        this.footer = "";
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.header !== undefined) {
+            this.header = params.header;
+        }
+        if (params.content !== undefined) {
+            this.content = params.content;
+        }
+        if (params.callContent !== undefined) {
+            this.callContent = params.callContent;
+        }
+        if (params.footer !== undefined) {
+            this.footer = params.footer;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        Text.create(this.header);
+        Text.pop();
+        this.content(this);
+        this.callContent(this);
+        Text.create(this.footer);
+        Text.pop();
+        Column.pop();
+    }
+}
+class CustomContainer2 extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.header = "";
+        this.content = undefined;
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.header !== undefined) {
+            this.header = params.header;
+        }
+        if (params.content !== undefined) {
+            this.content = params.content;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        Text.create(this.header);
+        Text.pop();
+        this.content(this);
+        Column.pop();
+    }
+}
+function specificWithParam(label1, label2, parent = null) {
+    Column.create();
+    Text.create(label1);
+    Text.fontSize(50);
+    Text.pop();
+    Text.create(label2);
+    Text.fontSize(50);
+    Text.pop();
+    Column.pop();
+}
+class CustomContainerUser extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__text = new ObservedPropertySimple('header', this, "text");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.text !== undefined) {
+            this.text = params.text;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__text.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get text() {
+        return this.__text.get();
+    }
+    set text(newValue) {
+        this.__text.set(newValue);
+    }
+    specificParam(parent = null) {
+        Column.create();
+        Text.create("content");
+        Text.fontSize(50);
+        Text.pop();
+        Column.pop();
+    }
+    callSpecificParam(label1, label2, parent = null) {
+        Column.create();
+        Text.create(label1);
+        Text.fontSize(50);
+        Text.pop();
+        Text.create(label2);
+        Text.fontSize(50);
+        Text.pop();
+        Column.pop();
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new CustomContainerExport("2", this, {
+                header: this.text,
+                closer: () => {
+                    Column.create();
+                    Column.onClick(() => {
+                        this.text = "changeHeader";
+                    });
+                    specificWithParam("111", "22", this);
+                    Column.pop();
+                }
+            }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                header: this.text,
+                closer: () => {
+                    Column.create();
+                    Column.onClick(() => {
+                        this.text = "changeHeader";
+                    });
+                    specificWithParam("111", "22", this);
+                    Column.pop();
+                }
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        Row.create();
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new CustomContainer("3", this, {
+                header: this.text,
+                content: this.specificParam,
+                callContent: this.callSpecificParam("callContent1", 'callContent2'),
+                footer: "Footer",
+            }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                header: this.text,
+                content: this.specificParam,
+                callContent: this.callSpecificParam("callContent1", 'callContent2'),
+                footer: "Footer"
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        Row.pop();
+        Row.create();
+        let earlierCreatedChild_4 = (this && this.findChildById) ? this.findChildById("4") : undefined;
+        if (earlierCreatedChild_4 == undefined) {
+            View.create(new CustomContainer2("4", this, {
+                header: this.text,
+                content: () => {
+                    Column.create();
+                    Column.onClick(() => {
+                        this.text = "changeHeader";
+                    });
+                    this.callSpecificParam("111", '222', this);
+                    Column.pop();
+                }
+            }));
+        }
+        else {
+            earlierCreatedChild_4.updateWithValueParams({
+                header: this.text,
+                content: () => {
+                    Column.create();
+                    Column.onClick(() => {
+                        this.text = "changeHeader";
+                    });
+                    this.callSpecificParam("111", '222', this);
+                    Column.pop();
+                }
+            });
+            View.create(earlierCreatedChild_4);
+        }
+        Row.pop();
+        Column.pop();
+    }
+}
+loadDocument(new CustomContainerUser("1", undefined, {}));
+//# sourceMappingURL=@builderParam.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@customDialog/@customDialog.js

@@ -0,0 +1,165 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@customDialog_" + ++__generate__Id;
+}
+class DialogExample extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__count = new SynchedPropertySimpleOneWay(params.count, this, "count");
+        this.__isPlaying = new SynchedPropertySimpleTwoWay(params.isPlaying, this, "isPlaying");
+        this.controller = undefined;
+        this.termsToAccept = "";
+        this.action1 = undefined;
+        this.action2 = undefined;
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        this.count = params.count;
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+        if (params.termsToAccept !== undefined) {
+            this.termsToAccept = params.termsToAccept;
+        }
+        if (params.action1 !== undefined) {
+            this.action1 = params.action1;
+        }
+        if (params.action2 !== undefined) {
+            this.action2 = params.action2;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__count.aboutToBeDeleted();
+        this.__isPlaying.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get count() {
+        return this.__count.get();
+    }
+    set count(newValue) {
+        this.__count.set(newValue);
+    }
+    get isPlaying() {
+        return this.__isPlaying.get();
+    }
+    set isPlaying(newValue) {
+        this.__isPlaying.set(newValue);
+    }
+    setController(ctr) {
+        this.controller = ctr;
+    }
+    render() {
+        Column.create();
+        Row.create();
+        Button.createWithLabel('current count is: ' + this.count);
+        Button.onClick(() => {
+            this.count++;
+        });
+        Button.pop();
+        Row.pop();
+        Row.create();
+        Button.createWithLabel(this.isPlaying ? 'play' : 'pause');
+        Button.onClick(() => {
+            this.isPlaying = !this.isPlaying;
+        });
+        Button.pop();
+        Row.pop();
+        Row.create();
+        Button.createWithLabel("Option A");
+        Button.onClick(() => {
+            this.controller.close();
+            this.action1();
+        });
+        Button.pop();
+        Button.createWithLabel("Option B");
+        Button.onClick(() => {
+            this.controller.close();
+            this.action2(47, "Option B is great choice");
+        });
+        Button.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+class CustomDialogUser extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__countInitValue = new ObservedPropertySimple(10, this, "countInitValue");
+        this.__playingInitValue = new ObservedPropertySimple(false, this, "playingInitValue");
+        this.dialogController = new CustomDialogController({
+            builder: () => {
+                let jsDialog = new DialogExample("2", this, {
+                    termsToAccept: "Please accept the terms.",
+                    action1: this.onAccept,
+                    action2: this.existApp,
+                    count: this.countInitValue,
+                    isPlaying: this.__playingInitValue
+                });
+                jsDialog.setController(this.dialogController);
+                View.create(jsDialog);
+            },
+            cancel: this.existApp,
+            autoCancel: false
+        }, this);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.countInitValue !== undefined) {
+            this.countInitValue = params.countInitValue;
+        }
+        if (params.playingInitValue !== undefined) {
+            this.playingInitValue = params.playingInitValue;
+        }
+        if (params.dialogController !== undefined) {
+            this.dialogController = params.dialogController;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__countInitValue.aboutToBeDeleted();
+        this.__playingInitValue.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get countInitValue() {
+        return this.__countInitValue.get();
+    }
+    set countInitValue(newValue) {
+        this.__countInitValue.set(newValue);
+    }
+    get playingInitValue() {
+        return this.__playingInitValue.get();
+    }
+    set playingInitValue(newValue) {
+        this.__playingInitValue.set(newValue);
+    }
+    onAccept() {
+        console.log("onAccept");
+    }
+    existApp() {
+        console.log("Cancel dialog!");
+    }
+    render() {
+        Column.create();
+        Text.create('current countInitValue is: ' + this.countInitValue);
+        Text.fontSize(20);
+        Text.pop();
+        Text.create('current playingInitValue is: ' + this.playingInitValue);
+        Text.fontSize(20);
+        Text.pop();
+        Button.createWithLabel("Click to open Dialog -1");
+        Button.onClick(() => {
+            this.countInitValue--;
+            this.dialogController.open();
+        });
+        Button.pop();
+        Button.createWithLabel("Click to close Dialog +1");
+        Button.onClick(() => {
+            this.countInitValue++;
+            this.dialogController.close();
+        });
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new CustomDialogUser("1", undefined, {}));
+//# sourceMappingURL=@customDialog.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@extend/@extend.js

@@ -0,0 +1,55 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@extend_" + ++__generate__Id;
+}
+function __Text__fancy(color) {
+    Text.backgroundColor(color);
+}
+function __Text__superFancy(size) {
+    Text.fontSize(size);
+    __Text__fancy(Color.Red);
+}
+function __Button__fancybut(color) {
+    Button.backgroundColor(color);
+    Button.width(200);
+    Button.height(100);
+}
+class FancyUse extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        Row.create();
+        Text.create("Just Fancy");
+        __Text__fancy(Color.Yellow);
+        Text.pop();
+        Text.create("Super Fancy Text");
+        __Text__superFancy(24);
+        Text.pop();
+        Button.createWithLabel("Fancy Button");
+        __Button__fancybut(Color.Green);
+        Button.pop();
+        Row.pop();
+        Row.create({ space: 10 });
+        Text.create("Fancy");
+        __Text__fancytext(24);
+        Text.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+function __Text__fancytext(fontSize) {
+    Text.fontColor(Color.Red);
+    Text.fontSize(fontSize);
+    Text.fontStyle(FontStyle.Italic);
+}
+loadDocument(new FancyUse("1", undefined, {}));
+//# sourceMappingURL=@extend.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@preview/@preview.js

@@ -0,0 +1,53 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@preview_" + ++__generate__Id;
+}
+class HomePreviewComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.value = "hello world";
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Text.create(this.value);
+        Text.fontSize(50);
+        Text.pop();
+    }
+}
+class HomePreviewComponent_Preview extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new HomePreviewComponent("2", this, {}));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            if (!earlierCreatedChild_2.needsUpdate()) {
+                earlierCreatedChild_2.markStatic();
+            }
+            View.create(earlierCreatedChild_2);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new HomePreviewComponent("1", undefined, {}));
+//# sourceMappingURL=@preview.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@styles/@styles.js

@@ -0,0 +1,58 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@styles_" + ++__generate__Id;
+}
+class FancyUse extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__enable = new ObservedPropertySimple(true, this, "enable");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.enable !== undefined) {
+            this.enable = params.enable;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__enable.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get enable() {
+        return this.__enable.get();
+    }
+    set enable(newValue) {
+        this.__enable.set(newValue);
+    }
+    render() {
+        Column.create({ space: 10 });
+        Text.create("Fancy");
+        Text.backgroundColor(Color.Red);
+        Text.width(100);
+        Text.height(100);
+        Text.pop();
+        Text.create("Fancy");
+        Text.backgroundColor(Color.Blue);
+        Text.width(100);
+        Text.height(100);
+        Text.pop();
+        Button.createWithChild();
+        Button.enabled(this.enable);
+        Button.onClick(() => {
+            this.enable = false;
+        });
+        ViewStackProcessor.visualState("normal");
+        Button.backgroundColor(Color.Green);
+        ViewStackProcessor.visualState("disabled");
+        Button.backgroundColor(Color.Blue);
+        ViewStackProcessor.visualState("pressed");
+        Button.backgroundColor(Color.Red);
+        ViewStackProcessor.visualState();
+        Text.create("Fancy");
+        Text.pop();
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new FancyUse("1", undefined, {}));
+//# sourceMappingURL=@styles.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/render_decorator/@styles/@stylesExport.js

@@ -0,0 +1,57 @@
+let __generate__Id = 0;
+function generateId() {
+    return "@stylesExport_" + ++__generate__Id;
+}
+export class FancyUseExp extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__enable = new ObservedPropertySimple(true, this, "enable");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.enable !== undefined) {
+            this.enable = params.enable;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__enable.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get enable() {
+        return this.__enable.get();
+    }
+    set enable(newValue) {
+        this.__enable.set(newValue);
+    }
+    render() {
+        Column.create({ space: 10 });
+        Text.create("Fancy");
+        Text.backgroundColor(Color.Red);
+        Text.width(100);
+        Text.height(100);
+        Text.pop();
+        Text.create("Fancy");
+        Text.backgroundColor(Color.Blue);
+        Text.width(100);
+        Text.height(100);
+        Text.pop();
+        Button.createWithChild();
+        Button.enabled(this.enable);
+        Button.onClick(() => {
+            this.enable = false;
+        });
+        ViewStackProcessor.visualState("normal");
+        Button.backgroundColor(Color.Green);
+        ViewStackProcessor.visualState("disabled");
+        Button.backgroundColor(Color.Blue);
+        ViewStackProcessor.visualState("pressed");
+        Button.backgroundColor(Color.Red);
+        ViewStackProcessor.visualState();
+        Text.create("Fancy");
+        Text.pop();
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new FancyUseExp("1", undefined, {}));
+//# sourceMappingURL=@stylesExport.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/application_state_management/@storageLink/@storageLink.js

@@ -0,0 +1,63 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@storageLink_" + ++__generate__Id;
+}
+let varA = AppStorage.Link('varA');
+let envLang = AppStorage.Prop('languageCode');
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__varA = AppStorage.SetAndLink('varA', 2, this, "varA");
+        this.__lang = AppStorage.SetAndProp('languageCode', 'en', this, "lang");
+        this.label = 'count';
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.label !== undefined) {
+            this.label = params.label;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__varA.aboutToBeDeleted();
+        this.__lang.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get varA() {
+        return this.__varA.get();
+    }
+    set varA(newValue) {
+        this.__varA.set(newValue);
+    }
+    get lang() {
+        return this.__lang.get();
+    }
+    set lang(newValue) {
+        this.__lang.set(newValue);
+    }
+    aboutToAppear() {
+        this.label = (this.lang === 'zh') ? '数' : 'Count';
+    }
+    render() {
+        Row.create({ space: 20 });
+        Button.createWithLabel(this.label + ': ' + this.varA);
+        Button.onClick(() => {
+            AppStorage.Set('varA', AppStorage.Get('varA') + 1);
+        });
+        Button.pop();
+        Button.createWithLabel('lang: ' + this.lang);
+        Button.onClick(() => {
+            if (this.lang === 'zh') {
+                AppStorage.Set('languageCode', 'en');
+            }
+            else {
+                AppStorage.Set('languageCode', 'zh');
+            }
+            this.label = (this.lang === 'zh') ? '数' : 'Count';
+        });
+        Button.pop();
+        Row.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=@storageLink.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/application_state_management/@storageProp/@storageProp.js

@@ -0,0 +1,63 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@storageProp_" + ++__generate__Id;
+}
+let varA = AppStorage.Link('varA');
+let envLang = AppStorage.Prop('languageCode');
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__varA = AppStorage.SetAndLink('varA', 2, this, "varA");
+        this.__lang = AppStorage.SetAndProp('languageCode', 'en', this, "lang");
+        this.label = 'count';
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.label !== undefined) {
+            this.label = params.label;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__varA.aboutToBeDeleted();
+        this.__lang.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get varA() {
+        return this.__varA.get();
+    }
+    set varA(newValue) {
+        this.__varA.set(newValue);
+    }
+    get lang() {
+        return this.__lang.get();
+    }
+    set lang(newValue) {
+        this.__lang.set(newValue);
+    }
+    aboutToAppear() {
+        this.label = (this.lang === 'zh') ? '数' : 'Count';
+    }
+    render() {
+        Row.create({ space: 20 });
+        Button.createWithLabel(this.label + ': ' + this.varA);
+        Button.onClick(() => {
+            AppStorage.Set('varA', AppStorage.Get('varA') + 1);
+        });
+        Button.pop();
+        Button.createWithLabel('lang: ' + this.lang);
+        Button.onClick(() => {
+            if (this.lang === 'zh') {
+                AppStorage.Set('languageCode', 'en');
+            }
+            else {
+                AppStorage.Set('languageCode', 'zh');
+            }
+            this.label = (this.lang === 'zh') ? '数' : 'Count';
+        });
+        Button.pop();
+        Row.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=@storageProp.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/application_state_management/appStorage/appStorage.js

@@ -0,0 +1,63 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "appStorage_" + ++__generate__Id;
+}
+let varA = AppStorage.Link('varA');
+let envLang = AppStorage.Prop('languageCode');
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__varA = AppStorage.SetAndLink('varA', 2, this, "varA");
+        this.__lang = AppStorage.SetAndProp('languageCode', 'en', this, "lang");
+        this.label = 'count';
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.label !== undefined) {
+            this.label = params.label;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__varA.aboutToBeDeleted();
+        this.__lang.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get varA() {
+        return this.__varA.get();
+    }
+    set varA(newValue) {
+        this.__varA.set(newValue);
+    }
+    get lang() {
+        return this.__lang.get();
+    }
+    set lang(newValue) {
+        this.__lang.set(newValue);
+    }
+    aboutToAppear() {
+        this.label = (this.lang === 'zh') ? '数' : 'Count';
+    }
+    render() {
+        Row.create({ space: 20 });
+        Button.createWithLabel(this.label + ': ' + this.varA);
+        Button.onClick(() => {
+            AppStorage.Set('varA', AppStorage.Get('varA') + 1);
+        });
+        Button.pop();
+        Button.createWithLabel('lang: ' + this.lang);
+        Button.onClick(() => {
+            if (this.lang === 'zh') {
+                AppStorage.Set('languageCode', 'en');
+            }
+            else {
+                AppStorage.Set('languageCode', 'zh');
+            }
+            this.label = (this.lang === 'zh') ? '数' : 'Count';
+        });
+        Button.pop();
+        Row.pop();
+    }
+}
+loadDocument(new MyComponent("1", undefined, {}));
+//# sourceMappingURL=appStorage.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/application_state_management/localStorage/localStorage.js

@@ -0,0 +1,54 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "localStorage_" + ++__generate__Id;
+}
+let storage = LocalStorage.GetShared();
+class ClassA {
+    constructor(a) {
+        this.id = 1;
+        this.type = 2;
+        this.a = "aaa";
+        this.a = a;
+    }
+}
+class LocalStorageComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__simpleVarName = this.localStorage_.setAndLink("storageSimpleProp", 0, this, "simpleVarName");
+        this.__objectName = this.localStorage_.setAndProp("storageObjectProp", new ClassA("x"), this, "objectName");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        this.__simpleVarName.aboutToBeDeleted();
+        this.__objectName.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get simpleVarName() {
+        return this.__simpleVarName.get();
+    }
+    set simpleVarName(newValue) {
+        this.__simpleVarName.set(newValue);
+    }
+    get objectName() {
+        return this.__objectName.get();
+    }
+    set objectName(newValue) {
+        this.__objectName.set(newValue);
+    }
+    render() {
+        Column.create();
+        Column.height(500);
+        Text.create(this.objectName.a);
+        Text.onClick(() => {
+            this.simpleVarName += 1;
+            this.objectName.a = this.objectName.a === 'x' ? 'yex' : 'no';
+        });
+        Text.pop();
+        Column.pop();
+    }
+}
+loadDocument(new LocalStorageComponent("1", undefined, {}, storage));
+//# sourceMappingURL=localStorage.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/inner_struct_state_management/@link/@link.js

@@ -0,0 +1,146 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@link_" + ++__generate__Id;
+}
+class linkComp extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__buttonPlaying = new SynchedPropertySimpleTwoWay(params.buttonPlaying, this, "buttonPlaying");
+        this.__items = new SynchedPropertyObjectTwoWay(params.items, this, "items");
+        this.__obj = new SynchedPropertyObjectTwoWay(params.obj, this, "obj");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        this.__buttonPlaying.aboutToBeDeleted();
+        this.__items.aboutToBeDeleted();
+        this.__obj.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get buttonPlaying() {
+        return this.__buttonPlaying.get();
+    }
+    set buttonPlaying(newValue) {
+        this.__buttonPlaying.set(newValue);
+    }
+    get items() {
+        return this.__items.get();
+    }
+    set items(newValue) {
+        this.__items.set(newValue);
+    }
+    get obj() {
+        return this.__obj.get();
+    }
+    set obj(newValue) {
+        this.__obj.set(newValue);
+    }
+    render() {
+        Column.create();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.buttonPlaying = !this.buttonPlaying;
+        });
+        Text.create(this.buttonPlaying ? 'play' : 'pause');
+        Text.pop();
+        Button.pop();
+        Row.create();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.items.push(100);
+        });
+        Text.create('push 100');
+        Text.pop();
+        Button.pop();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.items.pop();
+        });
+        Text.create('remove item');
+        Text.pop();
+        Button.pop();
+        Row.pop();
+        Row.create();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.obj.push({ name: 'xiaohua', age: 18 });
+        });
+        Text.create('新增一人');
+        Text.pop();
+        Button.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+class linkPage extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__isPlaying = new ObservedPropertySimple(false, this, "isPlaying");
+        this.__itemsArr = new ObservedPropertyObject([1, 2, 3], this, "itemsArr");
+        this.__peoples = new ObservedPropertyObject([{ name: 'xiaoming', age: 8 }], this, "peoples");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.isPlaying !== undefined) {
+            this.isPlaying = params.isPlaying;
+        }
+        if (params.itemsArr !== undefined) {
+            this.itemsArr = params.itemsArr;
+        }
+        if (params.peoples !== undefined) {
+            this.peoples = params.peoples;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__isPlaying.aboutToBeDeleted();
+        this.__itemsArr.aboutToBeDeleted();
+        this.__peoples.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get isPlaying() {
+        return this.__isPlaying.get();
+    }
+    set isPlaying(newValue) {
+        this.__isPlaying.set(newValue);
+    }
+    get itemsArr() {
+        return this.__itemsArr.get();
+    }
+    set itemsArr(newValue) {
+        this.__itemsArr.set(newValue);
+    }
+    get peoples() {
+        return this.__peoples.get();
+    }
+    set peoples(newValue) {
+        this.__peoples.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new linkComp("2", this, { buttonPlaying: this.__isPlaying, items: this.__itemsArr, obj: this.__peoples }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            View.create(earlierCreatedChild_2);
+        }
+        Text.create('Player is ' + (this.isPlaying ? '' : 'not') + ' playing');
+        Text.pop();
+        ForEach.create("3", this, ObservedObject.GetRawObject(this.itemsArr), item => {
+            Text.create('' + item);
+            Text.pop();
+        }, item => item.toString());
+        ForEach.pop();
+        ForEach.create("4", this, ObservedObject.GetRawObject(this.peoples), item => {
+            Text.create(item.name + ': ' + item.age);
+            Text.pop();
+        });
+        ForEach.pop();
+        Column.pop();
+    }
+}
+loadDocument(new linkPage("1", undefined, {}));
+//# sourceMappingURL=@link.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/inner_struct_state_management/@prop/@prop.js

@@ -0,0 +1,134 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@prop_" + ++__generate__Id;
+}
+class ctComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__name = new SynchedPropertySimpleOneWay(params.name, this, "name");
+        this.__canPlay = new SynchedPropertySimpleOneWay(params.canPlay, this, "canPlay");
+        this.__count = new SynchedPropertySimpleOneWay(params.count, this, "count");
+        this.costOfOneAttempt = undefined;
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        this.name = params.name;
+        this.canPlay = params.canPlay;
+        this.count = params.count;
+        if (params.costOfOneAttempt !== undefined) {
+            this.costOfOneAttempt = params.costOfOneAttempt;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__name.aboutToBeDeleted();
+        this.__canPlay.aboutToBeDeleted();
+        this.__count.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get name() {
+        return this.__name.get();
+    }
+    set name(newValue) {
+        this.__name.set(newValue);
+    }
+    get canPlay() {
+        return this.__canPlay.get();
+    }
+    set canPlay(newValue) {
+        this.__canPlay.set(newValue);
+    }
+    get count() {
+        return this.__count.get();
+    }
+    set count(newValue) {
+        this.__count.set(newValue);
+    }
+    render() {
+        Column.create();
+        If.create();
+        if (this.canPlay) {
+            If.branchId(0);
+            If.create();
+            if (this.count > 0) {
+                If.branchId(0);
+                Text.create(this.name + ' have ' + this.count + ' Nuggets left');
+                Text.pop();
+            }
+            else {
+                If.branchId(1);
+                Text.create('Sorry, ' + this.name + '. Game over!');
+                Text.pop();
+            }
+            If.pop();
+            Button.createWithChild();
+            Button.onClick(() => {
+                this.count -= this.costOfOneAttempt;
+            });
+            Text.create('Try again');
+            Text.pop();
+            Button.pop();
+        }
+        else {
+            If.branchId(1);
+            Text.create(this.name + ', sorry. You do not play this game');
+            Text.pop();
+        }
+        If.pop();
+        Column.pop();
+    }
+}
+class PageComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__countDownStartValue = new ObservedPropertySimple(10, this, "countDownStartValue");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.countDownStartValue !== undefined) {
+            this.countDownStartValue = params.countDownStartValue;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__countDownStartValue.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get countDownStartValue() {
+        return this.__countDownStartValue.get();
+    }
+    set countDownStartValue(newValue) {
+        this.__countDownStartValue.set(newValue);
+    }
+    render() {
+        Column.create();
+        Text.create('Grant ' + this.countDownStartValue + ' nuggets to play');
+        Text.pop();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.countDownStartValue += 1;
+        });
+        Text.create('+1 - Nuggets in New Game');
+        Text.pop();
+        Button.pop();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.countDownStartValue -= 1;
+        });
+        Text.create('-1  - Nuggets in New Game');
+        Text.pop();
+        Button.pop();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new ctComponent("2", this, { name: 'xiaoming', canPlay: true, count: this.countDownStartValue, costOfOneAttempt: 2 }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                name: 'xiaoming', canPlay: true, count: this.countDownStartValue, costOfOneAttempt: 2
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new PageComponent("1", undefined, {}));
+//# sourceMappingURL=@prop.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/inner_struct_state_management/@state/@state.js

@@ -0,0 +1,107 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@state_" + ++__generate__Id;
+}
+class Model {
+    constructor(value) {
+        this.value = value;
+    }
+}
+class MyComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__title = new ObservedPropertyObject({ value: 'Hello World' }, this, "title");
+        this.__count = new ObservedPropertySimple(0, this, "count");
+        this.toggle = 'Hello World';
+        this.increaseBy = 1;
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.title !== undefined) {
+            this.title = params.title;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+        if (params.toggle !== undefined) {
+            this.toggle = params.toggle;
+        }
+        if (params.increaseBy !== undefined) {
+            this.increaseBy = params.increaseBy;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__title.aboutToBeDeleted();
+        this.__count.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get title() {
+        return this.__title.get();
+    }
+    set title(newValue) {
+        this.__title.set(newValue);
+    }
+    get count() {
+        return this.__count.get();
+    }
+    set count(newValue) {
+        this.__count.set(newValue);
+    }
+    render() {
+        Column.create();
+        Text.create('title.value: ' + this.title.value);
+        Text.pop();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.title.value = (this.toggle == this.title.value) ? 'Hello World' : 'Hello UI';
+        });
+        Text.create('Click to change title');
+        Text.pop();
+        Button.pop();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.count += this.increaseBy;
+        });
+        Text.create('Click to increase count=' + this.count);
+        Text.pop();
+        Button.pop();
+        Column.pop();
+    }
+}
+class EntryComponent extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new MyComponent("2", this, { count: 1, increaseBy: 2 }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                count: 1, increaseBy: 2
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new MyComponent("3", this, { title: { value: 'Hello, World 2' }, count: 7 }));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({
+                title: { value: 'Hello, World 2' }, count: 7
+            });
+            View.create(earlierCreatedChild_3);
+        }
+        Column.pop();
+    }
+}
+loadDocument(new EntryComponent("1", undefined, {}));

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/others/@consume_@provide/@consume_@provide.js

@@ -0,0 +1,108 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@consume_@provide_" + ++__generate__Id;
+}
+class CompA extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__reviewVotes = new ObservedPropertySimple(0, this, "reviewVotes");
+        this.addProvidedVar("reviewVote", this.__reviewVotes, false);
+        this.addProvidedVar("reviewVotes", this.__reviewVotes, false);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.reviewVotes !== undefined) {
+            this.reviewVotes = params.reviewVotes;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__reviewVotes.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get reviewVotes() {
+        return this.__reviewVotes.get();
+    }
+    set reviewVotes(newValue) {
+        this.__reviewVotes.set(newValue);
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new CompB("2", this, {}));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({});
+            if (!earlierCreatedChild_2.needsUpdate()) {
+                earlierCreatedChild_2.markStatic();
+            }
+            View.create(earlierCreatedChild_2);
+        }
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.reviewVotes += 1;
+        });
+        Text.create('' + this.reviewVotes);
+        Text.fontSize(30);
+        Text.pop();
+        Button.pop();
+        Column.pop();
+    }
+}
+class CompB extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id());
+    }
+    render() {
+        Column.create();
+        let earlierCreatedChild_3 = (this && this.findChildById) ? this.findChildById("3") : undefined;
+        if (earlierCreatedChild_3 == undefined) {
+            View.create(new CompC("3", this, {}));
+        }
+        else {
+            earlierCreatedChild_3.updateWithValueParams({});
+            View.create(earlierCreatedChild_3);
+        }
+        Column.pop();
+    }
+}
+class CompC extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__reviewVotes = this.initializeConsume("reviewVote", "reviewVotes");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+    }
+    aboutToBeDeleted() {
+        this.__reviewVotes.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get reviewVotes() {
+        return this.__reviewVotes.get();
+    }
+    set reviewVotes(newValue) {
+        this.__reviewVotes.set(newValue);
+    }
+    render() {
+        Column.create();
+        Button.createWithChild();
+        Button.onClick(() => {
+            this.reviewVotes += 1;
+        });
+        Text.create('' + this.reviewVotes);
+        Text.fontSize(30);
+        Text.pop();
+        Button.pop();
+        Column.pop();
+    }
+}
+loadDocument(new CompA("1", undefined, {}));
+//# sourceMappingURL=@consume_@provide.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/others/@observed_@objectLink/@observed_@objectLink.js

@@ -0,0 +1,94 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let __generate__Id = 0;
+function generateId() {
+    return "@observed_@objectLink_" + ++__generate__Id;
+}
+let NextID = 0;
+let ClassA = class ClassA {
+    constructor(c) {
+        this.id = NextID++;
+        this.c = c;
+    }
+};
+ClassA = __decorate([
+    Observed
+], ClassA);
+let ClassB = class ClassB {
+    constructor(a) {
+        this.a = a;
+    }
+};
+ClassB = __decorate([
+    Observed
+], ClassB);
+class ViewA extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__varA = new SynchedPropertyNesedObject(params.varA, this, "varA");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        this.__varA.set(params.varA);
+    }
+    aboutToBeDeleted() {
+        this.__varA.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get varA() {
+        return this.__varA.get();
+    }
+    render() {
+        Row.create();
+        Text.create('ViewA-' + this.varA.id);
+        Text.pop();
+        Row.pop();
+    }
+}
+class ViewB extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__varB = new ObservedPropertyObject(new ClassB(new ClassA(0)), this, "varB");
+        this.updateWithValueParams(params);
+    }
+    updateWithValueParams(params) {
+        if (params.varB !== undefined) {
+            this.varB = params.varB;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__varB.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get varB() {
+        return this.__varB.get();
+    }
+    set varB(newValue) {
+        this.__varB.set(newValue);
+    }
+    render() {
+        Column.create();
+        Row.create();
+        let earlierCreatedChild_2 = (this && this.findChildById) ? this.findChildById("2") : undefined;
+        if (earlierCreatedChild_2 == undefined) {
+            View.create(new ViewA("2", this, { varA: this.varB.a }));
+        }
+        else {
+            earlierCreatedChild_2.updateWithValueParams({
+                varA: this.varB.a
+            });
+            View.create(earlierCreatedChild_2);
+        }
+        Text.create('ViewB');
+        Text.pop();
+        Row.pop();
+        Column.pop();
+    }
+}
+loadDocument(new ViewB("1", undefined, {}));
+//# sourceMappingURL=@observed_@objectLink.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/ut/ui_state_management/others/@watch/@watch.js

@@ -0,0 +1,108 @@
+"use strict";
+let __generate__Id = 0;
+function generateId() {
+    return "@watch_" + ++__generate__Id;
+}
+class CompA extends View {
+    constructor(compilerAssignedUniqueChildId, parent, params, localStorage) {
+        super(compilerAssignedUniqueChildId, parent, localStorage);
+        this.__shopBasket = new ObservedPropertyObject([7, 12, 47, 3], this, "shopBasket");
+        this.__totalPurchase = new ObservedPropertySimple(0, this, "totalPurchase");
+        this.__defArray = new ObservedPropertyObject(['c', 'g', 't', 'z'], this, "defArray");
+        this.__resultTip = new ObservedPropertySimple('', this, "resultTip");
+        this.updateWithValueParams(params);
+        this.declareWatch("shopBasket", this.onBasketUpdated);
+        this.declareWatch("defArray", this.onPutItem);
+    }
+    updateWithValueParams(params) {
+        if (params.shopBasket !== undefined) {
+            this.shopBasket = params.shopBasket;
+        }
+        if (params.totalPurchase !== undefined) {
+            this.totalPurchase = params.totalPurchase;
+        }
+        if (params.defArray !== undefined) {
+            this.defArray = params.defArray;
+        }
+        if (params.resultTip !== undefined) {
+            this.resultTip = params.resultTip;
+        }
+    }
+    aboutToBeDeleted() {
+        this.__shopBasket.aboutToBeDeleted();
+        this.__totalPurchase.aboutToBeDeleted();
+        this.__defArray.aboutToBeDeleted();
+        this.__resultTip.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id());
+    }
+    get shopBasket() {
+        return this.__shopBasket.get();
+    }
+    set shopBasket(newValue) {
+        this.__shopBasket.set(newValue);
+    }
+    get totalPurchase() {
+        return this.__totalPurchase.get();
+    }
+    set totalPurchase(newValue) {
+        this.__totalPurchase.set(newValue);
+    }
+    get defArray() {
+        return this.__defArray.get();
+    }
+    set defArray(newValue) {
+        this.__defArray.set(newValue);
+    }
+    get resultTip() {
+        return this.__resultTip.get();
+    }
+    set resultTip(newValue) {
+        this.__resultTip.set(newValue);
+    }
+    updateTotal() {
+        let sum = 0;
+        this.shopBasket.forEach((i) => { sum += i; });
+        this.totalPurchase = (sum < 100) ? sum : 0.9 * sum;
+        return this.totalPurchase;
+    }
+    onBasketUpdated(propName) {
+        Context.animateTo({ duration: 1000 }, () => {
+            this.updateTotal();
+        });
+    }
+    updateTip() {
+        let tempArray = this.defArray.slice(0, -1);
+        let addItem = this.defArray[this.defArray.length - 1];
+        this.resultTip = tempArray.includes(addItem) ?
+            'add item invalid' :
+            'congratulations! add item success';
+        return this.resultTip;
+    }
+    onPutItem(propName) {
+        this.updateTip();
+    }
+    render() {
+        Column.create();
+        Button.createWithLabel("add to basket");
+        Button.onClick(() => {
+            this.shopBasket.push(Math.round(100 * Math.random()));
+        });
+        Button.pop();
+        Text.create('totalPurchase: ' + this.totalPurchase);
+        Text.fontSize(20);
+        Text.pop();
+        Button.createWithLabel("put item");
+        Button.onClick(() => {
+            let alList = 'abcdefghijklmnopqrstuvwxyz';
+            let ranItem = alList[Math.floor(Math.random() * 26)];
+            this.defArray.push(ranItem);
+        });
+        Button.pop();
+        Text.create('tips: ' + this.resultTip);
+        Text.fontSize(20);
+        Text.pop();
+        Column.pop();
+    }
+}
+loadDocument(new CompA("1", undefined, {}));
+//# sourceMappingURL=@watch.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/import@CustomDialog.js

@@ -0,0 +1,111 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import { CustomDialogExample1 as CustomDialogExample } from '../../../test/import@CustomDialog';
+class CustomDialogUser extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__textValue = new ObservedPropertySimplePU('', this, "textValue");
+        this.__inputValue = new ObservedPropertySimplePU('click me', this, "inputValue");
+        this.dialogController = new CustomDialogController({
+            builder: () => {
+                let jsDialog = new CustomDialogExample(this, {
+                    cancel: this.onCancel,
+                    confirm: this.onAccept,
+                    textValue: this.__textValue,
+                    inputValue: this.__inputValue
+                }, undefined, -1, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/import@CustomDialog.ets", line: 9, col: 14 });
+                jsDialog.setController(this.dialogController);
+                ViewPU.create(jsDialog);
+                let paramsLambda = () => {
+                    return {
+                        cancel: this.onCancel,
+                        confirm: this.onAccept,
+                        textValue: this.__textValue,
+                        inputValue: this.__inputValue
+                    };
+                };
+                jsDialog.paramsGenerator_ = paramsLambda;
+            },
+            cancel: this.existApp,
+            autoCancel: true,
+            alignment: DialogAlignment.Default,
+            offset: { dx: 0, dy: -20 },
+            gridCount: 4,
+            customStyle: false
+        }, this);
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.textValue !== undefined) {
+            this.textValue = params.textValue;
+        }
+        if (params.inputValue !== undefined) {
+            this.inputValue = params.inputValue;
+        }
+        if (params.dialogController !== undefined) {
+            this.dialogController = params.dialogController;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__textValue.purgeDependencyOnElmtId(rmElmtId);
+        this.__inputValue.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__textValue.aboutToBeDeleted();
+        this.__inputValue.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get textValue() {
+        return this.__textValue.get();
+    }
+    set textValue(newValue) {
+        this.__textValue.set(newValue);
+    }
+    get inputValue() {
+        return this.__inputValue.get();
+    }
+    set inputValue(newValue) {
+        this.__inputValue.set(newValue);
+    }
+    onCancel() {
+        console.info('Callback when the first button is clicked');
+    }
+    onAccept() {
+        console.info('Callback when the second button is clicked');
+    }
+    existApp() {
+        console.info('Click the callback in the blank area');
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+            Column.margin({ top: 5 });
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel(this.inputValue);
+            Button.onClick(() => {
+                this.dialogController.open();
+            });
+            Button.backgroundColor(0x317aff);
+        }, Button);
+        Button.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "CustomDialogUser";
+    }
+}
+registerNamedRoute(() => new CustomDialogUser(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/import@CustomDialog", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/import@CustomDialog", integratedHsp: "false" });
+//# sourceMappingURL=import@CustomDialog.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/import@Observed.js

@@ -0,0 +1,192 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import { ClassB as ClassA } from '../../../test/import@Observed';
+class ViewA extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.label = 'ViewA1';
+        this.__a = new SynchedPropertyNesedObjectPU(params.a, this, "a");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.label !== undefined) {
+            this.label = params.label;
+        }
+        this.__a.set(params.a);
+    }
+    updateStateVars(params) {
+        this.__a.set(params.a);
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__a.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__a.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get a() {
+        return this.__a.get();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+            Row.margin({ top: 10 });
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel('ViewA' + JSON.stringify(this.label) + 'this.a.c=' + JSON.stringify(this.a.c));
+            Button.onClick(() => {
+                this.a.c += 1;
+            });
+        }, Button);
+        Button.pop();
+        Row.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ViewB extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arrA = new ObservedPropertyObjectPU([new ClassA(0), new ClassA(0)], this, "arrA");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arrA !== undefined) {
+            this.arrA = params.arrA;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arrA.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arrA.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arrA() {
+        return this.__arrA.get();
+    }
+    set arrA(newValue) {
+        this.__arrA.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        if (isInitialRender) {
+                            let componentCall = new ViewA(this, { label: JSON.stringify(item.id), a: item }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/import@Observed.ets", line: 25, col: 9 });
+                            ViewPU.create(componentCall);
+                            let paramsLambda = () => {
+                                return {
+                                    label: JSON.stringify(item.id),
+                                    a: item
+                                };
+                            };
+                            componentCall.paramsGenerator_ = paramsLambda;
+                        }
+                        else {
+                            this.updateStateVarsOfChildByElmtId(elmtId, {
+                                a: item
+                            });
+                        }
+                    }, { name: "ViewA" });
+                }
+            };
+            this.forEachUpdateFunction(elmtId, this.arrA, forEachItemGenFunction, (item) => item.id.toString(), false, false);
+        }, ForEach);
+        ForEach.pop();
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new ViewA(this, { label: JSON.stringify(this.arrA[0]), a: this.arrA[0] }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/import@Observed.ets", line: 27, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            label: JSON.stringify(this.arrA[0]),
+                            a: this.arrA[0]
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {
+                        a: this.arrA[0]
+                    });
+                }
+            }, { name: "ViewA" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new ViewA(this, { label: JSON.stringify(this.arrA[this.arrA.length - 1]), a: this.arrA[this.arrA.length - 1] }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/import@Observed.ets", line: 28, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            label: JSON.stringify(this.arrA[this.arrA.length - 1]),
+                            a: this.arrA[this.arrA.length - 1]
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {
+                        a: this.arrA[this.arrA.length - 1]
+                    });
+                }
+            }, { name: "ViewA" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel('ViewB: reset array');
+            Button.margin({ top: 10 });
+            Button.onClick(() => {
+                this.arrA = [new ClassA(0), new ClassA(0)];
+            });
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel('ViewB: push');
+            Button.margin({ top: 10 });
+            Button.onClick(() => {
+                this.arrA.push(new ClassA(0));
+            });
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel('ViewB: shift');
+            Button.margin({ top: 10 });
+            Button.onClick(() => {
+                this.arrA.shift();
+            });
+        }, Button);
+        Button.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ViewB";
+    }
+}
+registerNamedRoute(() => new ViewB(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/import@Observed", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/import@Observed", integratedHsp: "false" });
+//# sourceMappingURL=import@Observed.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts.js

@@ -0,0 +1,213 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import * as AllComponent from '../../../test/NamespaceComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__myState1 = new ObservedPropertyObjectPU(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimplePU(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimplePU(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimplePU('ImportTest', this, "myState4");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__myState1.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState2.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState3.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState4.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllComponent.NamespaceComponent1(this, {
+                        NamespaceComponent1Link1: this.__myState1,
+                        NamespaceComponent1Link2: this.__myState2,
+                        NamespaceComponent1Link3: this.__myState3,
+                        NamespaceComponent1Link4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 80
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts.ets", line: 14, col: 9 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            NamespaceComponent1Link1: this.myState1,
+                            NamespaceComponent1Link2: this.myState2,
+                            NamespaceComponent1Link3: this.myState3,
+                            NamespaceComponent1Link4: this.myState4,
+                            myVar: 100,
+                            myVar2: 80
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "NamespaceComponent1" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.width(100);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllComponent.NamespaceComponent1(this, {
+                        NamespaceComponent1Link1: this.__myState1,
+                        NamespaceComponent1Link2: this.__myState2,
+                        NamespaceComponent1Link3: this.__myState3,
+                        NamespaceComponent1Link4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 80
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts.ets", line: 22, col: 9 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            NamespaceComponent1Link1: this.myState1,
+                            NamespaceComponent1Link2: this.myState2,
+                            NamespaceComponent1Link3: this.myState3,
+                            NamespaceComponent1Link4: this.myState4,
+                            myVar: 100,
+                            myVar2: 80
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "NamespaceComponent1" });
+        }
+        __Common__.pop();
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllComponent.default(this, {
+                        NamespaceComponent3Link1: this.__myState1,
+                        NamespaceComponent3Link2: this.__myState2,
+                        NamespaceComponent3Link3: this.__myState3,
+                        NamespaceComponent3Link4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 80
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts.ets", line: 31, col: 11 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            NamespaceComponent3Link1: this.myState1,
+                            NamespaceComponent3Link2: this.myState2,
+                            NamespaceComponent3Link3: this.myState3,
+                            NamespaceComponent3Link4: this.myState4,
+                            myVar: 100,
+                            myVar2: 80
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "default" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.height(200);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllComponent.default(this, {
+                        NamespaceComponent3Link1: this.__myState1,
+                        NamespaceComponent3Link2: this.__myState2,
+                        NamespaceComponent3Link3: this.__myState3,
+                        NamespaceComponent3Link4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 80
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts.ets", line: 39, col: 11 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            NamespaceComponent3Link1: this.myState1,
+                            NamespaceComponent3Link2: this.myState2,
+                            NamespaceComponent3Link3: this.myState3,
+                            NamespaceComponent3Link4: this.myState4,
+                            myVar: 100,
+                            myVar2: 80
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "default" });
+        }
+        __Common__.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ImportTest";
+    }
+}
+registerNamedRoute(() => new ImportTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/importAllEts", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/importAllEts", integratedHsp: "false" });
+//# sourceMappingURL=importAllEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.js

@@ -0,0 +1,285 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import LinkComponentDefault, { LinkComponent as LinkComponent1Ref, LinkComponent2 as LinkComponent2Ref, LinkComponent3 } from '../../../test/LinkComponent';
+import DefaultComponent from "../../../test/DefaultComponent";
+import AMDComponentDefault from '../../../test/AMDComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__myState1 = new ObservedPropertyObjectPU(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimplePU(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimplePU(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimplePU('ImportTest', this, "myState4");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__myState1.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState2.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState3.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState4.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new LinkComponent2Ref(this, {
+                        LinkComponent2Link1: this.__myState1,
+                        LinkComponent2Link2: this.__myState2,
+                        LinkComponent2Link3: this.__myState3,
+                        LinkComponent2Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'LinkComponent2'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 21, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            LinkComponent2Link1: this.myState1,
+                            LinkComponent2Link2: this.myState2,
+                            LinkComponent2Link3: this.myState3,
+                            LinkComponent2Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'LinkComponent2'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "LinkComponent2Ref" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('space');
+            Text.fontSize(20);
+            Text.fontColor(Color.Red);
+        }, Text);
+        Text.pop();
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new LinkComponent1Ref(this, {
+                        LinkComponent1Link1: this.__myState1,
+                        LinkComponent1Link2: this.__myState2,
+                        LinkComponent1Link3: this.__myState3,
+                        LinkComponent1Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'LinkComponent1'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 34, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            LinkComponent1Link1: this.myState1,
+                            LinkComponent1Link2: this.myState2,
+                            LinkComponent1Link3: this.myState3,
+                            LinkComponent1Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'LinkComponent1'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "LinkComponent1Ref" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new DefaultComponent(this, {
+                        DefaultComponentLink1: this.__myState1,
+                        DefaultComponentLink2: this.__myState2,
+                        DefaultComponentLink3: this.__myState3,
+                        DefaultComponentLink4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 100
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 44, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            DefaultComponentLink1: this.myState1,
+                            DefaultComponentLink2: this.myState2,
+                            DefaultComponentLink3: this.myState3,
+                            DefaultComponentLink4: this.myState4,
+                            myVar: 100,
+                            myVar2: 100
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "DefaultComponent" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new LinkComponentDefault(this, {
+                        LinkComponent3Link1: this.__myState1,
+                        LinkComponent3Link2: this.__myState2,
+                        LinkComponent3Link3: this.__myState3,
+                        LinkComponent3Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'LinkComponent3'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 52, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            LinkComponent3Link1: this.myState1,
+                            LinkComponent3Link2: this.myState2,
+                            LinkComponent3Link3: this.myState3,
+                            LinkComponent3Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'LinkComponent3'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "LinkComponentDefault" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AMDComponentDefault(this, {
+                        AMDComponentLink1: this.__myState1,
+                        AMDComponentLink2: this.__myState2,
+                        AMDComponentLink3: this.__myState3,
+                        AMDComponentLink4: this.__myState4,
+                        myVar: 100,
+                        myVar2: 100
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 62, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            AMDComponentLink1: this.myState1,
+                            AMDComponentLink2: this.myState2,
+                            AMDComponentLink3: this.myState3,
+                            AMDComponentLink4: this.myState4,
+                            myVar: 100,
+                            myVar2: 100
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "AMDComponentDefault" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new LinkComponent3(this, {
+                        LinkComponent3Link1: this.__myState1,
+                        LinkComponent3Link2: this.__myState2,
+                        LinkComponent3Link3: this.__myState3,
+                        LinkComponent3Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'LinkComponent1'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts.ets", line: 70, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            LinkComponent3Link1: this.myState1,
+                            LinkComponent3Link2: this.myState2,
+                            LinkComponent3Link3: this.myState3,
+                            LinkComponent3Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'LinkComponent1'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "LinkComponent3" });
+        }
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ImportTest";
+    }
+}
+registerNamedRoute(() => new ImportTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/importEts", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/importEts", integratedHsp: "false" });
+//# sourceMappingURL=importEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/importExportEts.js

@@ -0,0 +1,153 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import { AllStarComponent } from '../../../test/ExportStarComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__myState1 = new ObservedPropertyObjectPU(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimplePU(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimplePU(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimplePU('ImportTest', this, "myState4");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__myState1.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState2.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState3.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState4.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllStarComponent.ExportComponent(this, {
+                        ExportComponent1Link1: this.__myState1,
+                        ExportComponent1Link2: this.__myState2,
+                        ExportComponent1Link3: this.__myState3,
+                        ExportComponent1Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'ExportComponent1'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportEts.ets", line: 14, col: 9 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            ExportComponent1Link1: this.myState1,
+                            ExportComponent1Link2: this.myState2,
+                            ExportComponent1Link3: this.myState3,
+                            ExportComponent1Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'ExportComponent1'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "ExportComponent" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllStarComponent.default(this, {
+                        ExportComponent4Link1: this.__myState1,
+                        ExportComponent4Link2: this.__myState2,
+                        ExportComponent4Link3: this.__myState3,
+                        ExportComponent4Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'ExportComponent4'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportEts.ets", line: 24, col: 11 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            ExportComponent4Link1: this.myState1,
+                            ExportComponent4Link2: this.myState2,
+                            ExportComponent4Link3: this.myState3,
+                            ExportComponent4Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'ExportComponent4'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "default" });
+        }
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ImportTest";
+    }
+}
+registerNamedRoute(() => new ImportTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/importExportEts", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportEts", integratedHsp: "false" });
+//# sourceMappingURL=importExportEts.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/importExportNest.js

@@ -0,0 +1,210 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import { tExtend, tStyles, DivideTest, Base } from '../../../test/ImportNestAll';
+class ImportTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__testText1 = new ObservedPropertySimplePU('Hello', this, "testText1");
+        this.__testText2 = new ObservedPropertySimplePU('World', this, "testText2");
+        this.__testText3 = new ObservedPropertySimplePU('Test', this, "testText3");
+        this.__testText4 = new ObservedPropertySimplePU('Component', this, "testText4");
+        this.__testState1 = new ObservedPropertySimplePU('Base', this, "testState1");
+        this.__testState2 = new ObservedPropertySimplePU(0, this, "testState2");
+        this.__testState3 = new ObservedPropertyObjectPU({ name: 'Base' }, this, "testState3");
+        this.__testState4 = new ObservedPropertySimplePU(3, this, "testState4");
+        this.__testState5 = new ObservedPropertySimplePU(10, this, "testState5");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.testText1 !== undefined) {
+            this.testText1 = params.testText1;
+        }
+        if (params.testText2 !== undefined) {
+            this.testText2 = params.testText2;
+        }
+        if (params.testText3 !== undefined) {
+            this.testText3 = params.testText3;
+        }
+        if (params.testText4 !== undefined) {
+            this.testText4 = params.testText4;
+        }
+        if (params.testState1 !== undefined) {
+            this.testState1 = params.testState1;
+        }
+        if (params.testState2 !== undefined) {
+            this.testState2 = params.testState2;
+        }
+        if (params.testState3 !== undefined) {
+            this.testState3 = params.testState3;
+        }
+        if (params.testState4 !== undefined) {
+            this.testState4 = params.testState4;
+        }
+        if (params.testState5 !== undefined) {
+            this.testState5 = params.testState5;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__testText1.purgeDependencyOnElmtId(rmElmtId);
+        this.__testText2.purgeDependencyOnElmtId(rmElmtId);
+        this.__testText3.purgeDependencyOnElmtId(rmElmtId);
+        this.__testText4.purgeDependencyOnElmtId(rmElmtId);
+        this.__testState1.purgeDependencyOnElmtId(rmElmtId);
+        this.__testState2.purgeDependencyOnElmtId(rmElmtId);
+        this.__testState3.purgeDependencyOnElmtId(rmElmtId);
+        this.__testState4.purgeDependencyOnElmtId(rmElmtId);
+        this.__testState5.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__testText1.aboutToBeDeleted();
+        this.__testText2.aboutToBeDeleted();
+        this.__testText3.aboutToBeDeleted();
+        this.__testText4.aboutToBeDeleted();
+        this.__testState1.aboutToBeDeleted();
+        this.__testState2.aboutToBeDeleted();
+        this.__testState3.aboutToBeDeleted();
+        this.__testState4.aboutToBeDeleted();
+        this.__testState5.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get testText1() {
+        return this.__testText1.get();
+    }
+    set testText1(newValue) {
+        this.__testText1.set(newValue);
+    }
+    get testText2() {
+        return this.__testText2.get();
+    }
+    set testText2(newValue) {
+        this.__testText2.set(newValue);
+    }
+    get testText3() {
+        return this.__testText3.get();
+    }
+    set testText3(newValue) {
+        this.__testText3.set(newValue);
+    }
+    get testText4() {
+        return this.__testText4.get();
+    }
+    set testText4(newValue) {
+        this.__testText4.set(newValue);
+    }
+    get testState1() {
+        return this.__testState1.get();
+    }
+    set testState1(newValue) {
+        this.__testState1.set(newValue);
+    }
+    get testState2() {
+        return this.__testState2.get();
+    }
+    set testState2(newValue) {
+        this.__testState2.set(newValue);
+    }
+    get testState3() {
+        return this.__testState3.get();
+    }
+    set testState3(newValue) {
+        this.__testState3.set(newValue);
+    }
+    get testState4() {
+        return this.__testState4.get();
+    }
+    set testState4(newValue) {
+        this.__testState4.set(newValue);
+    }
+    get testState5() {
+        return this.__testState5.get();
+    }
+    set testState5(newValue) {
+        this.__testState5.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.testText1);
+            Text.fontSize(50);
+        }, Text);
+        Text.pop();
+        tExtend.bind(this)(20);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.testText2);
+        }, Text);
+        Text.pop();
+        tStyles.bind(this)();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel(this.testText3);
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.testText4);
+            Text.fontSize(50);
+        }, Text);
+        Text.pop();
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Base(this, {
+                        testStr: this.__testState1,
+                        testNum: this.__testState2,
+                        testObj: this.__testState3
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportNest.ets", line: 28, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            testStr: this.testState1,
+                            testNum: this.testState2,
+                            testObj: this.testState3
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Base" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new DivideTest(this, {
+                        testNum1: this.__testState4,
+                        testNum2: this.__testState5
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportNest.ets", line: 33, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            testNum1: this.testState4,
+                            testNum2: this.testState5
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "DivideTest" });
+        }
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ImportTest";
+    }
+}
+registerNamedRoute(() => new ImportTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/importExportNest", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/importExportNest", integratedHsp: "false" });
+//# sourceMappingURL=importExportNest.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/import/importTs.js

@@ -0,0 +1,153 @@
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+import { AllStarComponent } from '../../../test/ExportStarComponent';
+import TsModule from '../../../test/TsModule';
+class ImportTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__myState1 = new ObservedPropertyObjectPU(new TsModule(1).method(), this, "myState1");
+        this.__myState2 = new ObservedPropertySimplePU(0, this, "myState2");
+        this.__myState3 = new ObservedPropertySimplePU(false, this, "myState3");
+        this.__myState4 = new ObservedPropertySimplePU('ImportTest', this, "myState4");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.myState1 !== undefined) {
+            this.myState1 = params.myState1;
+        }
+        if (params.myState2 !== undefined) {
+            this.myState2 = params.myState2;
+        }
+        if (params.myState3 !== undefined) {
+            this.myState3 = params.myState3;
+        }
+        if (params.myState4 !== undefined) {
+            this.myState4 = params.myState4;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__myState1.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState2.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState3.purgeDependencyOnElmtId(rmElmtId);
+        this.__myState4.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__myState1.aboutToBeDeleted();
+        this.__myState2.aboutToBeDeleted();
+        this.__myState3.aboutToBeDeleted();
+        this.__myState4.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get myState1() {
+        return this.__myState1.get();
+    }
+    set myState1(newValue) {
+        this.__myState1.set(newValue);
+    }
+    get myState2() {
+        return this.__myState2.get();
+    }
+    set myState2(newValue) {
+        this.__myState2.set(newValue);
+    }
+    get myState3() {
+        return this.__myState3.get();
+    }
+    set myState3(newValue) {
+        this.__myState3.set(newValue);
+    }
+    get myState4() {
+        return this.__myState4.get();
+    }
+    set myState4(newValue) {
+        this.__myState4.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllStarComponent.ExportComponent(this, {
+                        ExportComponent1Link1: this.__myState1,
+                        ExportComponent1Link2: this.__myState2,
+                        ExportComponent1Link3: this.__myState3,
+                        ExportComponent1Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'ExportComponent1'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importTs.ets", line: 14, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            ExportComponent1Link1: this.myState1,
+                            ExportComponent1Link2: this.myState2,
+                            ExportComponent1Link3: this.myState3,
+                            ExportComponent1Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'ExportComponent1'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "ExportComponent" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new AllStarComponent.default(this, {
+                        ExportComponent4Link1: this.__myState1,
+                        ExportComponent4Link2: this.__myState2,
+                        ExportComponent4Link3: this.__myState3,
+                        ExportComponent4Link4: this.__myState4,
+                        indexState1: { count: 1 },
+                        indexState2: 1,
+                        indexState3: true,
+                        indexState4: 'ExportComponent4'
+                    }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/import/importTs.ets", line: 24, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            ExportComponent4Link1: this.myState1,
+                            ExportComponent4Link2: this.myState2,
+                            ExportComponent4Link3: this.myState3,
+                            ExportComponent4Link4: this.myState4,
+                            indexState1: { count: 1 },
+                            indexState2: 1,
+                            indexState3: true,
+                            indexState4: 'ExportComponent4'
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "default" });
+        }
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ImportTest";
+    }
+}
+registerNamedRoute(() => new ImportTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/import/importTs", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/import/importTs", integratedHsp: "false" });
+//# sourceMappingURL=importTs.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_component.js

@@ -0,0 +1,151 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+const value5 = [true, false];
+let value6 = { item1: true };
+let isCountDown = false;
+class HomeComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.value1 = "hello world 1";
+        this.value2 = "hello world 2";
+        this.value3 = "hello world 3";
+        this.value4 = false;
+        this.count = 1000;
+        this.myTimeController = new TextTimerController();
+        this.__format = new ObservedPropertySimplePU("hh:mm:ss:ms", this, "format");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.value1 !== undefined) {
+            this.value1 = params.value1;
+        }
+        if (params.value2 !== undefined) {
+            this.value2 = params.value2;
+        }
+        if (params.value3 !== undefined) {
+            this.value3 = params.value3;
+        }
+        if (params.value4 !== undefined) {
+            this.value4 = params.value4;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+        if (params.myTimeController !== undefined) {
+            this.myTimeController = params.myTimeController;
+        }
+        if (params.format !== undefined) {
+            this.format = params.format;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__format.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__format.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get format() {
+        return this.__format.get();
+    }
+    set format(newValue) {
+        this.__format.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.height(500);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value1);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Radio.create({ value: "Radio", group: "1" });
+            Radio.checked(this.value4, newValue => { this.value4 = newValue; });
+        }, Radio);
+        Row.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+            Row.width(20);
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithChild();
+            Button.bindPopup({ value: this.value4, changeEvent: newValue => { this.value4 = newValue; } }, { message: "This is $$ for regular" });
+            Button.width(100);
+            Button.height(20);
+        }, Button);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value1);
+            Text.bindPopup({ value: value5[0], changeEvent: newValue => { value5[0] = newValue; } }, { message: "This is $$ for Array" });
+        }, Text);
+        Text.pop();
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value2);
+            Text.fontSize(100);
+            Text.bindPopup({ value: value6.item1, changeEvent: newValue => { value6.item1 = newValue; } }, { message: "This is $$ for Obj" });
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value3);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Radio.create({ value: "Radio", group: "1" });
+            Radio.checked(value5[0], newValue => { value5[0] = newValue; });
+        }, Radio);
+        Row.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TextTimer.create({ controller: this.myTimeController, isCountDown: { value: isCountDown, changeEvent: newValue => { isCountDown = newValue; } }, count: { value: this.count, changeEvent: newValue => { this.count = newValue; } } });
+            TextTimer.format(this.format, newValue => { this.format = newValue; });
+        }, TextTimer);
+        TextTimer.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel("start");
+            Button.onClick(() => {
+                this.myTimeController.start();
+            });
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel("pause");
+            Button.onClick(() => {
+                this.myTimeController.pause();
+            });
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel("reset");
+            Button.onClick(() => {
+                this.myTimeController.reset();
+            });
+        }, Button);
+        Button.pop();
+        Row.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "HomeComponent";
+    }
+}
+registerNamedRoute(() => new HomeComponent(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_component", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_component", integratedHsp: "false" });
+//# sourceMappingURL=$$_component.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck1.js

@@ -0,0 +1,150 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TabsExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__fontColor = new ObservedPropertySimplePU('#182431', this, "fontColor");
+        this.__selectedFontColor = new ObservedPropertySimplePU('#007DFF', this, "selectedFontColor");
+        this.__currentIndex = new ObservedPropertySimplePU(0, this, "currentIndex");
+        this.controller = new TabsController();
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.fontColor !== undefined) {
+            this.fontColor = params.fontColor;
+        }
+        if (params.selectedFontColor !== undefined) {
+            this.selectedFontColor = params.selectedFontColor;
+        }
+        if (params.currentIndex !== undefined) {
+            this.currentIndex = params.currentIndex;
+        }
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__fontColor.purgeDependencyOnElmtId(rmElmtId);
+        this.__selectedFontColor.purgeDependencyOnElmtId(rmElmtId);
+        this.__currentIndex.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__fontColor.aboutToBeDeleted();
+        this.__selectedFontColor.aboutToBeDeleted();
+        this.__currentIndex.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get fontColor() {
+        return this.__fontColor.get();
+    }
+    set fontColor(newValue) {
+        this.__fontColor.set(newValue);
+    }
+    get selectedFontColor() {
+        return this.__selectedFontColor.get();
+    }
+    set selectedFontColor(newValue) {
+        this.__selectedFontColor.set(newValue);
+    }
+    get currentIndex() {
+        return this.__currentIndex.get();
+    }
+    set currentIndex(newValue) {
+        this.__currentIndex.set(newValue);
+    }
+    tabBuilder(index, name, parent = null) {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(name);
+            Text.fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor);
+            Text.fontSize(16);
+            Text.fontWeight(this.currentIndex === index ? 500 : 400);
+            Text.lineHeight(22);
+            Text.margin({ top: 17, bottom: 7 });
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Divider.create();
+            Divider.strokeWidth(2);
+            Divider.color('#007DFF');
+            Divider.opacity(this.currentIndex === index ? 1 : 0);
+        }, Divider);
+        Column.pop();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Tabs.create({ barPosition: BarPosition.Start, index: { value: this.currentIndex, changeEvent: newValue => { this.currentIndex = newValue; } }, controller: this.controller });
+            Tabs.vertical(false);
+            Tabs.width(150);
+            Tabs.height(100);
+            Tabs.backgroundColor(Color.Pink);
+            Tabs.width(150);
+            Tabs.height(100);
+            Tabs.backgroundColor(Color.Pink);
+            Tabs.barMode(BarMode.Fixed);
+            Tabs.barWidth(360);
+            Tabs.barHeight(56);
+            Tabs.animationDuration(400);
+            Tabs.onChange((index) => {
+                this.currentIndex = index;
+            });
+            Tabs.width(360);
+            Tabs.height(296);
+            Tabs.margin({ top: 52 });
+            Tabs.backgroundColor('#F1F3F5');
+        }, Tabs);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TabContent.create(() => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Column.create();
+                    Column.width('100%');
+                    Column.height('100%');
+                    Column.backgroundColor('#00CB87');
+                    Column.width(150);
+                    Column.height(100);
+                    Column.backgroundColor(Color.Pink);
+                    Column.width(150);
+                    Column.height(100);
+                    Column.backgroundColor(Color.Pink);
+                }, Column);
+                Column.pop();
+            });
+            TabContent.tabBar({ builder: () => {
+                    this.tabBuilder.call(this, 0, 'green');
+                } });
+            TabContent.width(150);
+            TabContent.height(100);
+            TabContent.backgroundColor(Color.Pink);
+            TabContent.width(150);
+            TabContent.height(100);
+            TabContent.backgroundColor(Color.Pink);
+        }, TabContent);
+        TabContent.pop();
+        Tabs.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "TabsExample";
+    }
+}
+registerNamedRoute(() => new TabsExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck1", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck1", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck1.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck2.js

@@ -0,0 +1,70 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TextInputExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__text = new ObservedPropertySimplePU('', this, "text");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.text !== undefined) {
+            this.text = params.text;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__text.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__text.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get text() {
+        return this.__text.get();
+    }
+    set text(newValue) {
+        this.__text.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create({ space: 20 });
+            Column.width('100%');
+            Column.height('100%');
+            Column.justifyContent(FlexAlign.Center);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.text);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TextInput.create({ text: { value: this.text, changeEvent: newValue => { this.text = newValue; } } });
+            TextInput.placeholderColor(Color.Grey);
+            TextInput.placeholderFont({ size: 14, weight: 400 });
+            TextInput.width(150);
+            TextInput.height(100);
+            TextInput.backgroundColor(Color.Pink);
+            TextInput.width(150);
+            TextInput.height(100);
+            TextInput.backgroundColor(Color.Pink);
+            TextInput.caretColor(Color.Blue);
+            TextInput.width(300);
+        }, TextInput);
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "TextInputExample";
+    }
+}
+registerNamedRoute(() => new TextInputExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck2", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck2", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck2.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck3.js

@@ -0,0 +1,85 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__applyToAll = new ObservedPropertySimplePU(false, this, "applyToAll");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.applyToAll !== undefined) {
+            this.applyToAll = params.applyToAll;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__applyToAll.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__applyToAll.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get applyToAll() {
+        return this.__applyToAll.get();
+    }
+    set applyToAll(newValue) {
+        this.__applyToAll.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Row.create();
+                    }, Row);
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Checkbox.create();
+                        Checkbox.select(this.applyToAll, newValue => { this.applyToAll = newValue; });
+                        Checkbox.shape(CheckBoxShape.ROUNDED_SQUARE);
+                        Checkbox.selectedColor('red');
+                        Checkbox.unselectedColor('red');
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.mark({
+                            strokeColor: 'red'
+                        });
+                        Checkbox.width(30);
+                        Checkbox.height(30);
+                    }, Checkbox);
+                    Checkbox.pop();
+                    Row.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck3", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck3", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck3.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck4.js

@@ -0,0 +1,85 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__applyToAll = new ObservedPropertySimplePU(false, this, "applyToAll");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.applyToAll !== undefined) {
+            this.applyToAll = params.applyToAll;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__applyToAll.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__applyToAll.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get applyToAll() {
+        return this.__applyToAll.get();
+    }
+    set applyToAll(newValue) {
+        this.__applyToAll.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Row.create();
+                    }, Row);
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Checkbox.create();
+                        Checkbox.select(this.applyToAll, newValue => { this.applyToAll = newValue; });
+                        Checkbox.shape(CheckBoxShape.ROUNDED_SQUARE);
+                        Checkbox.selectedColor('red');
+                        Checkbox.unselectedColor('red');
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.mark({
+                            strokeColor: 'red'
+                        });
+                        Checkbox.width(30);
+                        Checkbox.height(30);
+                    }, Checkbox);
+                    Checkbox.pop();
+                    Row.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck4", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck4", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck4.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck5.js

@@ -0,0 +1,70 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TextInputExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__text = new ObservedPropertySimplePU('', this, "text");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.text !== undefined) {
+            this.text = params.text;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__text.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__text.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get text() {
+        return this.__text.get();
+    }
+    set text(newValue) {
+        this.__text.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create({ space: 20 });
+            Column.width('100%');
+            Column.height('100%');
+            Column.justifyContent(FlexAlign.Center);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.text);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TextInput.create({ text: { value: this.text, changeEvent: newValue => { this.text = newValue; } } });
+            TextInput.placeholderColor(Color.Grey);
+            TextInput.placeholderFont({ size: 14, weight: 400 });
+            TextInput.width(150);
+            TextInput.height(100);
+            TextInput.backgroundColor(Color.Pink);
+            TextInput.width(150);
+            TextInput.height(100);
+            TextInput.backgroundColor(Color.Pink);
+            TextInput.caretColor(Color.Blue);
+            TextInput.width(300);
+        }, TextInput);
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "TextInputExample";
+    }
+}
+registerNamedRoute(() => new TextInputExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck5", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck5", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck5.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck6.js

@@ -0,0 +1,150 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TabsExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__fontColor = new ObservedPropertySimplePU('#182431', this, "fontColor");
+        this.__selectedFontColor = new ObservedPropertySimplePU('#007DFF', this, "selectedFontColor");
+        this.__currentIndex = new ObservedPropertySimplePU(0, this, "currentIndex");
+        this.controller = new TabsController();
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.fontColor !== undefined) {
+            this.fontColor = params.fontColor;
+        }
+        if (params.selectedFontColor !== undefined) {
+            this.selectedFontColor = params.selectedFontColor;
+        }
+        if (params.currentIndex !== undefined) {
+            this.currentIndex = params.currentIndex;
+        }
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__fontColor.purgeDependencyOnElmtId(rmElmtId);
+        this.__selectedFontColor.purgeDependencyOnElmtId(rmElmtId);
+        this.__currentIndex.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__fontColor.aboutToBeDeleted();
+        this.__selectedFontColor.aboutToBeDeleted();
+        this.__currentIndex.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get fontColor() {
+        return this.__fontColor.get();
+    }
+    set fontColor(newValue) {
+        this.__fontColor.set(newValue);
+    }
+    get selectedFontColor() {
+        return this.__selectedFontColor.get();
+    }
+    set selectedFontColor(newValue) {
+        this.__selectedFontColor.set(newValue);
+    }
+    get currentIndex() {
+        return this.__currentIndex.get();
+    }
+    set currentIndex(newValue) {
+        this.__currentIndex.set(newValue);
+    }
+    tabBuilder(index, name, parent = null) {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(name);
+            Text.fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor);
+            Text.fontSize(16);
+            Text.fontWeight(this.currentIndex === index ? 500 : 400);
+            Text.lineHeight(22);
+            Text.margin({ top: 17, bottom: 7 });
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Divider.create();
+            Divider.strokeWidth(2);
+            Divider.color('#007DFF');
+            Divider.opacity(this.currentIndex === index ? 1 : 0);
+        }, Divider);
+        Column.pop();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Tabs.create({ barPosition: BarPosition.Start, index: { value: this.currentIndex, changeEvent: newValue => { this.currentIndex = newValue; } }, controller: this.controller });
+            Tabs.vertical(false);
+            Tabs.width(150);
+            Tabs.height(100);
+            Tabs.backgroundColor(Color.Pink);
+            Tabs.width(150);
+            Tabs.height(100);
+            Tabs.backgroundColor(Color.Pink);
+            Tabs.barMode(BarMode.Fixed);
+            Tabs.barWidth(360);
+            Tabs.barHeight(56);
+            Tabs.animationDuration(400);
+            Tabs.onChange((index) => {
+                this.currentIndex = index;
+            });
+            Tabs.width(360);
+            Tabs.height(296);
+            Tabs.margin({ top: 52 });
+            Tabs.backgroundColor('#F1F3F5');
+        }, Tabs);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TabContent.create(() => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Column.create();
+                    Column.width('100%');
+                    Column.height('100%');
+                    Column.backgroundColor('#00CB87');
+                    Column.width(150);
+                    Column.height(100);
+                    Column.backgroundColor(Color.Pink);
+                    Column.width(150);
+                    Column.height(100);
+                    Column.backgroundColor(Color.Pink);
+                }, Column);
+                Column.pop();
+            });
+            TabContent.tabBar({ builder: () => {
+                    this.tabBuilder.call(this, 0, 'green');
+                } });
+            TabContent.width(150);
+            TabContent.height(100);
+            TabContent.backgroundColor(Color.Pink);
+            TabContent.width(150);
+            TabContent.height(100);
+            TabContent.backgroundColor(Color.Pink);
+        }, TabContent);
+        TabContent.pop();
+        Tabs.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "TabsExample";
+    }
+}
+registerNamedRoute(() => new TabsExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck6", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck6", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck6.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck7.js

@@ -0,0 +1,104 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+function aa() {
+    return 'red';
+}
+function dd() {
+    return {
+        ee: 30
+    };
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__applyToAll = new ObservedPropertySimplePU(false, this, "applyToAll");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.applyToAll !== undefined) {
+            this.applyToAll = params.applyToAll;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__applyToAll.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__applyToAll.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get applyToAll() {
+        return this.__applyToAll.get();
+    }
+    set applyToAll(newValue) {
+        this.__applyToAll.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Row.create();
+                    }, Row);
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Checkbox.create();
+                        Checkbox.select(this.applyToAll, newValue => { this.applyToAll = newValue; });
+                        Checkbox.shape(CheckBoxShape.ROUNDED_SQUARE);
+                        Checkbox.selectedColor(xx());
+                        Checkbox.unselectedColor(bb().cc);
+                        Checkbox.mark({
+                            strokeColor: aa()
+                        });
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.mark({
+                            strokeColor: 'red'
+                        });
+                        Checkbox.width(dd().ee);
+                        Checkbox.height(30);
+                    }, Checkbox);
+                    Checkbox.pop();
+                    Row.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+function xx() {
+    return 'red';
+}
+function bb() {
+    return {
+        cc: 'red'
+    };
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck7", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck7", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck7.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck8.js

@@ -0,0 +1,104 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+function aa() {
+    return 'red';
+}
+function dd() {
+    return {
+        ee: 30
+    };
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__applyToAll = new ObservedPropertySimplePU(false, this, "applyToAll");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.applyToAll !== undefined) {
+            this.applyToAll = params.applyToAll;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__applyToAll.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__applyToAll.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get applyToAll() {
+        return this.__applyToAll.get();
+    }
+    set applyToAll(newValue) {
+        this.__applyToAll.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Row.create();
+                    }, Row);
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Checkbox.create();
+                        Checkbox.select(this.applyToAll, newValue => { this.applyToAll = newValue; });
+                        Checkbox.shape(CheckBoxShape.ROUNDED_SQUARE);
+                        Checkbox.selectedColor(xx());
+                        Checkbox.unselectedColor(bb().cc);
+                        Checkbox.mark({
+                            strokeColor: aa()
+                        });
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.width(150);
+                        Checkbox.height(100);
+                        Checkbox.backgroundColor(Color.Pink);
+                        Checkbox.mark({
+                            strokeColor: 'red'
+                        });
+                        Checkbox.width(dd().ee);
+                        Checkbox.height(30);
+                    }, Checkbox);
+                    Checkbox.pop();
+                    Row.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+function xx() {
+    return 'red';
+}
+function bb() {
+    return {
+        cc: 'red'
+    };
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck8", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck8", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck8.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck9.js

@@ -0,0 +1,96 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class SheetSizeExample1 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__detents = new ObservedPropertyObjectPU([SheetSize.MEDIUM, SheetSize.LARGE, SheetSize.FIT_CONTENT], this, "detents");
+        this.__isShow = new ObservedPropertySimplePU(false, this, "isShow");
+        this.__dismiss = new ObservedPropertySimplePU("Init", this, "dismiss");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.detents !== undefined) {
+            this.detents = params.detents;
+        }
+        if (params.isShow !== undefined) {
+            this.isShow = params.isShow;
+        }
+        if (params.dismiss !== undefined) {
+            this.dismiss = params.dismiss;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__detents.purgeDependencyOnElmtId(rmElmtId);
+        this.__isShow.purgeDependencyOnElmtId(rmElmtId);
+        this.__dismiss.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__detents.aboutToBeDeleted();
+        this.__isShow.aboutToBeDeleted();
+        this.__dismiss.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get detents() {
+        return this.__detents.get();
+    }
+    set detents(newValue) {
+        this.__detents.set(newValue);
+    }
+    get isShow() {
+        return this.__isShow.get();
+    }
+    set isShow(newValue) {
+        this.__isShow.set(newValue);
+    }
+    get dismiss() {
+        return this.__dismiss.get();
+    }
+    set dismiss(newValue) {
+        this.__dismiss.set(newValue);
+    }
+    myBuilder(parent = null) {
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.justifyContent(FlexAlign.Start);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel("transition modal 1");
+            Button.bindSheet({ value: this.isShow, changeEvent: newValue => { this.isShow = newValue; } }, { builder: () => {
+                    this.myBuilder.call(this);
+                } }, {
+                detents: this.detents,
+                backgroundColor: Color.Gray,
+                blurStyle: BlurStyle.Thick,
+                showClose: true,
+                title: { title: "title", subtitle: "subtitle" },
+                preferType: SheetType.CENTER,
+                shouldDismiss: ((sheetDismiss) => {
+                    console.log("bind sheet shouldDismiss");
+                    sheetDismiss.dismiss();
+                    this.dismiss = "dismiss succ";
+                })
+            });
+        }, Button);
+        Button.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "SheetSizeExample1";
+    }
+}
+registerNamedRoute(() => new SheetSizeExample1(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck9", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_componentCheck9", integratedHsp: "false" });
+//# sourceMappingURL=$$_componentCheck9.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_if_elseIf_else.js

@@ -0,0 +1,114 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__message = new ObservedPropertySimplePU('Hello', this, "message");
+        this.__num = new ObservedPropertySimplePU(0, this, "num");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.message !== undefined) {
+            this.message = params.message;
+        }
+        if (params.num !== undefined) {
+            this.num = params.num;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__message.purgeDependencyOnElmtId(rmElmtId);
+        this.__num.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__message.aboutToBeDeleted();
+        this.__num.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get message() {
+        return this.__message.get();
+    }
+    set message(newValue) {
+        this.__message.set(newValue);
+    }
+    get num() {
+        return this.__num.get();
+    }
+    set num(newValue) {
+        this.__num.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.message);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.num === 0) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Refresh.create({ refreshing: { value: this.message, changeEvent: newValue => { this.message = newValue; } } });
+                    }, Refresh);
+                    Refresh.pop();
+                });
+            }
+            else if (this.num === 1) {
+                this.ifElseBranchUpdateFunction(1, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Refresh.create({ refreshing: { value: this.message, changeEvent: newValue => { this.message = newValue; } } });
+                    }, Refresh);
+                    Refresh.pop();
+                });
+            }
+            else if (this.num === 2) {
+                this.ifElseBranchUpdateFunction(2, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Refresh.create({ refreshing: { value: this.message, changeEvent: newValue => { this.message = newValue; } } });
+                    }, Refresh);
+                    Refresh.pop();
+                });
+            }
+            else if (this.num === 3) {
+                this.ifElseBranchUpdateFunction(3, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Refresh.create({ refreshing: { value: this.message, changeEvent: newValue => { this.message = newValue; } } });
+                    }, Refresh);
+                    Refresh.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(4, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Refresh.create({ refreshing: { value: this.message, changeEvent: newValue => { this.message = newValue; } } });
+                    }, Refresh);
+                    Refresh.pop();
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+        Row.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/$$_component/$$_if_elseIf_else", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/$$_component/$$_if_elseIf_else", integratedHsp: "false" });
+//# sourceMappingURL=$$_if_elseIf_else.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/component_object.js

@@ -0,0 +1,184 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+let options = { message: 'Hi' };
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__message1 = new ObservedPropertySimplePU('hello', this, "message1");
+        this.message2 = 'Hi';
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.message1 !== undefined) {
+            this.message1 = params.message1;
+        }
+        if (params.message2 !== undefined) {
+            this.message2 = params.message2;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__message1.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__message1.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get message1() {
+        return this.__message1.get();
+    }
+    set message1(newValue) {
+        this.__message1.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+        }, Row);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Child(this, { options, message1: this.__message1, message2: this.message2 }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/component_object.ets", line: 12, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            options,
+                            message1: this.message1,
+                            message2: this.message2
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {
+                        message2: this.message2
+                    });
+                }
+            }, { name: "Child" });
+        }
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Child2(this, options, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/component_object.ets", line: 13, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return options;
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Child2" });
+        }
+        Row.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+class Child extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.options = undefined;
+        this.__message1 = new SynchedPropertySimpleTwoWayPU(params.message1, this, "message1");
+        this.__message2 = new SynchedPropertySimpleOneWayPU(params.message2, this, "message2");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.options !== undefined) {
+            this.options = params.options;
+        }
+    }
+    updateStateVars(params) {
+        this.__message2.reset(params.message2);
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__message1.purgeDependencyOnElmtId(rmElmtId);
+        this.__message2.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__message1.aboutToBeDeleted();
+        this.__message2.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get message1() {
+        return this.__message1.get();
+    }
+    set message1(newValue) {
+        this.__message1.set(newValue);
+    }
+    get message2() {
+        return this.__message2.get();
+    }
+    set message2(newValue) {
+        this.__message2.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.message1);
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class Child2 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.message = undefined;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.message !== undefined) {
+            this.message = params.message;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.message);
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/custom_component/component_object", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/component_object", integratedHsp: "false" });
+//# sourceMappingURL=component_object.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.js

@@ -0,0 +1,193 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class MyComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, {}, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 6, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {};
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.width(100);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, {}, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 7, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {};
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        __Common__.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.width(100);
+            __Common__.height(200);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, {}, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 9, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {};
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        __Common__.pop();
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, { value: "Hello" }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 12, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            value: "Hello"
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.width(100);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, { value: "Hello" }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 13, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            value: "Hello"
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        __Common__.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            __Common__.create();
+            __Common__.width(100);
+            __Common__.height(200);
+        }, __Common__);
+        {
+            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                if (isInitialRender) {
+                    let componentCall = new Banner(this, { value: "Hello" }, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component.ets", line: 15, col: 7 });
+                    ViewPU.create(componentCall);
+                    let paramsLambda = () => {
+                        return {
+                            value: "Hello"
+                        };
+                    };
+                    componentCall.paramsGenerator_ = paramsLambda;
+                }
+                else {
+                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                }
+            }, { name: "Banner" });
+        }
+        __Common__.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "MyComponent";
+    }
+}
+class Banner extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.value = "Hello";
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value);
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new MyComponent(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/custom_component/custom_component", integratedHsp: "false" });
+//# sourceMappingURL=custom_component.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/GestureModeParallel.js

@@ -0,0 +1,52 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class childTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    updateRecycleElmtId(oldElmtId, newElmtId) {
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create("hello");
+            Gesture.create(GesturePriority.Low);
+            GestureGroup.create(GestureMode.Parallel);
+            TapGesture.create({ count: 2 });
+            TapGesture.onAction(() => {
+            });
+            TapGesture.pop();
+            GestureGroup.pop();
+            Gesture.pop();
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "childTest";
+    }
+}
+registerNamedRoute(() => new childTest(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/GestureModeParallel", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/GestureModeParallel", integratedHsp: "false" });
+//# sourceMappingURL=GestureModeParallel.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/longPressGesture.js

@@ -0,0 +1,71 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class LongPressGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__count = new ObservedPropertySimplePU(0, this, "count");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__count.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__count.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get count() {
+        return this.__count.get();
+    }
+    set count(newValue) {
+        this.__count.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+            Flex.height(200);
+            Flex.width(300);
+            Flex.padding(60);
+            Flex.border({ width: 1 });
+            Flex.margin(30);
+            Gesture.create(GesturePriority.Low);
+            LongPressGesture.create({ repeat: true });
+            LongPressGesture.onAction((event) => {
+                if (event.repeat) {
+                    this.count++;
+                }
+            });
+            LongPressGesture.onActionEnd(() => {
+                this.count = 0;
+            });
+            LongPressGesture.pop();
+            Gesture.pop();
+        }, Flex);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('LongPress onAction:' + this.count);
+        }, Text);
+        Text.pop();
+        Flex.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "LongPressGestureExample";
+    }
+}
+registerNamedRoute(() => new LongPressGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/longPressGesture", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/longPressGesture", integratedHsp: "false" });
+//# sourceMappingURL=longPressGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/panGestrue.js

@@ -0,0 +1,90 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class PanGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__offsetX = new ObservedPropertySimplePU(0, this, "offsetX");
+        this.__offsetY = new ObservedPropertySimplePU(0, this, "offsetY");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.offsetX !== undefined) {
+            this.offsetX = params.offsetX;
+        }
+        if (params.offsetY !== undefined) {
+            this.offsetY = params.offsetY;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__offsetX.purgeDependencyOnElmtId(rmElmtId);
+        this.__offsetY.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__offsetX.aboutToBeDeleted();
+        this.__offsetY.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get offsetX() {
+        return this.__offsetX.get();
+    }
+    set offsetX(newValue) {
+        this.__offsetX.set(newValue);
+    }
+    get offsetY() {
+        return this.__offsetY.get();
+    }
+    set offsetY(newValue) {
+        this.__offsetY.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+            Flex.height(100);
+            Flex.width(200);
+            Flex.padding(20);
+            Flex.border({ width: 1 });
+            Flex.margin(80);
+            Flex.translate({ x: this.offsetX, y: this.offsetY, z: 5 });
+            Gesture.create(GesturePriority.Low);
+            PanGesture.create({});
+            PanGesture.onActionStart((event) => {
+                console.info('Pan start');
+            });
+            PanGesture.onActionUpdate((event) => {
+                this.offsetX = event.offsetX;
+                this.offsetY = event.offsetY;
+            });
+            PanGesture.onActionEnd(() => {
+                console.info('Pan end');
+            });
+            PanGesture.pop();
+            Gesture.pop();
+        }, Flex);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('PanGesture offset X: ' + this.offsetX);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('PanGesture offset Y: ' + this.offsetY);
+        }, Text);
+        Text.pop();
+        Flex.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "PanGestureExample";
+    }
+}
+registerNamedRoute(() => new PanGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/panGestrue", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/panGestrue", integratedHsp: "false" });
+//# sourceMappingURL=panGestrue.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/pinchGesture.js

@@ -0,0 +1,73 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class PinchGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__scale2 = new ObservedPropertySimplePU(1, this, "scale2");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.scale2 !== undefined) {
+            this.scale2 = params.scale2;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__scale2.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__scale2.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get scale2() {
+        return this.__scale2.get();
+    }
+    set scale2(newValue) {
+        this.__scale2.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+            Flex.height(100);
+            Flex.width(200);
+            Flex.padding(20);
+            Flex.border({ width: 1 });
+            Flex.margin(80);
+            Flex.scale({ x: this.scale2, y: this.scale2, z: this.scale2 });
+            Gesture.create(GesturePriority.Low);
+            PinchGesture.create();
+            PinchGesture.onActionStart((event) => {
+                console.info('Pinch start');
+            });
+            PinchGesture.onActionUpdate((event) => {
+                this.scale2 = event.scale;
+            });
+            PinchGesture.onActionEnd(() => {
+                console.info('Pinch end');
+            });
+            PinchGesture.pop();
+            Gesture.pop();
+        }, Flex);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('PinchGesture scale:' + this.scale2);
+        }, Text);
+        Text.pop();
+        Flex.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "PinchGestureExample";
+    }
+}
+registerNamedRoute(() => new PinchGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/pinchGesture", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/pinchGesture", integratedHsp: "false" });
+//# sourceMappingURL=pinchGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/rotationGesture.js

@@ -0,0 +1,73 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class RotationGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__angle = new ObservedPropertySimplePU(0, this, "angle");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.angle !== undefined) {
+            this.angle = params.angle;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__angle.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__angle.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get angle() {
+        return this.__angle.get();
+    }
+    set angle(newValue) {
+        this.__angle.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+            Flex.height(100);
+            Flex.width(200);
+            Flex.padding(20);
+            Flex.border({ width: 1 });
+            Flex.margin(80);
+            Flex.rotate({ x: 1, y: 2, z: 3, angle: this.angle });
+            Gesture.create(GesturePriority.Low);
+            RotationGesture.create();
+            RotationGesture.onActionStart((event) => {
+                console.log('Rotation start');
+            });
+            RotationGesture.onActionUpdate((event) => {
+                this.angle = event.angle;
+            });
+            RotationGesture.onActionEnd(() => {
+                console.log('Rotation end');
+            });
+            RotationGesture.pop();
+            Gesture.pop();
+        }, Flex);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('RotationGesture angle:' + this.angle);
+        }, Text);
+        Text.pop();
+        Flex.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "RotationGestureExample";
+    }
+}
+registerNamedRoute(() => new RotationGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/rotationGesture", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/rotationGesture", integratedHsp: "false" });
+//# sourceMappingURL=rotationGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/swipeGesture.js

@@ -0,0 +1,82 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class SwipeGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__rotateAngle = new ObservedPropertySimplePU(0, this, "rotateAngle");
+        this.__speed = new ObservedPropertySimplePU(1, this, "speed");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.rotateAngle !== undefined) {
+            this.rotateAngle = params.rotateAngle;
+        }
+        if (params.speed !== undefined) {
+            this.speed = params.speed;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__rotateAngle.purgeDependencyOnElmtId(rmElmtId);
+        this.__speed.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__rotateAngle.aboutToBeDeleted();
+        this.__speed.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get rotateAngle() {
+        return this.__rotateAngle.get();
+    }
+    set rotateAngle(newValue) {
+        this.__rotateAngle.set(newValue);
+    }
+    get speed() {
+        return this.__speed.get();
+    }
+    set speed(newValue) {
+        this.__speed.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.border({ width: 2 });
+            Column.width(260);
+            Column.height(260);
+            Column.rotate({ x: 0, y: 0, z: 1, angle: this.rotateAngle });
+            Gesture.create(GesturePriority.Low);
+            SwipeGesture.create({ fingers: 1, direction: SwipeDirection.Vertical });
+            SwipeGesture.onAction((event) => {
+                this.speed = event.speed;
+                this.rotateAngle = event.angle;
+            });
+            SwipeGesture.pop();
+            Gesture.pop();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create("SwipGesture speed : " + this.speed);
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create("SwipGesture angle : " + this.rotateAngle);
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "SwipeGestureExample";
+    }
+}
+registerNamedRoute(() => new SwipeGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/swipeGesture", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/swipeGesture", integratedHsp: "false" });
+//# sourceMappingURL=swipeGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/tapGesture.js

@@ -0,0 +1,70 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TapGestureExample extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__value = new ObservedPropertySimplePU('', this, "value");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.value !== undefined) {
+            this.value = params.value;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__value.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__value.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get value() {
+        return this.__value.get();
+    }
+    set value(newValue) {
+        this.__value.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Flex.create({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween });
+            Flex.height(200);
+            Flex.width(300);
+            Flex.padding(60);
+            Flex.border({ width: 1 });
+            Flex.margin(30);
+            Gesture.create(GesturePriority.Low);
+            TapGesture.create({ count: 2 });
+            TapGesture.onAction(() => {
+                this.value = 'TapGesture onAction';
+            });
+            TapGesture.pop();
+            Gesture.pop();
+        }, Flex);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('Click twice');
+        }, Text);
+        Text.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create(this.value);
+        }, Text);
+        Text.pop();
+        Flex.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "TapGestureExample";
+    }
+}
+registerNamedRoute(() => new TapGestureExample(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/gesture_component/tapGesture", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/gesture_component/tapGesture", integratedHsp: "false" });
+//# sourceMappingURL=tapGesture.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachSecondFunction.js

@@ -0,0 +1,76 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class MyComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([10, 20, 30], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create({ space: 5 });
+            Column.width("100%");
+            Column.height("100%");
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Button.createWithLabel('Reverse Array');
+            Button.onClick(() => {
+                this.arr.reverse();
+            });
+        }, Button);
+        Button.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('item');
+                    Text.fontSize(18);
+                }, Text);
+                Text.pop();
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Divider.create();
+                    Divider.strokeWidth(2);
+                }, Divider);
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, (item) => item.toString(), false, false);
+        }, ForEach);
+        ForEach.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "MyComponent";
+    }
+}
+registerNamedRoute(() => new MyComponent(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachSecondFunction", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachSecondFunction", integratedHsp: "false" });
+//# sourceMappingURL=forEachSecondFunction.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachThreeParam.js

@@ -0,0 +1,95 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+let mKeyGenerator2 = (item, index) => 'item' + index;
+class foreachThreeParam extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([10, 20, 30], this, "arr");
+        this.mKeyGenerator = undefined;
+        this.mKeyGenerator1 = (item, index) => 'item' + index;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.mKeyGenerator !== undefined) {
+            this.mKeyGenerator = params.mKeyGenerator;
+        }
+        if (params.mKeyGenerator1 !== undefined) {
+            this.mKeyGenerator1 = params.mKeyGenerator1;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, this.mKeyGenerator, false, false);
+        }, ForEach);
+        ForEach.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, this.mKeyGenerator1, false, false);
+        }, ForEach);
+        ForEach.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, mKeyGenerator2, false, false);
+        }, ForEach);
+        ForEach.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "foreachThreeParam";
+    }
+}
+registerNamedRoute(() => new foreachThreeParam(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachThreeParam", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachThreeParam", integratedHsp: "false" });
+//# sourceMappingURL=forEachThreeParam.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachTwo.js

@@ -0,0 +1,76 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class Index extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__WIDTH_AND_HEIGHT = new ObservedPropertyObjectPU([
+            { w: 10, h: 10 },
+            { w: 20, h: 20 },
+            { w: 30, h: 30 },
+            { w: 40, h: 40 },
+            { w: 50, h: 50 }
+        ], this, "WIDTH_AND_HEIGHT");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.WIDTH_AND_HEIGHT !== undefined) {
+            this.WIDTH_AND_HEIGHT = params.WIDTH_AND_HEIGHT;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__WIDTH_AND_HEIGHT.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__WIDTH_AND_HEIGHT.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get WIDTH_AND_HEIGHT() {
+        return this.__WIDTH_AND_HEIGHT.get();
+    }
+    set WIDTH_AND_HEIGHT(newValue) {
+        this.__WIDTH_AND_HEIGHT.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Row.create();
+            Row.height('100%');
+        }, Row);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.width('100%');
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const { w, h } = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Button.createWithLabel();
+                    Button.width(w);
+                    Button.height(h);
+                }, Button);
+                Button.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.WIDTH_AND_HEIGHT, forEachItemGenFunction, item => item.toString(), false, false);
+        }, ForEach);
+        ForEach.pop();
+        Column.pop();
+        Row.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Index";
+    }
+}
+registerNamedRoute(() => new Index(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachTwo", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/forEachTwo", integratedHsp: "false" });
+//# sourceMappingURL=forEachTwo.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/foreach.js

@@ -0,0 +1,387 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class ParentView extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ParentView";
+    }
+}
+class ParentView1 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = (_item, index) => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, undefined, true, false);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ParentView2 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = (_item, index) => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, item => item.toString(), true, false);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ParentView3 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = (_item, index) => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, (item, index) => item.toString(), true, true);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ParentView4 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, (item, index) => item.toString(), false, true);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ParentView5 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, item => item.toString(), false, false);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ParentView6 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU(['1', '2', '3'], this, "arr");
+        this.count = 0;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            ForEach.create();
+            ForEach.onMove((from, to) => {
+                this.count += 1;
+            });
+            const forEachItemGenFunction = _item => {
+                const item = _item;
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(item);
+                }, Text);
+                Text.pop();
+            };
+            this.forEachUpdateFunction(elmtId, this.arr, forEachItemGenFunction, item => item.toString(), false, false);
+        }, ForEach);
+        ForEach.pop();
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new ParentView(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/foreach/foreach", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/foreach/foreach", integratedHsp: "false" });
+//# sourceMappingURL=foreach.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/if/id_if.js

@@ -0,0 +1,358 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class MyComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.pass = true;
+        this.count = 10;
+        this.controller = new TabsController();
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.pass !== undefined) {
+            this.pass = params.pass;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        If.create();
+                        if (this.count < 0) {
+                            this.ifElseBranchUpdateFunction(0, () => {
+                                if (!If.canRetake('id1')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Text.create('count is negative');
+                                        Text.fontSize(32);
+                                        Text.id('id1');
+                                    }, Text);
+                                    Text.pop();
+                                }
+                            });
+                        }
+                        else if (this.count % 2 === 0) {
+                            this.ifElseBranchUpdateFunction(1, () => {
+                                if (!If.canRetake('id2')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Divider.create();
+                                        Divider.id('id2');
+                                    }, Divider);
+                                }
+                                if (!If.canRetake('id3')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Text.create('even');
+                                        Text.fontSize(32);
+                                        Text.id('id3');
+                                    }, Text);
+                                    Text.pop();
+                                }
+                            });
+                        }
+                        else {
+                            this.ifElseBranchUpdateFunction(2, () => {
+                                if (!If.canRetake('id4')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Divider.create();
+                                        Divider.id('id4');
+                                    }, Divider);
+                                }
+                                if (!If.canRetake('id10')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Column.create();
+                                        Column.id('id10');
+                                    }, Column);
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Text.create('odd');
+                                        Text.fontSize(32);
+                                        Text.id('id5');
+                                    }, Text);
+                                    Text.pop();
+                                    Column.pop();
+                                }
+                            });
+                        }
+                    }, If);
+                    If.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                    if (!If.canRetake('id6')) {
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create('fail');
+                            Text.id('id6');
+                            Text.fontSize(32);
+                        }, Text);
+                        Text.pop();
+                    }
+                });
+            }
+        }, If);
+        If.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    if (!If.canRetake('id7')) {
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create('odd2');
+                            Text.fontSize(32);
+                            Text.id('id7');
+                        }, Text);
+                        Text.pop();
+                    }
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create({ space: 3 });
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    if (!If.canRetake('id8')) {
+                        {
+                            const itemCreation = (elmtId, isInitialRender) => {
+                                ViewStackProcessor.StartGetAccessRecordingFor(elmtId);
+                                itemCreation2(elmtId, isInitialRender);
+                                if (!isInitialRender) {
+                                    ListItem.pop();
+                                }
+                                ViewStackProcessor.StopGetAccessRecording();
+                            };
+                            const itemCreation2 = (elmtId, isInitialRender) => {
+                                ListItem.create(deepRenderFunction, true);
+                                ListItem.id('id8');
+                            };
+                            const deepRenderFunction = (elmtId, isInitialRender) => {
+                                itemCreation(elmtId, isInitialRender);
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Row.create();
+                                    Row.margin({ left: 10, right: 10 });
+                                    Row.id('id11');
+                                }, Row);
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Text.create();
+                                    Text.fontSize(20);
+                                    Text.margin({ left: 10 });
+                                }, Text);
+                                Text.pop();
+                                Row.pop();
+                                ListItem.pop();
+                            };
+                            this.observeComponentCreation2(itemCreation2, ListItem);
+                            ListItem.pop();
+                        }
+                    }
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        List.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Tabs.create({ barPosition: BarPosition.Start, controller: this.controller });
+        }, Tabs);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    if (!If.canRetake('id9')) {
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            TabContent.create(() => {
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Text.create('111');
+                                    Text.width('100%');
+                                    Text.height('20');
+                                    Text.backgroundColor(Color.Pink);
+                                }, Text);
+                                Text.pop();
+                            });
+                            TabContent.tabBar('pink');
+                            TabContent.id('id9');
+                        }, TabContent);
+                        TabContent.pop();
+                    }
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Tabs.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        If.create();
+                        if (this.count === 10) {
+                            this.ifElseBranchUpdateFunction(0, () => {
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Column.create();
+                                }, Column);
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Text.create('111');
+                                }, Text);
+                                Text.pop();
+                                Column.pop();
+                                if (!If.canRetake('id12')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        XComponent.create({ id: 'special', type: '' }, "com.example.application/application");
+                                        XComponent.id('id12');
+                                    }, XComponent);
+                                }
+                                if (!If.canRetake('id13')) {
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Column.create();
+                                        Column.id('id13');
+                                    }, Column);
+                                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                        Text.create('11');
+                                    }, Text);
+                                    Text.pop();
+                                    Column.pop();
+                                }
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Column.create();
+                                }, Column);
+                                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                    Text.create('222');
+                                }, Text);
+                                Text.pop();
+                                Column.pop();
+                            });
+                        }
+                        else {
+                            this.ifElseBranchUpdateFunction(1, () => {
+                            });
+                        }
+                    }, If);
+                    If.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.pass) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    if (!If.canRetake('id14')) {
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            __Common__.create(true);
+                            __Common__.id('id14');
+                        }, __Common__);
+                        {
+                            this.observeComponentCreation2((elmtId, isInitialRender) => {
+                                if (isInitialRender) {
+                                    let componentCall = new Child(this, {}, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/if/id_if.ets", line: 77, col: 11 });
+                                    ViewPU.create(componentCall);
+                                    let paramsLambda = () => {
+                                        return {};
+                                    };
+                                    componentCall.paramsGenerator_ = paramsLambda;
+                                }
+                                else {
+                                    this.updateStateVarsOfChildByElmtId(elmtId, {});
+                                }
+                            }, { name: "Child" });
+                        }
+                        __Common__.pop();
+                    }
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('111');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "MyComponent";
+    }
+}
+class Child extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Text.create('Child');
+            Text.fontSize(50);
+        }, Text);
+        Text.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new MyComponent(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/if/id_if", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/if/id_if", integratedHsp: "false" });
+//# sourceMappingURL=id_if.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/if/if.js

@@ -0,0 +1,126 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class IFView extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__toggle1 = new ObservedPropertySimplePU(false, this, "toggle1");
+        this.__toggle2 = new ObservedPropertySimplePU(false, this, "toggle2");
+        this.__toggle3 = new ObservedPropertySimplePU(false, this, "toggle3");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.toggle1 !== undefined) {
+            this.toggle1 = params.toggle1;
+        }
+        if (params.toggle2 !== undefined) {
+            this.toggle2 = params.toggle2;
+        }
+        if (params.toggle3 !== undefined) {
+            this.toggle3 = params.toggle3;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__toggle1.purgeDependencyOnElmtId(rmElmtId);
+        this.__toggle2.purgeDependencyOnElmtId(rmElmtId);
+        this.__toggle3.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__toggle1.aboutToBeDeleted();
+        this.__toggle2.aboutToBeDeleted();
+        this.__toggle3.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get toggle1() {
+        return this.__toggle1.get();
+    }
+    set toggle1(newValue) {
+        this.__toggle1.set(newValue);
+    }
+    get toggle2() {
+        return this.__toggle2.get();
+    }
+    set toggle2(newValue) {
+        this.__toggle2.set(newValue);
+    }
+    get toggle3() {
+        return this.__toggle3.get();
+    }
+    set toggle3(newValue) {
+        this.__toggle3.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.toggle1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('toggle1');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+            else if (this.toggle2) {
+                this.ifElseBranchUpdateFunction(1, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('toggle2');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+            else if (this.toggle3) {
+                this.ifElseBranchUpdateFunction(2, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('toggle3');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(3, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('toggle no thing');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+        }, If);
+        If.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.toggle1) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        Text.create('toggle1 Single');
+                    }, Text);
+                    Text.pop();
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "IFView";
+    }
+}
+registerNamedRoute(() => new IFView(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/if/if", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/if/if", integratedHsp: "false" });
+//# sourceMappingURL=if.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/item/GridItem.js

@@ -0,0 +1,55 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class ParentView extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Grid.create();
+        }, Grid);
+        {
+            const itemCreation2 = (elmtId, isInitialRender) => {
+                GridItem.create(() => { }, false, 'true');
+                GridItem.width(200);
+                GridItem.height(100);
+            };
+            const observedDeepRender = () => {
+                this.observeComponentCreation2(itemCreation2, GridItem);
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('xx');
+                    Text.width(100);
+                }, Text);
+                Text.pop();
+                GridItem.pop();
+            };
+            observedDeepRender();
+        }
+        Grid.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ParentView";
+    }
+}
+registerNamedRoute(() => new ParentView(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/item/GridItem", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/item/GridItem", integratedHsp: "false" });
+//# sourceMappingURL=GridItem.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/item/ListItem.js

@@ -0,0 +1,64 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class ParentView extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        {
+            const itemCreation = (elmtId, isInitialRender) => {
+                ViewStackProcessor.StartGetAccessRecordingFor(elmtId);
+                itemCreation2(elmtId, isInitialRender);
+                if (!isInitialRender) {
+                    ListItem.pop();
+                }
+                ViewStackProcessor.StopGetAccessRecording();
+            };
+            const itemCreation2 = (elmtId, isInitialRender) => {
+                ListItem.create(deepRenderFunction, true, 'true');
+                ListItem.width(200);
+                ListItem.height(100);
+            };
+            const deepRenderFunction = (elmtId, isInitialRender) => {
+                itemCreation(elmtId, isInitialRender);
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('xx');
+                    Text.width(100);
+                }, Text);
+                Text.pop();
+                ListItem.pop();
+            };
+            this.observeComponentCreation2(itemCreation2, ListItem);
+            ListItem.pop();
+        }
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "ParentView";
+    }
+}
+registerNamedRoute(() => new ParentView(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/item/ListItem", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/item/ListItem", integratedHsp: "false" });
+//# sourceMappingURL=ListItem.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforEachThreeParam.js

@@ -0,0 +1,220 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class BasicDataSource {
+    constructor() {
+        this.listeners = [];
+        this.originDataArray = [];
+    }
+    totalCount() {
+        return 0;
+    }
+    getData(index) {
+        return this.originDataArray[index];
+    }
+    registerDataChangeListener(listener) {
+        if (this.listeners.indexOf(listener) < 0) {
+            console.info('add listener');
+            this.listeners.push(listener);
+        }
+    }
+    unregisterDataChangeListener(listener) {
+        const pos = this.listeners.indexOf(listener);
+        if (pos >= 0) {
+            console.info('remove listener');
+            this.listeners.splice(pos, 1);
+        }
+    }
+    notifyDataReload() {
+        this.listeners.forEach(listener => {
+            listener.onDataReloaded();
+        });
+    }
+    notifyDataAdd(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataAdd(index);
+        });
+    }
+    notifyDataChange(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataChange(index);
+        });
+    }
+    notifyDataDelete(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataDelete(index);
+        });
+    }
+    notifyDataMove(from, to) {
+        this.listeners.forEach(listener => {
+            listener.onDataMove(from, to);
+        });
+    }
+}
+class MyDataSource extends BasicDataSource {
+    constructor() {
+        super(...arguments);
+        this.dataArray = [];
+    }
+    totalCount() {
+        return this.dataArray.length;
+    }
+    getData(index) {
+        return this.dataArray[index];
+    }
+    addData(index, data) {
+        this.dataArray.splice(index, 0, data);
+        this.notifyDataAdd(index);
+    }
+    pushData(data) {
+        this.dataArray.push(data);
+        this.notifyDataAdd(this.dataArray.length - 1);
+    }
+}
+let mKeyGenerator2 = (item, index) => 'item' + index;
+class lazyforEachThreeParam extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.data = new MyDataSource();
+        this.mKeyGenerator = undefined;
+        this.mKeyGenerator1 = (item, index) => 'item' + index;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.data !== undefined) {
+            this.data = params.data;
+        }
+        if (params.mKeyGenerator !== undefined) {
+            this.mKeyGenerator = params.mKeyGenerator;
+        }
+        if (params.mKeyGenerator1 !== undefined) {
+            this.mKeyGenerator1 = params.mKeyGenerator1;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    aboutToAppear() {
+        for (let i = 0; i <= 20; i++) {
+            this.data.pushData('11');
+        }
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create({ space: 3 });
+            List.cachedCount(5);
+        }, List);
+        {
+            const __lazyForEachItemGenFunction = _item => {
+                const item = _item;
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Row.create();
+                            Row.margin({ left: 10, right: 10 });
+                        }, Row);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(item);
+                            Text.fontSize(50);
+                            Text.onAppear(() => {
+                                console.info("appear:" + item);
+                            });
+                        }, Text);
+                        Text.pop();
+                        Row.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            };
+            const __lazyForEachItemIdFunc = this.mKeyGenerator;
+            LazyForEach.create("1", this, this.data, __lazyForEachItemGenFunction, __lazyForEachItemIdFunc);
+            LazyForEach.pop();
+        }
+        {
+            const __lazyForEachItemGenFunction = _item => {
+                const item = _item;
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Row.create();
+                            Row.margin({ left: 10, right: 10 });
+                        }, Row);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(item);
+                            Text.fontSize(50);
+                            Text.onAppear(() => {
+                                console.info("appear:" + item);
+                            });
+                        }, Text);
+                        Text.pop();
+                        Row.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            };
+            const __lazyForEachItemIdFunc = this.mKeyGenerator1;
+            LazyForEach.create("1", this, this.data, __lazyForEachItemGenFunction, __lazyForEachItemIdFunc);
+            LazyForEach.pop();
+        }
+        {
+            const __lazyForEachItemGenFunction = _item => {
+                const item = _item;
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Row.create();
+                            Row.margin({ left: 10, right: 10 });
+                        }, Row);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(item);
+                            Text.fontSize(50);
+                            Text.onAppear(() => {
+                                console.info("appear:" + item);
+                            });
+                        }, Text);
+                        Text.pop();
+                        Row.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            };
+            const __lazyForEachItemIdFunc = mKeyGenerator2;
+            LazyForEach.create("1", this, this.data, __lazyForEachItemGenFunction, __lazyForEachItemIdFunc);
+            LazyForEach.pop();
+        }
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "lazyforEachThreeParam";
+    }
+}
+registerNamedRoute(() => new lazyforEachThreeParam(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforEachThreeParam", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforEachThreeParam", integratedHsp: "false" });
+//# sourceMappingURL=lazyforEachThreeParam.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforeach.js

@@ -0,0 +1,195 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class BasicDataSource {
+    constructor() {
+        this.listeners = [];
+    }
+    totalCount() {
+        return 0;
+    }
+    getData(index) {
+        return undefined;
+    }
+    registerDataChangeListener(listener) {
+        if (this.listeners.indexOf(listener) < 0) {
+            console.info('add listener');
+            this.listeners.push(listener);
+        }
+    }
+    unregisterDataChangeListener(listener) {
+        const pos = this.listeners.indexOf(listener);
+        if (pos >= 0) {
+            console.info('remove listener');
+            this.listeners.splice(pos, 1);
+        }
+    }
+    notifyDataReload() {
+        this.listeners.forEach(listener => {
+            listener.onDataReloaded();
+        });
+    }
+    notifyDataAdd(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataAdd(index);
+        });
+    }
+    notifyDataChange(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataChange(index);
+        });
+    }
+    notifyDataDelete(index) {
+        this.listeners.forEach(listener => {
+            listener.onDataDelete(index);
+        });
+    }
+    notifyDataMove(from, to) {
+        this.listeners.forEach(listener => {
+            listener.onDataMove(from, to);
+        });
+    }
+}
+class MyDataSource extends BasicDataSource {
+    constructor() {
+        super(...arguments);
+        this.dataArray = ['/path/image0', '/path/image1', '/path/image2', '/path/image3'];
+    }
+    totalCount() {
+        return this.dataArray.length;
+    }
+    getData(index) {
+        return this.dataArray[index];
+    }
+    addData(index, data) {
+        this.dataArray.splice(index, 0, data);
+        this.notifyDataAdd(index);
+    }
+    pushData(data) {
+        this.dataArray.push(data);
+        this.notifyDataAdd(this.dataArray.length - 1);
+    }
+}
+class Test extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.data = new MyDataSource();
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.data !== undefined) {
+            this.data = params.data;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Grid.create();
+        }, Grid);
+        {
+            const __lazyForEachItemGenFunction = _item => {
+                const row = _item;
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        GridItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, GridItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(row);
+                        }, Text);
+                        Text.pop();
+                        GridItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            };
+            const __lazyForEachItemIdFunc = row => row;
+            LazyForEach.create("1", this, this.data, __lazyForEachItemGenFunction, __lazyForEachItemIdFunc);
+            LazyForEach.pop();
+        }
+        Grid.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "Test";
+    }
+}
+class ChildTest extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.data = new MyDataSource();
+        this.count = 0;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.data !== undefined) {
+            this.data = params.data;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Grid.create();
+        }, Grid);
+        {
+            const __lazyForEachItemGenFunction = _item => {
+                const row = _item;
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        GridItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, GridItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(row);
+                        }, Text);
+                        Text.pop();
+                        GridItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            };
+            const __lazyForEachItemIdFunc = row => row;
+            LazyForEach.create("1", this, this.data, __lazyForEachItemGenFunction, __lazyForEachItemIdFunc);
+            LazyForEach.onMove((from, to) => {
+                this.count += 1;
+            });
+            LazyForEach.pop();
+        }
+        Grid.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new Test(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforeach", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/lazyforeach/lazyforeach", integratedHsp: "false" });
+//# sourceMappingURL=lazyforeach.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeat.js

@@ -0,0 +1,199 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class ClassA {
+    constructor(message) {
+        this.message = message;
+    }
+}
+class HomeComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([0, 1, 2, 3, 4], this, "arr");
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.height(500);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Repeat(this.arr, this).each((obj) => {
+                {
+                    this.observeComponentCreation2((elmtId, isInitialRender) => {
+                        if (isInitialRender) {
+                            let componentCall = new ChildComponent(this, {}, undefined, elmtId, () => { }, { page: "test/transform_ut/application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeat.ets", line: 17, col: 11 });
+                            ViewPU.create(componentCall);
+                            let paramsLambda = () => {
+                                return {};
+                            };
+                            componentCall.paramsGenerator_ = paramsLambda;
+                        }
+                        else {
+                            this.updateStateVarsOfChildByElmtId(elmtId, {});
+                        }
+                    }, { name: "ChildComponent" });
+                }
+            })
+                .key((item, index) => {
+                return JSON.stringify(item) + JSON.stringify(index);
+            }).render(isInitialRender);
+        }, Repeat);
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "HomeComponent";
+    }
+}
+class ChildComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([new ClassA('0'), new ClassA('1'), new ClassA('2')], this, "arr");
+        this.count = 0;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+            Column.height(500);
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Repeat(this.arr, this).onMove((from, to) => {
+                this.count += 1;
+            })
+                .each((obj) => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create(obj.item.message);
+                }, Text);
+                Text.pop();
+            }).render(isInitialRender);
+        }, Repeat);
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+class ChildComponent2 extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([new ClassA('0'), new ClassA('1'), new ClassA('2')], this, "arr");
+        this.count = 0;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+            List.height(500);
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Repeat(this.arr, this).each((obj) => {
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(obj.item.message);
+                        }, Text);
+                        Text.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            }).render(isInitialRender);
+        }, Repeat);
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+registerNamedRoute(() => new HomeComponent(undefined, {}), "", { bundleName: "com.example.application", moduleName: "application", pagePath: "pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeat", pageFullPath: "application/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeat", integratedHsp: "false" });
+//# sourceMappingURL=repeat.js.map

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeatAttr.js

@@ -0,0 +1,88 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+let VehicleData = class VehicleData {
+    constructor(name, price) {
+        this.name = name;
+        this.price = price;
+    }
+};
+__decorate([
+    Trace
+], VehicleData.prototype, "name", void 0);
+__decorate([
+    Trace
+], VehicleData.prototype, "price", void 0);
+VehicleData = __decorate([
+    ObservedV2
+], VehicleData);
+let VehicleDB = class VehicleDB {
+    constructor() {
+        this.vehicleItems = [];
+    }
+};
+VehicleDB = __decorate([
+    ObservedV2
+], VehicleDB);
+class entryCompSucc extends ViewV2 {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda, extraInfo) {
+        super(parent, elmtId, extraInfo);
+        this.vehicleItems = new VehicleDB().vehicleItems;
+        this.finalizeConstruction();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Repeat(this.vehicleItems, this).template('default', (ri) => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('11111111111');
+                }, Text);
+                Text.pop();
+            }, { cachedCount: 5 })
+                .each((ri) => {
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                        ListItem.border({ width: 1 });
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create("Wrong");
+                        }, Text);
+                        Text.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            })
+                .key((item, index) => 'index').render(isInitialRender);
+        }, Repeat);
+        List.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+    static getEntryName() {
+        return "entryCompSucc";
+    }
+}
+__decorate([
+    Local
+], entryCompSucc.prototype, "vehicleItems", void 0);
+ViewStackProcessor.StartGetAccessRecordingFor(ViewStackProcessor.AllocateNewElmetIdForNextComponent());
+loadDocument(new entryCompSucc(undefined, {}));
+ViewStackProcessor.StopGetAccessRecording();

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/repeat/repeatVirtualScroll.js

@@ -0,0 +1,99 @@
+"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class ClassA {
+    constructor(message) {
+        this.message = message;
+    }
+}
+class ChildComponent extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.__arr = new ObservedPropertyObjectPU([new ClassA('0'), new ClassA('1'), new ClassA('2')], this, "arr");
+        this.count = 0;
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.arr !== undefined) {
+            this.arr = params.arr;
+        }
+        if (params.count !== undefined) {
+            this.count = params.count;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__arr.purgeDependencyOnElmtId(rmElmtId);
+    }
+    aboutToBeDeleted() {
+        this.__arr.aboutToBeDeleted();
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    get arr() {
+        return this.__arr.get();
+    }
+    set arr(newValue) {
+        this.__arr.set(newValue);
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            List.create();
+            List.height(500);
+        }, List);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Repeat(this.arr, this).each((obj) => {
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(obj.item.message);
+                        }, Text);
+                        Text.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            })
+                .key((item) => {
+                return JSON.stringify(item);
+            })
+                .virtualScroll({ totalCount: this.arr.length })
+                .templateId((item, index) => {
+                return index.toString();
+            })
+                .template('1', (obj) => {
+                {
+                    const itemCreation2 = (elmtId, isInitialRender) => {
+                        ListItem.create(() => { }, false);
+                    };
+                    const observedDeepRender = () => {
+                        this.observeComponentCreation2(itemCreation2, ListItem);
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            Text.create(obj.item.message);
+                        }, Text);
+                        Text.pop();
+                        ListItem.pop();
+                    };
+                    observedDeepRender();
+                }
+            }).render(isInitialRender);
+        }, Repeat);
+        List.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+ViewStackProcessor.StartGetAccessRecordingFor(ViewStackProcessor.AllocateNewElmetIdForNextComponent());
+loadDocument(new ChildComponent(undefined, {}));
+ViewStackProcessor.StopGetAccessRecording();

compiler/test/transform_ut/application/entry/build/default/cache/default/default@CompileArkTS/esmodule/debug/entry/src/main/ets/pages/utForPartialUpdate/inner_component_transform/render_component/tab/tab.ts

@@ -0,0 +1,143 @@
+/*
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+exports.source = `
+@Entry
+@Component
+struct TabSimple {
+  private controller: TabsController = new TabsController();
+  build() {
+    Column() {
+      Tabs({ barPosition: BarPosition.Start, index: 1, controller: this.controller}) {
+        TabContent() {
+          Flex() {
+            Column() {
+              Text('text1')
+              .height(100)
+              .width(200)
+              Text('xxx')
+              .height(100)
+              .width(200)
+            }
+            .height(100)
+            .width(200)
+          }
+            .height(100)
+            .width(200)
+        }
+        .tabBar("TabBar")
+        .height(100)
+        .width(200)
+        TabContent() {
+          Text('text2')
+        }
+        .tabBar("TabBar 2")
+        .height(100)
+        .width(200)
+      }
+    }
+  }
+}
+`
+exports.expectResult =
+`"use strict";
+if (!("finalizeConstruction" in ViewPU.prototype)) {
+    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
+}
+class TabSimple extends ViewPU {
+    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
+        super(parent, __localStorage, elmtId, extraInfo);
+        if (typeof paramsLambda === "function") {
+            this.paramsGenerator_ = paramsLambda;
+        }
+        this.controller = new TabsController();
+        this.setInitiallyProvidedValue(params);
+        this.finalizeConstruction();
+    }
+    setInitiallyProvidedValue(params) {
+        if (params.controller !== undefined) {
+            this.controller = params.controller;
+        }
+    }
+    updateStateVars(params) {
+    }
+    purgeVariableDependenciesOnElmtId(rmElmtId) {
+    }
+    aboutToBeDeleted() {
+        SubscriberManager.Get().delete(this.id__());
+        this.aboutToBeDeletedInternal();
+    }
+    initialRender() {
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Column.create();
+        }, Column);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            Tabs.create({ barPosition: BarPosition.Start, index: 1, controller: this.controller });
+        }, Tabs);
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TabContent.create(() => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Flex.create();
+                    Flex.height(100);
+                    Flex.width(200);
+                }, Flex);
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Column.create();
+                    Column.height(100);
+                    Column.width(200);
+                }, Column);
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('text1');
+                    Text.height(100);
+                    Text.width(200);
+                }, Text);
+                Text.pop();
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('xxx');
+                    Text.height(100);
+                    Text.width(200);
+                }, Text);
+                Text.pop();
+                Column.pop();
+                Flex.pop();
+            });
+            TabContent.tabBar("TabBar");
+            TabContent.height(100);
+            TabContent.width(200);
+        }, TabContent);
+        TabContent.pop();
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            TabContent.create(() => {
+                this.observeComponentCreation2((elmtId, isInitialRender) => {
+                    Text.create('text2');
+                }, Text);
+                Text.pop();
+            });
+            TabContent.tabBar("TabBar 2");
+            TabContent.height(100);
+            TabContent.width(200);
+        }, TabContent);
+        TabContent.pop();
+        Tabs.pop();
+        Column.pop();
+    }
+    rerender() {
+        this.updateDirtyElements();
+    }
+}
+ViewStackProcessor.StartGetAccessRecordingFor(ViewStackProcessor.AllocateNewElmetIdForNextComponent());
+loadDocument(new TabSimple(undefined, {}));
+ViewStackProcessor.StopGetAccessRecording();
+`

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/import@CustomDialog.ets

@@ -0,0 +1,43 @@
+import { CustomDialogExample1 as CustomDialogExample } from '../../../test/import@CustomDialog'
+
+@Entry
+@Component
+struct CustomDialogUser {
+  @State textValue: string = ''
+  @State inputValue: string = 'click me'
+  dialogController: CustomDialogController = new CustomDialogController({
+    builder: CustomDialogExample({
+      cancel: this.onCancel,
+      confirm: this.onAccept,
+      textValue: $textValue,
+      inputValue: $inputValue
+    }),
+    cancel: this.existApp,
+    autoCancel: true,
+    alignment: DialogAlignment.Default,
+    offset: { dx: 0, dy: -20 },
+    gridCount: 4,
+    customStyle: false
+  })
+
+  onCancel() {
+    console.info('Callback when the first button is clicked')
+  }
+
+  onAccept() {
+    console.info('Callback when the second button is clicked')
+  }
+
+  existApp() {
+    console.info('Click the callback in the blank area')
+  }
+
+  build() {
+    Column() {
+      Button(this.inputValue)
+        .onClick(() => {
+          this.dialogController.open()
+        }).backgroundColor(0x317aff)
+    }.width('100%').margin({ top: 5 })
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/import@Observed.ets

@@ -0,0 +1,47 @@
+import { ClassB as ClassA } from '../../../test/import@Observed'
+@Component
+struct ViewA {
+  label: string = 'ViewA1'
+  @ObjectLink a: ClassA
+
+  build() {
+    Row() {
+      Button('ViewA'+ JSON.stringify(this.label) + 'this.a.c='+JSON.stringify(this.a.c))
+        .onClick(() => {
+          this.a.c += 1
+        })
+    }.margin({ top: 10 })
+  }
+}
+
+@Entry
+@Component
+struct ViewB {
+  @State arrA: ClassA[] = [new ClassA(0), new ClassA(0)]
+
+  build() {
+    Column() {
+      ForEach(this.arrA, (item) => {
+        ViewA({ label: JSON.stringify(item.id), a: item })
+      }, (item) => item.id.toString())
+      ViewA({ label: JSON.stringify(this.arrA[0]), a: this.arrA[0] })
+      ViewA({ label: JSON.stringify(this.arrA[this.arrA.length - 1]), a: this.arrA[this.arrA.length - 1] })
+
+      Button('ViewB: reset array')
+        .margin({ top: 10 })
+        .onClick(() => {
+          this.arrA = [new ClassA(0), new ClassA(0)]
+        })
+      Button('ViewB: push')
+        .margin({ top: 10 })
+        .onClick(() => {
+          this.arrA.push(new ClassA(0))
+        })
+      Button('ViewB: shift')
+        .margin({ top: 10 })
+        .onClick(() => {
+          this.arrA.shift()
+        })
+    }.width('100%')
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/importAllEts.ets

@@ -0,0 +1,50 @@
+import * as AllComponent from '../../../test/NamespaceComponent'
+import TsModule from '../../../test/TsModule'
+
+@Entry
+@Component
+struct ImportTest {
+  @State myState1: any = new TsModule(1).method()
+  @State myState2: number = 0
+  @State myState3: boolean = false
+  @State myState4: string = 'ImportTest'
+
+  build() {
+    Column() {
+        AllComponent.NamespaceComponent1({
+            NamespaceComponent1Link1: $myState1,
+            NamespaceComponent1Link2: $myState2,
+            NamespaceComponent1Link3: $myState3,
+            NamespaceComponent1Link4: $myState4,
+            myVar: 100,
+            myVar2: 80
+          })
+        AllComponent.NamespaceComponent1({
+            NamespaceComponent1Link1: $myState1,
+            NamespaceComponent1Link2: $myState2,
+            NamespaceComponent1Link3: $myState3,
+            NamespaceComponent1Link4: $myState4,
+            myVar: 100,
+            myVar2: 80
+          })
+          .width(100)
+          AllComponent.default({
+            NamespaceComponent3Link1: $myState1,
+            NamespaceComponent3Link2: $myState2,
+            NamespaceComponent3Link3: $myState3,
+            NamespaceComponent3Link4: $myState4,
+            myVar: 100,
+            myVar2: 80
+          })
+          AllComponent.default({
+            NamespaceComponent3Link1: $myState1,
+            NamespaceComponent3Link2: $myState2,
+            NamespaceComponent3Link3: $myState3,
+            NamespaceComponent3Link4: $myState4,
+            myVar: 100,
+            myVar2: 80
+          })
+          .height(200)
+    }
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/importEts.ets

@@ -0,0 +1,82 @@
+import
+LinkComponentDefault, {
+  LinkComponent as LinkComponent1Ref,
+  LinkComponent2 as LinkComponent2Ref,
+  LinkComponent3
+} from '../../../test/LinkComponent'
+import DefaultComponent from "../../../test/DefaultComponent"
+import AMDComponentDefault from '../../../test/AMDComponent'
+import TsModule from '../../../test/TsModule'
+
+@Entry
+@Component
+struct ImportTest {
+  @State myState1: any = new TsModule(1).method()
+  @State myState2: number = 0
+  @State myState3: boolean = false
+  @State myState4: string = 'ImportTest'
+
+  build() {
+    Column() {
+      LinkComponent2Ref({
+        LinkComponent2Link1: $myState1,
+        LinkComponent2Link2: $myState2,
+        LinkComponent2Link3: $myState3,
+        LinkComponent2Link4: $myState4,
+        indexState1: { count: 1 },
+        indexState2: 1,
+        indexState3: true,
+        indexState4: 'LinkComponent2'
+      })
+      Text('space')
+        .fontSize(20)
+        .fontColor(Color.Red)
+      LinkComponent1Ref({
+        LinkComponent1Link1: $myState1,
+        LinkComponent1Link2: $myState2,
+        LinkComponent1Link3: $myState3,
+        LinkComponent1Link4: $myState4,
+        indexState1: { count: 1 },
+        indexState2: 1,
+        indexState3: true,
+        indexState4: 'LinkComponent1'
+      })
+      DefaultComponent({
+        DefaultComponentLink1: $myState1,
+        DefaultComponentLink2: $myState2,
+        DefaultComponentLink3: $myState3,
+        DefaultComponentLink4: $myState4,
+        myVar: 100,
+        myVar2: 100
+      })
+      LinkComponentDefault({
+        LinkComponent3Link1: $myState1,
+        LinkComponent3Link2: $myState2,
+        LinkComponent3Link3: $myState3,
+        LinkComponent3Link4: $myState4,
+        indexState1: { count: 1 },
+        indexState2: 1,
+        indexState3: true,
+        indexState4: 'LinkComponent3'
+      })
+      AMDComponentDefault({
+        AMDComponentLink1: $myState1,
+        AMDComponentLink2: $myState2,
+        AMDComponentLink3: $myState3,
+        AMDComponentLink4: $myState4,
+        myVar: 100,
+        myVar2: 100
+      })
+      LinkComponent3({
+        LinkComponent3Link1: $myState1,
+        LinkComponent3Link2: $myState2,
+        LinkComponent3Link3: $myState3,
+        LinkComponent3Link4: $myState4,
+        indexState1: { count: 1 },
+        indexState2: 1,
+        indexState3: true,
+        indexState4: 'LinkComponent1'
+      })
+    }
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/importExportEts.ets

@@ -0,0 +1,36 @@
+import { AllStarComponent } from '../../../test/ExportStarComponent'
+import TsModule from '../../../test/TsModule'
+
+@Entry
+@Component
+struct ImportTest {
+  @State myState1: any = new TsModule(1).method()
+  @State myState2: number = 0
+  @State myState3: boolean = false
+  @State myState4: string = 'ImportTest'
+
+  build() {
+    Column() {
+        AllStarComponent.ExportComponent({
+            ExportComponent1Link1: $myState1,
+            ExportComponent1Link2: $myState2,
+            ExportComponent1Link3: $myState3,
+            ExportComponent1Link4: $myState4,
+            indexState1: { count: 1 },
+            indexState2: 1,
+            indexState3: true,
+            indexState4: 'ExportComponent1'
+          })
+          AllStarComponent.default({
+            ExportComponent4Link1: $myState1,
+            ExportComponent4Link2: $myState2,
+            ExportComponent4Link3: $myState3,
+            ExportComponent4Link4: $myState4,
+            indexState1: { count: 1 },
+            indexState2: 1,
+            indexState3: true,
+            indexState4: 'ExportComponent4'
+          })
+    }
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/importExportNest.ets

@@ -0,0 +1,39 @@
+import { tExtend, tStyles, DivideTest, Base } from '../../../test/ImportNestAll';
+
+@Entry
+@Component
+struct ImportTest {
+  @State testText1: string = 'Hello'
+  @State testText2: string = 'World'
+  @State testText3: string = 'Test'
+  @State testText4: string = 'Component'
+
+  @State testState1: string = 'Base'
+  @State testState2: number = 0
+  @State testState3: object = { name: 'Base' }
+  @State testState4: number = 3
+  @State testState5: number = 10
+
+  build() {
+    Column() {
+      Text(this.testText1)
+        .fontSize(50)
+      tExtend(20)
+      Text(this.testText2)
+      tStyles()
+      Button(this.testText3)
+      Text(this.testText4)
+        .fontSize(50)
+
+      Base({
+        testStr: $testState1,
+        testNum: $testState2,
+        testObj: $testState3
+      })
+      DivideTest({
+        testNum1: $testState4,
+        testNum2: $testState5
+      })
+    }
+  }
+}

compiler/test/transform_ut/application/entry/src/main/ets/pages/ut/import/importSystemApi.ets

@@ -0,0 +1,50 @@
+import router from "@system.router";
+import app from "@system.router";
+import fetch from "@system.fetch";
+
+import http from '@ohos.net.http';
+
+import hello from 'libhello.so';
+
+class A{
+	pushPage() {
+		router.push({
+			uri: 'pages/routerpage2/routerpage2',
+			params: {
+				data1: 'message',
+				data2: {
+					data3: [123, 456, 789]
+				}
+			}
+		});
+	}
+}
+
+class Info {
+  getInfo() {
+    let info = app.getInfo()
+    console.log(JSON.stringify(info))
+  }
+}
+
+const json = {
+  data: {
+    responseData: 'NA',
+    url: "test_url",
+  },
+  fetch: function () {
+    var that = this;
+    fetch.fetch({
+      url: that.url,
+      success: function(response) {
+        console.info("fetch success");
+        that.responseData = JSON.stringify(response);
+      },
+      fail: function() {
+        console.info("fetch fail");
+      }
+    });
+  }
+}
+
+let httpRequest = http.createHttp();