src/config/tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
   "ets": {
      "render": {
        "method": ["build", "pageTransition"],
        "decorator": "Builder"
      },
      "components": [
        "AbilityComponent",
        "AlphabetIndexer",
        "Animator",
        "ArcScrollBar",
        "Badge",
        "Blank",
        "Button",
        "Calendar",
        "CalendarPicker",
        "Camera",
        "Canvas",
        "Checkbox",
        "CheckboxGroup",
        "Circle",
        "ColorPicker",
        "ColorPickerDialog",
        "Column",
        "ColumnSplit",
        "Component3D",
        "Counter",
        "DataPanel",
        "DatePicker",
        "Divider",
        "Ellipse",
        "Flex",
        "FormComponent",
        "Gauge",
        "GeometryView",
        "Grid",
        "GridItem",
        "GridContainer",
        "Hyperlink",
        "Image",
        "ImageAnimator",
        "LazyVGridLayout",
        "Line",
        "List",
        "ListItem",
        "ListItemGroup",
        "ArcList",
        "ArcListItem",
        "LoadingProgress",
        "Marquee",
        "Menu",
        "MenuItem",
        "MenuItemGroup",
        "Navigation",
        "Navigator",
        "Option",
        "PageTransitionEnter",
        "PageTransitionExit",
        "Panel",
        "Particle",
        "Path",
        "PatternLock",
        "Piece",
        "PluginComponent",
        "Polygon",
        "Polyline",
        "Progress",
        "QRCode",
        "Radio",
        "Rating",
        "Rect",
        "Refresh",
        "RelativeContainer",
        "RemoteWindow",
        "Row",
        "RowSplit",
        "RichText",
        "Scroll",
        "ScrollBar",
        "Search",
        "Section",
        "Select",
        "Shape",
        "Sheet",
        "SideBarContainer",
        "Slider",
        "Span",
        "Stack",
        "Stepper",
        "StepperItem",
        "Swiper",
        "TabContent",
        "Tabs",
        "Text",
        "TextPicker",
        "TextClock",
        "TextArea",
        "TextInput",
        "TextTimer",
        "TimePicker",
        "Toggle",
        "Video",
        "Web",
        "XComponent",
        "GridRow",
        "GridCol",
        "ArcAlphabetIndexer",
        "ArcSwiper"
      ],
      "extend": {
        "decorator": "Extend",
        "components": [
          {
            "name": "AbilityComponent",
            "type": "AbilityComponentAttribute",
            "instance": "AbilityComponentInstance"
          },
          {
            "name": "AlphabetIndexer",
            "type": "AlphabetIndexerAttribute",
            "instance": "AlphabetIndexerInstance"
          },
          {
            "name": "Animator",
            "type": "AnimatorAttribute",
            "instance": "AnimatorInstance"
          },
          {
            "name": "ArcScrollBar",
            "type": "ArcScrollBarAttribute",
            "instance": "ArcScrollBarInstance"
          },
          {
            "name": "Badge",
            "type": "BadgeAttribute",
            "instance": "BadgeInstance"
          },
          {
            "name": "Blank",
            "type": "BlankAttribute",
            "instance": "BlankInstance"
          },
          {
            "name": "Button",
            "type": "ButtonAttribute",
            "instance": "ButtonInstance"
          },
          {
            "name": "Calendar",
            "type": "CalendarAttribute",
            "instance": "CalendarInstance"
          },
          {
            "name": "CalendarPicker",
            "type": "CalendarPickerAttribute",
            "instance": "CalendarPickerInstance"
          },
          {
            "name": "Camera",
            "type": "CameraAttribute",
            "instance": "CameraInstance"
          },
          {
            "name": "Canvas",
            "type": "CanvasAttribute",
            "instance": "CanvasInstance"
          },
          {
            "name": "Checkbox",
            "type": "CheckboxAttribute",
            "instance": "CheckboxInstance"
          },
          {
            "name": "CheckboxGroup",
            "type": "CheckboxGroupAttribute",
            "instance": "CheckboxGroupInstance"
          },
          {
            "name": "Circle",
            "type": "CircleAttribute",
            "instance": "CircleInstance"
          },
          {
            "name": "ColorPicker",
            "type": "ColorPickerAttribute",
            "instance": "ColorPickerInstance"
          },
          {
            "name": "ColorPickerDialog",
            "type": "ColorPickerDialogAttribute",
            "instance": "ColorPickerDialogInstance"
          },
          {
            "name": "Column",
            "type": "ColumnAttribute",
            "instance": "ColumnInstance"
          },
          {
            "name": "ColumnSplit",
            "type": "ColumnSplitAttribute",
            "instance": "ColumnSplitInstance"
          },
          {
            "name": "Component3D",
            "type": "Component3DAttribute",
            "instance": "Component3DInstance"
          },
          {
            "name": "Counter",
            "type": "CounterAttribute",
            "instance": "CounterInstance"
          },
          {
            "name": "DataPanel",
            "type": "DataPanelAttribute",
            "instance": "DataPanelInstance"
          },
          {
            "name": "DatePicker",
            "type": "DatePickerAttribute",
            "instance": "DatePickerInstance"
          },
          {
            "name": "Divider",
            "type": "DividerAttribute",
            "instance": "DividerInstance"
          },
          {
            "name": "Ellipse",
            "type": "EllipseAttribute",
            "instance": "EllipseInstance"
          },
          {
            "name": "Flex",
            "type": "FlexAttribute",
            "instance": "FlexInstance"
          },
          {
            "name": "FormComponent",
            "type": "FormComponentAttribute",
            "instance": "FormComponentInstance"
          },
          {
            "name": "Gauge",
            "type": "GaugeAttribute",
            "instance": "GaugeInstance"
          },
          {
            "name": "GeometryView",
            "type": "GeometryViewAttribute",
            "instance": "GeometryViewInstance"
          },
          {
            "name": "Grid",
            "type": "GridAttribute",
            "instance": "GridInstance"
          },
          {
            "name": "GridItem",
            "type": "GridItemAttribute",
            "instance": "GridItemInstance"
          },
          {
            "name": "GridContainer",
            "type": "GridContainerAttribute",
            "instance": "GridContainerInstance"
          },
          {
            "name": "Hyperlink",
            "type": "HyperlinkAttribute",
            "instance": "HyperlinkInstance"
          },
          {
            "name": "Image",
            "type": "ImageAttribute",
            "instance": "ImageInstance"
          },
          {
            "name": "ImageAnimator",
            "type": "ImageAnimatorAttribute",
            "instance": "ImageAnimatorInstance"
          },
          {
            "name": "LazyVGridLayout",
            "type": "LazyVGridLayoutAttribute",
            "instance": "LazyVGridLayoutInstance"
          },
          {
            "name": "Line",
            "type": "LineAttribute",
            "instance": "LineInstance"
          },
          {
            "name": "List",
            "type": "ListAttribute",
            "instance": "ListInstance"
          },
          {
            "name": "ListItem",
            "type": "ListItemAttribute",
            "instance": "ListItemInstance"
          },
          {
            "name": "ListItemGroup",
            "type": "ListItemGroupAttribute",
            "instance": "ListItemGroupInstance"
          },
          {
            "name": "ArcList",
            "type": "ArcListAttribute",
            "instance": "ArcListInstance"
          },
          {
            "name": "ArcListItem",
            "type": "ArcListItemAttribute",
            "instance": "ArcListItemInstance"
          },
          {
            "name": "LoadingProgress",
            "type": "LoadingProgressAttribute",
            "instance": "LoadingProgressInstance"
          },
          {
            "name": "Marquee",
            "type": "MarqueeAttribute",
            "instance": "MarqueeInstance"
          },
          {
            "name": "Menu",
            "type": "MenuAttribute",
            "instance": "MenuInstance"
          },
          {
            "name": "MenuItem",
            "type": "MenuItemAttribute",
            "instance": "MenuItemInstance"
          },
          {
            "name": "MenuItemGroup",
            "type": "MenuItemGroupAttribute",
            "instance": "MenuItemGroupInstance"
          },
          {
            "name": "Navigation",
            "type": "NavigationAttribute",
            "instance": "NavigationInstance"
          },
          {
            "name": "Navigator",
            "type": "NavigatorAttribute",
            "instance": "NavigatorInstance"
          },
          {
            "name": "Option",
            "type": "OptionAttribute",
            "instance": "OptionInstance"
          },
          {
            "name": "PageTransitionEnter",
            "type": "PageTransitionEnterAttribute",
            "instance": "PageTransitionEnterInstance"
          },
          {
            "name": "PageTransitionExit",
            "type": "PageTransitionExitAttribute",
            "instance": "PageTransitionExitInstance"
          },
          {
            "name": "Panel",
            "type": "PanelAttribute",
            "instance": "PanelInstance"
          },
          {
            "name": "Particle",
            "type": "ParticleAttribute",
            "instance": "ParticleInstance"
          },
          {
            "name": "Path",
            "type": "PathAttribute",
            "instance": "PathInstance"
          },
          {
            "name": "PatternLock",
            "type": "PatternLockAttribute",
            "instance": "PatternLockInstance"
          },
          {
            "name": "Piece",
            "type": "PieceAttribute",
            "instance": "PieceInstance"
          },
          {
            "name": "PluginComponent",
            "type": "PluginComponentAttribute",
            "instance": "PluginComponentInstance"
          },
          {
            "name": "Polygon",
            "type": "PolygonAttribute",
            "instance": "PolygonInstance"
          },
          {
            "name": "Polyline",
            "type": "PolylineAttribute",
            "instance": "PolylineInstance"
          },
          {
            "name": "Progress",
            "type": "ProgressAttribute",
            "instance": "ProgressInstance"
          },
          {
            "name": "QRCode",
            "type": "QRCodeAttribute",
            "instance": "QRCodeInstance"
          },
          {
            "name": "Radio",
            "type": "RadioAttribute",
            "instance": "RadioInstance"
          },
          {
            "name": "Rating",
            "type": "RatingAttribute",
            "instance": "RatingInstance"
          },
          {
            "name": "Rect",
            "type": "RectAttribute",
            "instance": "RectInstance"
          },
          {
            "name": "RelativeContainer",
            "type": "RelativeContainerAttribute",
            "instance": "RelativeContainerInstance"
          },
          {
            "name": "Refresh",
            "type": "RefreshAttribute",
            "instance": "RefreshInstance"
          },
          {
            "name": "RemoteWindow",
            "type": "RemoteWindowAttribute",
            "instance": "RemoteWindowInstance"
          },
          {
            "name": "Row",
            "type": "RowAttribute",
            "instance": "RowInstance"
          },
          {
            "name": "RowSplit",
            "type": "RowSplitAttribute",
            "instance": "RowSplitInstance"
          },
          {
            "name": "RichText",
            "type": "RichTextAttribute",
            "instance": "RichTextInstance"
          },
          {
            "name": "Scroll",
            "type": "ScrollAttribute",
            "instance": "ScrollInstance"
          },
          {
            "name": "ScrollBar",
            "type": "ScrollBarAttribute",
            "instance": "ScrollBarInstance"
          },
          {
            "name": "Search",
            "type": "SearchAttribute",
            "instance": "SearchInstance"
          },
          {
            "name": "Section",
            "type": "SectionAttribute",
            "instance": "SectionInstance"
          },
          {
            "name": "Select",
            "type": "SelectAttribute",
            "instance": "SelectInstance"
          },
          {
            "name": "Shape",
            "type": "ShapeAttribute",
            "instance": "ShapeInstance"
          },
          {
            "name": "Sheet",
            "type": "SheetAttribute",
            "instance": "SheetInstance"
          },
          {
            "name": "SideBarContainer",
            "type": "SideBarContainerAttribute",
            "instance": "SideBarContainerInstance"
          },
          {
            "name": "Slider",
            "type": "SliderAttribute",
            "instance": "SliderInstance"
          },
          {
            "name": "Span",
            "type": "SpanAttribute",
            "instance": "SpanInstance"
          },
          {
            "name": "Stack",
            "type": "StackAttribute",
            "instance": "StackInstance"
          },
          {
            "name": "Stepper",
            "type": "StepperAttribute",
            "instance": "StepperInstance"
          },
          {
            "name": "StepperItem",
            "type": "StepperItemAttribute",
            "instance": "StepperItemInstance"
          },
          {
            "name": "Swiper",
            "type": "SwiperAttribute",
            "instance": "SwiperInstance"
          },
          {
            "name": "TabContent",
            "type": "TabContentAttribute",
            "instance": "TabContentInstance"
          },
          {
            "name": "Tabs",
            "type": "TabsAttribute",
            "instance": "TabsInstance"
          },
          {
            "name": "Text",
            "type": "TextAttribute",
            "instance": "TextInstance"
          },
          {
            "name": "TextPicker",
            "type": "TextPickerAttribute",
            "instance": "TextPickerInstance"
          },
          {
            "name": "TextClock",
            "type": "TextClockAttribute",
            "instance": "TextClockInstance"
          },
          {
            "name": "TextArea",
            "type": "TextAreaAttribute",
            "instance": "TextAreaInstance"
          },
          {
            "name": "TextInput",
            "type": "TextInputAttribute",
            "instance": "TextInputInstance"
          },
          {
            "name": "TextTimer",
            "type": "TextTimerAttribute",
            "instance": "TextTimerInstance"
          },
          {
            "name": "TimePicker",
            "type": "TimePickerAttribute",
            "instance": "TimePickerInstance"
          },
          {
            "name": "Toggle",
            "type": "ToggleAttribute",
            "instance": "ToggleInstance"
          },
          {
            "name": "Video",
            "type": "VideoAttribute",
            "instance": "VideoInstance"
          },
          {
            "name": "Web",
            "type": "WebAttribute",
            "instance": "WebInstance"
          },
          {
            "name": "XComponent",
            "type": "XComponentAttribute",
            "instance": "XComponentInstance"
          },
          {
            "name": "GridRow",
            "type": "GridRowAttribute",
            "instance": "GridRowInterface"
          },
          {
            "name": "GridCol",
            "type": "GridColAttribute",
            "instance": "GridColInterface"
          },
          {
            "name": "ArcAlphabetIndexer",
            "type": "ArcAlphabetIndexerAttribute",
            "instance": "ArcAlphabetIndexerInstance"
          },
          {
            "name": "ArcSwiper",
            "type": "ArcSwiperAttribute",
            "instance": "ArcSwiperInstance"
          }
        ]
      },
      "styles": {
        "decorator": "Styles",
        "component": {
            "name": "Common",
            "type": "T",
            "instance": "CommonInstance"
        },
        "property": "stateStyles"
      },
      "customComponent": "CustomComponent",
      "propertyDecorators": [],
      "emitDecorators": [],
      "libs": []
    },
    "allowJs": false,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "importsNotUsedAsValues": "preserve",
    "noImplicitAny": false,
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": true,
    "module": "commonjs",
    "target": "es2017",
    "types": [],
    "typeRoots": [],
    "lib": [
      "es2020"
    ],
    "alwaysStrict": true
  },
  "exclude": [
    "node_modules"
  ]
}