develop state 2 · Pull Request !1835 · OpenHarmony-SIG/arkcompiler_ets_frontend

1. develop state 2
2. develop State
---
### 一、内容说明（相关的Issue）

```
BEFORE PARSED:
InitModule: es2panda

import { Text as Text } from "@ohos.arkui";

import { Column as Column, ColumnOptions as ColumnOptions } from "@ohos.arkui";

import { Button as Button } from "@ohos.arkui";

import { Component as Component, State as State, Entry as Entry } from "@ohos.arkui";

import { Color as Color } from "@ohos.arkui";

@Entry()@Component()struct MyStateSample {
  @State()public color: Color = Color.White;
  
  @State()public message: string = "Hello World";
  
  public build() {
    Column(({
      space: 20,
    } as ColumnOptions), (() => {
      Text("Hello World!").fontColor((this).color);
      Button("change").onClick((() => {
        (this).color = Color.Red;
      }));
    })).width(100).height(300);
  }
  
  public constructor() {}
  
}

export class ArkUIEntry {
  public static run() {
    console.log("About to invoke the struct");
    MyStateSample.instantiateImpl(undefined, ((): MyStateSample => new MyStateSample()), ({} as __Options_MyStateSample), undefined);
  }
  
  public constructor() {}
  
}

EtsScript
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
    EtsImportDeclaration
        StringLiteral
        ImportSpecifier
    EtsImportDeclaration
        StringLiteral
        ImportSpecifier
        ImportSpecifier
    EtsImportDeclaration
        StringLiteral
        ImportSpecifier
    EtsImportDeclaration
        StringLiteral
        ImportSpecifier
        ImportSpecifier
        ImportSpecifier
    EtsImportDeclaration
        StringLiteral
        ImportSpecifier
    StructDeclaration
        ClassDefinition
            Identifier
            ClassProperty
            ClassProperty
            MethodDefinition
                BlockStatement
                    ExpressionStatement
                        CallExpression
                            MemberExpression
                                CallExpression
                                    MemberExpression
                                        CallExpression
                                            Identifier
                                            TSAsExpression
                                            ArrowFunctionExpression
                                        Identifier
                                    NumberLiteral
                                Identifier
                            NumberLiteral
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
            MethodDefinition
                BlockStatement
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
    ClassDeclaration
        ClassDefinition
            Identifier
            MethodDefinition
                BlockStatement
                    ExpressionStatement
                        CallExpression
                            MemberExpression
                                Identifier
                                Identifier
                            StringLiteral
                    ExpressionStatement
                        CallExpression
                            MemberExpression
                                Identifier
                                Identifier
                            UndefinedLiteral
                            ArrowFunctionExpression
                            TSAsExpression
                            UndefinedLiteral
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
            MethodDefinition
                BlockStatement
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
AFTER PARSED:

import { StructBase } from "../../../../arkui/src/sts";

import { Text as Text } from "@ohos.arkui";

import { Column as Column, ColumnOptions as ColumnOptions } from "@ohos.arkui";

import { Button as Button } from "@ohos.arkui";

import { Component as Component, State as State, Entry as Entry } from "@ohos.arkui";

import { Color as Color } from "@ohos.arkui";

class MyStateSample extends StructBase<MyStateSample, __Options_MyStateSample> {
  @State()public color: Color = Color.White;
  
  @State()public message: string = "Hello World";
  
  public build() {
    Column(({
      space: 20,
    } as ColumnOptions), (() => {
      Text("Hello World!").fontColor((this).color);
      Button("change").onClick((() => {
        (this).color = Color.Red;
      }));
    })).width(100).height(300);
  }
  
  public constructor() {}
  
}

export class ArkUIEntry {
  public static run() {
    console.log("About to invoke the struct");
    MyStateSample.instantiateImpl(undefined, ((): MyStateSample => new MyStateSample()), ({} as __Options_MyStateSample), undefined);
  }
  
  public constructor() {}
  
}

interface __Options_MyStateSample {
  
}

BEFORE CHECKED:

import { StructBase as StructBase } from "../../../../arkui/src/sts";

import { Text as Text } from "@ohos.arkui";

import { Column as Column, ColumnOptions as ColumnOptions } from "@ohos.arkui";

import { Button as Button } from "@ohos.arkui";

import { Component as Component, State as State, Entry as Entry } from "@ohos.arkui";

import { Color as Color } from "@ohos.arkui";

abstract class ETSGLOBAL {
  public static main() {}
  
  public static _$init$_() {}
  
  
}

class MyStateSample extends StructBase<MyStateSample, __Options_MyStateSample> {
  @State()public color: Color = Color.White;
  
  @State()public message: string = "Hello World";
  
  public build() {
    Column.$_instantiate(((): Column => {
      return new Column();
    }), ({
      space: 20,
    } as ColumnOptions), ((): void => {
      Text.$_instantiate(((): Text => {
        return new Text();
      }), "Hello World!").fontColor((this).color);
      Button.$_instantiate(((): Button => {
        return new Button();
      }), "change").onClick(((): void => {
        (this).color = Color.Red;
      }));
    })).width(100).height(300);
  }
  
  public constructor() {}
  
}

export class ArkUIEntry {
  public static run() {
    console.log("About to invoke the struct");
    MyStateSample.instantiateImpl(undefined, ((): MyStateSample => {
      return new MyStateSample();
    }), ({} as __Options_MyStateSample), undefined);
  }
  
  public constructor() {}
  
}

interface __Options_MyStateSample {
  
}

WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
WARNING: UNSUPPORTED NODE (arkts): AST_NODE_TYPE_OBJECT_EXPRESSION
AFTER CHECKED:

import { StructBase as StructBase } from "../../../../arkui/src/sts";

import { Text as Text } from "@ohos.arkui";

import { Column as Column, ColumnOptions as ColumnOptions } from "@ohos.arkui";

import { Button as Button } from "@ohos.arkui";

import { Component as Component, State as State, Entry as Entry } from "@ohos.arkui";

import { Color as Color } from "@ohos.arkui";

abstract class ETSGLOBAL {
  public static main() {}
  
  public static _$init$_() {}
  
  
}

class MyStateSample extends StructBase<MyStateSample, __Options_MyStateSample> {
  public __initializeStruct(initializers: MyStateSampleOptions, content: (()=> void)): void {
    this.__backing_color ? stateOf<Color>(((initializers?.color) / (Color.White)), this)
  }
  
  public __updateStruct(initializers: MyStateSampleOptions | undefined): void {
    this.__backing_color?.update(initializer?.color);
    
  }
  
  __backing_color?: MutableState<Color>;
  
  public get color(): Color {
    return this.__backing_color?.value;
  }
  
  public set color(value: Color): void {
    this.__backing_color?.value ? observedProxy(value)
  }
  
  public __initializeStruct(initializers: MyStateSampleOptions, content: (()=> void)): void {
    this.__backing_message ? stateOf<string>(((initializers?.message) / ("Hello World")), this)
  }
  
  public __updateStruct(initializers: MyStateSampleOptions | undefined): void {
    this.__backing_message?.update(initializer?.message);
    
  }
  
  __backing_message?: MutableState<string>;
  
  public get message(): string {
    return this.__backing_message?.value;
  }
  
  public set message(value: string): void {
    this.__backing_message?.value ? observedProxy(value)
  }
  
  public build() {
    Column.instantiateImpl(((instance: Column): Column => {
      return instance.width(100).height(300);
    }), ((): Column => {
      return new Column();
    }), ({
      space: 20,
    } as ColumnOptions), ((): void => {
      Text.$_instantiate(((): Text => {
        return new Text();
      }), "Hello World!").fontColor((this).color);
      Button.$_instantiate(((): Button => {
        return new Button();
      }), "change").onClick(((): void => {
        (this).color = Color.Red;
      }));
    }));
  }
  
  public constructor() {}
  
}

export class ArkUIEntry {
  public static run() {
    console.log("About to invoke the struct");
    MyStateSample.instantiateImpl(undefined, ((): MyStateSample => {
      return new MyStateSample();
    }), ({} as __Options_MyStateSample), undefined);
  }
  
  public constructor() {}
  
}

interface __Options_MyStateSample {
  
}

```

类型	指派人员	状态
审查	Nikolay Igotti Aleksandr Veselov Sergey Malenkov Alexander Gorshenev Anton Tarasov oslabdevops	进行中 (0/1人)
测试	oslabdevops	进行中 (0/1人)

OpenHarmony-SIG/arkcompiler_ets_frontend关闭 .gitee-modal { width: 500px !important; }

搜索帮助

OpenHarmony-SIG/arkcompiler_ets_frontend
关闭