diff --git a/BUILD.gn b/BUILD.gn
old mode 100755
new mode 100644
index 954f8e873dc6bd98a62fac3041722178724e0a4a..55e3b6c606ef30a718baad9378b1aa35dd05369f
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -12,13 +12,175 @@
 # limitations under the License.
 
 import("//build/ohos.gni")
+import("//build/ohos/notice/notice.gni")
+import("//build/templates/metadata/module_info.gni")
+
+ohos_copy("ets_internal_api") {
+  sources = [
+    "api/@internal/ets/index.d.ts",
+    "api/@internal/global.d.ts",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
+
+ohos_copy("ets_component") {
+  sources = [
+    "api/@internal/component/ets/ability_component.d.ts",
+    "api/@internal/component/ets/alert_dialog.d.ts",
+    "api/@internal/component/ets/alphabet_indexer.d.ts",
+    "api/@internal/component/ets/animator.d.ts",
+    "api/@internal/component/ets/blank.d.ts",
+    "api/@internal/component/ets/button.d.ts",
+    "api/@internal/component/ets/calendar.d.ts",
+    "api/@internal/component/ets/camera.d.ts",
+    "api/@internal/component/ets/circle.d.ts",
+    "api/@internal/component/ets/column.d.ts",
+    "api/@internal/component/ets/column_split.d.ts",
+    "api/@internal/component/ets/common.d.ts",
+    "api/@internal/component/ets/counter.d.ts",
+    "api/@internal/component/ets/custom_dialog_controller.d.ts",
+    "api/@internal/component/ets/datapanel.d.ts",
+    "api/@internal/component/ets/divider.d.ts",
+    "api/@internal/component/ets/ellipse.d.ts",
+    "api/@internal/component/ets/flex.d.ts",
+    "api/@internal/component/ets/forEach.d.ts",
+    "api/@internal/component/ets/form_component.d.ts",
+    "api/@internal/component/ets/geometryView.d.ts",
+    "api/@internal/component/ets/gesture.d.ts",
+    "api/@internal/component/ets/grid.d.ts",
+    "api/@internal/component/ets/gridItem.d.ts",
+    "api/@internal/component/ets/grid_container.d.ts",
+    "api/@internal/component/ets/image.d.ts",
+    "api/@internal/component/ets/image_animator.d.ts",
+    "api/@internal/component/ets/index.d.ts",
+    "api/@internal/component/ets/lazyForEach.d.ts",
+    "api/@internal/component/ets/list.d.ts",
+    "api/@internal/component/ets/listItem.d.ts",
+    "api/@internal/component/ets/loadingProgress.d.ts",
+    "api/@internal/component/ets/navigator.d.ts",
+    "api/@internal/component/ets/navigatorView.d.ts",
+    "api/@internal/component/ets/pageTransition.d.ts",
+    "api/@internal/component/ets/panel.d.ts",
+    "api/@internal/component/ets/path.d.ts",
+    "api/@internal/component/ets/piece.d.ts",
+    "api/@internal/component/ets/polygon.d.ts",
+    "api/@internal/component/ets/polyline.d.ts",
+    "api/@internal/component/ets/progress.d.ts",
+    "api/@internal/component/ets/qrcode.d.ts",
+    "api/@internal/component/ets/radio.d.ts",
+    "api/@internal/component/ets/rating.d.ts",
+    "api/@internal/component/ets/rect.d.ts",
+    "api/@internal/component/ets/row.d.ts",
+    "api/@internal/component/ets/row_split.d.ts",
+    "api/@internal/component/ets/scroll.d.ts",
+    "api/@internal/component/ets/shape.d.ts",
+    "api/@internal/component/ets/slider.d.ts",
+    "api/@internal/component/ets/span.d.ts",
+    "api/@internal/component/ets/stack.d.ts",
+    "api/@internal/component/ets/stateManagement.d.ts",
+    "api/@internal/component/ets/swiper.d.ts",
+    "api/@internal/component/ets/tab_content.d.ts",
+    "api/@internal/component/ets/tabs.d.ts",
+    "api/@internal/component/ets/text.d.ts",
+    "api/@internal/component/ets/toggle.d.ts",
+    "api/@internal/component/ets/video.d.ts",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
+
+ohos_copy("common_api") {
+  sources = [
+    "api/common/@system.app.d.ts",
+    "api/common/@system.battery.d.ts",
+    "api/common/@system.bluetooth.d.ts",
+    "api/common/@system.brightness.d.ts",
+    "api/common/@system.cipher.d.ts",
+    "api/common/@system.configuration.d.ts",
+    "api/common/@system.device.d.ts",
+    "api/common/@system.fetch.d.ts",
+    "api/common/@system.file.d.ts",
+    "api/common/@system.geolocation.d.ts",
+    "api/common/@system.mediaquery.d.ts",
+    "api/common/@system.network.d.ts",
+    "api/common/@system.notification.d.ts",
+    "api/common/@system.package.d.ts",
+    "api/common/@system.prompt.d.ts",
+    "api/common/@system.request.d.ts",
+    "api/common/@system.router.d.ts",
+    "api/common/@system.sensor.d.ts",
+    "api/common/@system.storage.d.ts",
+    "api/common/@system.vibrator.d.ts",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
+
+template("ohos_declaration_template") {
+  forward_variables_from(invoker, "*")
+  action_with_pydeps(target_name) {
+    script = "//interface/sdk-js/remove_internal.py"
+    outputs = [ root_out_dir + "/$target_name/" ]
+    args = [
+      "--input",
+      rebase_path("//interface/sdk-js/api", root_build_dir),
+      "--output",
+      rebase_path(root_out_dir + "/ohos_declaration/$target_name/",
+                  root_build_dir),
+    ]
+  }
+  _module_info_target = "/ohos_declaration/${target_name}_info"
+  _target_name = target_name
+  generate_module_info(_module_info_target) {
+    module_type = "jsdoc"
+    module_install_name = ""
+    module_name = _target_name
+    module_source_dir = root_out_dir + "/ohos_declaration/$_target_name"
+    install_enable = false
+  }
+}
+
+ohos_declaration_template("ohos_declaration_common") {
+}
+ohos_declaration_template("ohos_declaration_phone") {
+}
+ohos_declaration_template("ohos_declaration_tablet") {
+}
+ohos_declaration_template("ohos_declaration_tv") {
+}
+ohos_declaration_template("ohos_declaration_wearable") {
+}
+ohos_declaration_template("ohos_declaration_ets") {
+}
 
 ohos_copy("ace_platform") {
   sources = [
+    "api/common",
     "api/config",
+    "api/liteWearable",
     "api/phone",
+    "api/router",
+    "api/smartVision",
+    "api/tablet",
+    "api/tv",
+    "api/wearable",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
+
+ohos_copy("form_declaration") {
+  sources = [
+    "api/form/action",
+    "api/form/css",
+    "api/form/hml",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
   module_source_dir = target_out_dir + "/$target_name"
   module_install_name = ""
-}
\ No newline at end of file
+}
diff --git a/api/@internal/component/ets/ability_component.d.ts b/api/@internal/component/ets/ability_component.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..06bb6c2d78768190c05f83dd9c480b34b64f9897
--- /dev/null
+++ b/api/@internal/component/ets/ability_component.d.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+import {Want} from "../../../ability/want";
+
+export declare class AbilityController {
+    constructor();
+    startAbility(value: Want);
+    performBackPress();
+    getStackCount();
+}
+
+interface AbilityComponent extends CommonMethod<AbilityComponent> {
+  (value: { want: Want, controller?: AbilityController }): AbilityComponent;
+
+  onReady(event: () => void): AbilityComponent;
+  onDestroy(event: () => void): AbilityComponent;
+  onAbilityCreated(event: (name: string) => void): AbilityComponent;
+  onAbilityMoveToFront(event: () => void): AbilityComponent;
+  onAbilityWillRemove(event: () => void): AbilityComponent;
+}
+
+export declare const AbilityComponentInterface: AbilityComponent;
diff --git a/api/@internal/component/ets/alert_dialog.d.ts b/api/@internal/component/ets/alert_dialog.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..620f47db15360d2d22437bfdba9591eda0e3cfa9
--- /dev/null
+++ b/api/@internal/component/ets/alert_dialog.d.ts
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Resource} from "./common"
+
+interface AlertDialog extends CommonMethod<AlertDialog> {
+    show(value: {
+        title?: string | Resource;
+        message: string | Resource;
+        autoCancel?: boolean;
+        confirm?: {
+            value: string | Resource;
+            action: () => void;
+        };
+        cancel?: () => void;
+    } | {
+        title?: string | Resource;
+        message: string | Resource;
+        autoCancel?: boolean;
+        primaryButton: {
+            value: string | Resource;
+            action: () => void;
+        };
+        secondaryButton: {
+            value: string | Resource;
+            action: () => void;
+        };
+        cancel?: () => void;
+    });
+}
+
+export declare const AlertDialogInterface: AlertDialog;
diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..db74e50e4cf284eb1cde57d1d6ff21a9f618c22a
--- /dev/null
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common";
+import {FontWeight, FontStyle} from "./text";
+
+export declare enum IndexerAlign {
+    Left,
+    Right
+}
+
+interface AlphabetIndexer extends CommonMethod<AlphabetIndexer> {
+  (value: {ArrayValue : Array<string>, selected : number}): AlphabetIndexer;
+
+  onSelected(event: (index: number) => void): AlphabetIndexer;
+
+  color(value: Color | number | string | Resource): AlphabetIndexer;
+
+  selectedColor(value: Color | number | string | Resource): AlphabetIndexer;
+
+  popupColor(value: Color | number | string | Resource): AlphabetIndexer;
+
+  selectedBackgroundColor(value: Color | number | string | Resource): AlphabetIndexer;
+
+  popupBackground(value: Color | number | string | Resource): AlphabetIndexer;
+
+  usingPopup(value: boolean): AlphabetIndexer;
+
+  selectedFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
+
+  popupFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
+
+  iteamSize(value: string | number): AlphabetIndexer;
+
+  font(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
+
+  alignStyle(value: IndexerAlign): AlphabetIndexer;
+}
+
+export declare const AlphabetIndexerInterface: AlphabetIndexer;
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5b2b585be9b07839347aa037032d62c593f87dc0
--- /dev/null
+++ b/api/@internal/component/ets/animator.d.ts
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, AnimationStatus, Curve, FillMode, PlayMode} from "./common";
+
+export declare class SpringProp {
+    constructor(mass: number, stiffness: number, damping: number): SpringProp;
+}
+
+export declare class SpringMotion {
+    constructor(start: number, end: number, velocity: number, prop: SpringProp): SpringMotion;
+}
+
+export declare class FrictionMotion {
+    constructor(friction: number, position: number, velocity: number): FrictionMotion;
+}
+
+export declare class ScrollMotion {
+    constructor(position: number, velocity: number, min: number, max: number, prop: SpringProp): ScrollMotion;
+}
+
+interface Animator extends CommonMethod<Animator> {
+    (value: string): Animator;
+
+    state(value: AnimationStatus): Animator;
+
+    duration(value: number): Animator;
+
+    curve(value: Curve): Animator;
+
+    delay(value: number): Animator;
+
+    fillMode(value: FillMode): Animator;
+
+    iterations(value: number): Animator;
+
+    playMode(value: PlayMode): Animator;
+
+    motion(value: Motion): Animator;
+
+    onStart(event: () => void): Animator;
+
+    onPause(event: () => void): Animator;
+
+    onRepeat(event: () => void): Animator;
+
+    onCancel(event: () => void): Animator;
+
+    onFinish(event: () => void): Animator;
+
+    onFrame(event: (value: number) => void): Animator;
+}
+
+export declare const AnimatorInterface: Animator;
\ No newline at end of file
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..91fcb25f9be5d7aedb4be61b2458ea3517049bbe
--- /dev/null
+++ b/api/@internal/component/ets/blank.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common"
+
+interface Blank extends CommonMethod<Blank> {
+  (min?: number | string): Blank;
+
+  color(value: Color | number | string | Resource): Blank;
+}
+
+export declare const BlankInterface: Blank
\ No newline at end of file
diff --git a/api/@internal/component/ets/button.d.ts b/api/@internal/component/ets/button.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a27720e294d7dac0d8792f5fd9b4207fd7ff487a
--- /dev/null
+++ b/api/@internal/component/ets/button.d.ts
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common"
+import {FontWeight} from "./text"
+
+export declare enum ButtonType {
+  Capsule,
+  Circle,
+  Arc,
+  Normal
+}
+
+interface Button extends CommonMethod<Button> {
+  (): Button;
+
+  (options: { type?: ButtonType, stateEffect?: boolean }): Button;
+
+  (label: string, options?: { type?: ButtonType, stateEffect?: boolean }): Button;
+
+  type(value: ButtonType): Button;
+
+  stateEffect(value: boolean): Button;
+
+  fontColor(value: Color | number | string | Resource): Button;
+
+  fontSize(value: number | string | Resource): Button;
+
+  fontWeight(value: number | FontWeight | string): Button;
+}
+
+export declare const ButtonInterface: Button
diff --git a/api/@internal/component/ets/calendar.d.ts b/api/@internal/component/ets/calendar.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ffc0bf5c26d75d57611e6f68ce5038d610569a0c
--- /dev/null
+++ b/api/@internal/component/ets/calendar.d.ts
@@ -0,0 +1,133 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {Axis, Color, Resource} from "./common";
+
+export interface CalendarDay {
+  index: number;
+  lunarMonth: string;
+  lunarDay: string;
+  dayMark: string;
+  dayMarkValue: string;
+  year: number;
+  month: number;
+  day: number;
+  isFirstOfLunar: boolean;
+  hasSchedule: boolean;
+  markLunarDay: boolean;
+}
+
+export interface MonthData {
+  year: number;
+  month: number;
+  data: CalendarDay[];
+}
+
+export interface CurrentDayStyle {
+  dayColor?: Color | number | string | Resource;
+  lunarColor?: Color | number | string | Resource;
+  markLunarColor?: Color | number | string | Resource;
+  dayFontSize?: number;
+  lunarDayFontSize?: number;
+  dayHeight?: number;
+  dayWidth?: number;
+  gregorianCalendarHeight?: number;
+  dayYAxisOffset?: number;
+  lunarDayYAxisOffset?: number;
+  underscoreXAxisOffset?: number;
+  underscoreYAxisOffset?: number;
+  scheduleMarkerXAxisOffset?: number;
+  scheduleMarkerYAxisOffset?: number;
+  colSpace?: number;
+  dailyFiveRowSpace?: number;
+  dailySixRowSpace?: number;
+  lunarHeight?: number;
+  underscoreWidth?: number;
+  underscoreLength?: number;
+  scheduleMarkerRadius?: number;
+  boundaryRowOffset?: number;
+  boundaryColOffset?: number;
+}
+
+export interface NonCurrentDayStyle {
+  nonCurrentMonthDayColor?: Color | number | string | Resource;
+  nonCurrentMonthLunarColor?: Color | number | string | Resource;
+  nonCurrentMonthWorkDayMarkColor?: Color | number | string | Resource;
+  nonCurrentMonthOffDayMarkColor?: Color | number | string | Resource;
+}
+
+export interface TodayStyle {
+  focusedDayColor?: Color | number | string | Resource;
+  focusedLunarColor?: Color | number | string | Resource;
+  focusedAreaBackgroundColor?: Color | number | string | Resource;
+  focusedAreaRadius?: number;
+}
+
+export interface WeekStyle {
+  weekColor?: Color | number | string | Resource;
+  weekendDayColor?: Color | number | string | Resource;
+  weekendLunarColor?: Color | number | string | Resource;
+  weekFontSize?: number;
+  weekHeight?: number;
+  weekWidth?: number;
+  weekAndDayRowSpace?: number;
+}
+
+export interface WorkStateStyle {
+  workDayMarkColor?: Color | number | string | Resource;
+  offDayMarkColor?: Color | number | string | Resource;
+  workDayMarkSize?: number;
+  offDayMarkSize?: number;
+  workStateWidth?: number;
+  workStateHorizontalMovingDistance?: number;
+  workStateVerticalMovingDistance?: number;
+}
+
+declare class CalendarController {
+    constructor();
+    backToToday();
+}
+
+interface Calendar {
+  (value: { date: { year: number, month: number, day: number }, currentData: MonthData, preData: MonthData, nextData: MonthData, controller?: CalendarController }): Calendar;
+
+  showLunar(value: boolean): Calendar;
+
+  showHoliday(value: boolean): Calendar;
+
+  needSlide(value: boolean): Calendar;
+
+  startOfWeek(value: number): Calendar;
+
+  offDays(value: number): Calendar;
+
+  direction(value: Axis): Calendar;
+
+  currentDayStyle(value: CurrentDayStyle): Calendar;
+
+  nonCurrentDayStyle(value: NonCurrentDayStyle): Calendar;
+
+  todayStyle(value: TodayStyle): Calendar;
+
+  weekStyle(value: WeekStyle): Calendar;
+
+  workStateStyle(value: WorkStateStyle): Calendar;
+
+  onSelectChange(event: (event: { year: number, month: number, day: number }) => void): Calendar;
+
+  onRequestData(event: (event: { year: number, month: number, currentYear: number, currentMonth: number, monthState: number }) => void): Calendar;
+}
+
+export declare const CalendarInterface: Calendar
diff --git a/api/@internal/component/ets/camera.d.ts b/api/@internal/component/ets/camera.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9487797ea65619ace03905162475f64f536cb1b1
--- /dev/null
+++ b/api/@internal/component/ets/camera.d.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare enum DevicePosition {
+  Front,
+  Back
+}
+
+interface Camera extends CommonMethod<Camera> {
+  (value: { id: string, resolutionWidth: number, resolutionHeight: number }): Camera;
+
+  devicePosition(value: DevicePosition): Camera;
+}
+
+export declare const CameraInterface: Camera;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e9808f4d4434d5c48e62b2075994dac0caa693ff
--- /dev/null
+++ b/api/@internal/component/ets/circle.d.ts
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonShapeMethod} from "./common";
+
+interface Circle extends CommonShapeMethod<Circle> {
+  new (value?: { width?: string | number, height?: string | number }): Circle;
+  (value?: { width?: string | number, height?: string | number }): Circle;
+}
+
+export declare const CircleInterface: Circle;
diff --git a/api/@internal/component/ets/column.d.ts b/api/@internal/component/ets/column.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ca4af45cd6cbac67eb25c8282f9796690848e32e
--- /dev/null
+++ b/api/@internal/component/ets/column.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, HorizontalAlignDeclaration, HorizontalAlign} from "./common";
+
+interface Column extends CommonMethod<Column> {
+  (value?: { useAlign?: HorizontalAlignDeclaration, space?: string | number }): Column;
+
+  alignItems(value: HorizontalAlign): Column;
+}
+
+export declare const ColumnInterface: Column;
diff --git a/api/@internal/component/ets/column_split.d.ts b/api/@internal/component/ets/column_split.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5215c007acbbaaf9d1412b6dd23a991dd6e9f71d
--- /dev/null
+++ b/api/@internal/component/ets/column_split.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface ColumnSplit extends CommonMethod<ColumnSplit> {
+  (): ColumnSplit;
+
+  resizeable(value: boolean): ColumnSplit;
+}
+
+export declare const ColumnSplitInterface: ColumnSplit;
diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..736aa5aff695ff0a9fcad3559700e3f3b3084f06
--- /dev/null
+++ b/api/@internal/component/ets/common.d.ts
@@ -0,0 +1,625 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {GestureType, GestureMask} from "./gesture"
+import {Circle} from "./circle";
+import {Ellipse} from "./ellipse";
+import {Path} from "./path";
+import {Rect} from "./rect";
+
+export declare const Component: ClassDecorator;
+export declare const Entry: ClassDecorator;
+export declare const Observed: ClassDecorator;
+export declare const Preview: ClassDecorator;
+export declare const State: PropertyDecorator;
+export declare const Prop: PropertyDecorator;
+export declare const Link: PropertyDecorator;
+export declare const ObjectLink: PropertyDecorator;
+export declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
+export declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
+export declare const StorageProp: (value: string) => PropertyDecorator;
+export declare const StorageLink: (value: string) => PropertyDecorator;
+export declare const Watch: (value: string) => PropertyDecorator;
+export declare const Builder: MethodDecorator;
+declare interface NormalResource {
+  readonly id: number;
+  readonly type: number;
+  readonly params?: any[];
+}
+
+declare interface RawfileResource {
+  readonly fileName: string;
+}
+
+export declare type Resource = RawfileResource | NormalResource;
+
+export declare interface Configuration {
+  readonly colorMode: string;
+  readonly fontScale: number;
+}
+
+declare const isSystemplugin: Function;
+
+// global function
+export declare function $s(value: string, params?: object | Array<any> | number): string;
+
+export declare function $m(value: string): string;
+
+export declare function $r(value: string, ...params: any[]): Resource;
+
+export declare function $rawfile(value: string): Resource;
+
+export declare function animateTo(value: {
+  duration?: number, tempo?: number, curve?: Curve | string,
+  delay?: number, iterations?: number, playMode?: PlayMode, onFinish?: () => void
+}, event: () => void): void;
+
+export declare function vp2px(value: number): number;
+
+export declare function px2vp(value: number): number;
+
+export declare function fp2px(value: number): number;
+
+export declare function px2fp(value: number): number;
+
+export declare function lpx2px(value: number): number;
+
+export declare function px2lpx(value: number): number;
+
+// common enum
+export declare enum Color {
+  White,
+  Black,
+  Blue,
+  Brown,
+  Gray,
+  Green,
+  Grey,
+  Orange,
+  Pink,
+  Red,
+  Yellow
+}
+
+export declare enum ImageFit {
+  Contain,
+  Cover,
+  Auto,
+  Fill,
+  ScaleDown,
+  None
+}
+
+export declare enum BorderStyle {
+  Dotted,
+  Dashed,
+  Solid
+}
+
+export declare enum LineJoinStyle {
+  Miter,
+  Round,
+  Bevel
+}
+
+export declare enum TouchType {
+  Down,
+  Up,
+  Move,
+  Cancel
+}
+
+export declare enum AnimationStatus {
+  Initial,
+  Running,
+  Paused,
+  Stopped
+}
+
+export declare enum Curve {
+  Linear,
+  Ease,
+  EaseIn,
+  EaseOut,
+  EaseInOut,
+  FastOutSlowIn,
+  LinearOutSlowIn,
+  FastOutLinearIn,
+  ExtremeDeceleration,
+  Sharp,
+  Rhythm,
+  Smooth,
+  Friction
+}
+
+export declare enum FillMode {
+  None,
+  Forwards,
+  Backwards,
+  Both
+}
+
+export declare enum PlayMode {
+  Normal,
+  Reverse,
+  Alternate,
+  AlternateReverse
+}
+
+export declare enum BlurStyle {
+  SmallLight,
+  MediumLight,
+  LargeLight,
+  XlargeLight,
+  SmallDark,
+  MediumDark,
+  LargeDark,
+  XlargeDark
+}
+
+export declare enum KeyType {
+  Down,
+  Up,
+  LongPress
+}
+
+export declare enum KeySource {
+  Unknown,
+  Keyboard,
+  Mouse,
+  Dpad,
+  Gamepad,
+  Joystick,
+  TouchScreen,
+  TouchPad,
+  Stylus,
+  Trackball,
+  Knob,
+  Any
+}
+
+export declare enum Edge {
+  Top,
+  Center,
+  Bottom,
+  Baseline,
+  Start,
+  Middle,
+  End
+}
+
+export declare enum Week {
+  Mon,
+  Tue,
+  Wed,
+  Thur,
+  Fri,
+  Sat,
+  Sun,
+}
+
+export declare enum Direction {
+  Ltr,
+  Rtl,
+  Auto
+}
+
+export declare enum BarState {
+  Off,
+  Auto,
+  On
+}
+
+export declare enum EdgeEffect {
+  Spring,
+  Fade,
+  None
+}
+
+export interface ClickEvent {
+  screenX: number;
+  screenY: number;
+  x: number;
+  y: number;
+  timestamp: number;
+}
+
+export interface TouchObject {
+  type: TouchType;
+  id: number;
+  screenX: number;
+  screenY: number;
+  x: number;
+  y: number;
+}
+
+export interface TouchEvent {
+  type: TouchType;
+  touches: TouchObject[];
+  changedTouches: TouchObject[];
+  timestamp: number;
+  stopPropagation?: () => void;
+}
+
+interface PasteData {
+  getPlainText(): string;
+  setPlainText(value: string);
+}
+
+export declare class PixelMap {
+  release(): void;
+}
+
+interface DragEvent {
+  getPasteData(): PasteData;
+  getX(): number;
+  getY(): number;
+  getDescription(): string;
+  setDescription(value: string);
+  setPixmap(value: PixelMap);
+}
+
+export interface KeyEvent {
+  type: KeyType;
+  keyCode: number;
+  keyText: string;
+  keySource: KeySource;
+  deviceId: number;
+  metaKey: number;
+  timestamp: number;
+  stopPropagation?: () => void;
+}
+
+export declare enum Alignment {
+  TopStart,
+  Top,
+  TopEnd,
+  Start,
+  Center,
+  End,
+  BottomStart,
+  Bottom,
+  BottomEnd
+}
+
+export declare enum TransitionType {
+  All,
+  Insert,
+  Delete
+}
+
+export declare enum RelateType {
+  FILL,
+  FIT
+}
+
+export declare enum Visibility {
+  Visible,
+  Hidden,
+  None
+}
+
+export declare enum LineCapStyle {
+  Butt,
+  Round,
+  Square
+}
+
+export declare enum Axis {
+  Vertical,
+  Horizontal
+}
+
+export declare enum HorizontalAlign {
+  Start,
+  Center,
+  End
+}
+
+export declare enum FlexAlign {
+  Start,
+  Center,
+  End,
+  SpaceBetween,
+  SpaceAround,
+  SpaceEvenly
+}
+
+export declare enum ItemAlign {
+  Auto,
+  Start,
+  Center,
+  End,
+  Baseline,
+  Stretch
+}
+
+export declare enum FlexDirection {
+  Row,
+  Column,
+  RowReverse,
+  ColumnReverse
+}
+
+export declare enum FlexWrap {
+  NoWrap,
+  Wrap,
+  WrapReverse
+}
+
+export declare enum VerticalAlign {
+  Top,
+  Center,
+  Bottom
+}
+
+export declare class VerticalAlignDeclaration {
+  constructor(value?: VerticalAlign)
+}
+
+export declare class HorizontalAlignDeclaration {
+  constructor(value?: HorizontalAlign)
+}
+
+export declare enum ImageRepeat {
+  NoRepeat,
+  X,
+  Y,
+  XY
+}
+
+export declare enum ImageSize {
+  Auto,
+  Cover,
+  Contain
+}
+
+export declare enum GradientDirection {
+  Left,
+  Top,
+  Right,
+  Bottom,
+  LeftTop,
+  LeftBottom,
+  RightTop,
+  RightBottom,
+  None
+}
+
+export declare enum SharedTransitionEffectType {
+  Static,
+  Exchange
+}
+
+export declare class CommonMethod<T> {
+  constructor();
+
+  width(value: number | string | Resource): T;
+
+  height(value: number | string | Resource): T;
+
+  size(value: { width?: number | string | Resource, height?: number | string | Resource}): T;
+
+  constraintSize(value: { minWidth?: number | string | Resource, maxWidth?: number | string | Resource, minHeight?: number | string | Resource, maxHeight?: number | string | Resource}): T;
+
+  layoutPriority(value: number | string): T;
+
+  layoutWeight(value: number | string): T;
+
+  padding(value: { top?: number | string | Resource, right?: number | string | Resource, bottom?: number | string | Resource, left?: number | string  | Resource} | number | string | Resource): T;
+
+  margin(value: { top?: number | string | Resource, right?: number | string | Resource, bottom?: number | string | Resource, left?: number | string  | Resource} | number | string | Resource): T;
+
+  backgroundColor(value: Color | number | string | Resource): T;
+
+  backgroundImage(src: string, repeat?: ImageRepeat): T;
+
+  backgroundImageSize(value: { width?: number | string, height?: number | string } | ImageSize): T;
+
+  backgroundImagePosition(value: { x?: number | string, y?: number | string } | Alignment): T;
+
+  opacity(value: number | Resource): T
+
+  border(value: { width?: number | string | Resource, color?: Color | number | string | Resource, radius?: number | string | Resource, style?: BorderStyle }): T;
+
+  borderStyle(value: BorderStyle): T;
+
+  borderWidth(value: number | string | Resource): T;
+
+  borderColor(value: Color | number | string | Resource): T;
+
+  borderRadius(value: number | string | Resource): T;
+
+  navigationTitle(value: string): T;
+
+  navigationSubTitle(value: string): T;
+
+  hideNavigationBar(value: boolean): T;
+
+  hideNavigationBackButton(value: boolean): T;
+
+  toolBar(value: object): T;
+
+  hideToolBar(value: boolean): T;
+
+  onClick(event: (event?: ClickEvent) => void): T;
+
+  onTouch(event: (event?: TouchEvent) => void): T;
+
+  onKeyEvent(event: (event?: KeyEvent) => void): T;
+
+  onPan(event: (event?: any) => void): T;
+
+  animation(value: {
+    duration?: number, tempo?: number, curve?: Curve | string, delay?: number, iterations?: number,
+    playMode?: PlayMode, onFinish?: () => void
+  }): T;
+
+  transition(value: {
+    type?: TransitionType, opacity?: number,
+    translate?: { x?: number | string, y?: number | string, z?: number | string },
+    scale?: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string },
+    rotate?: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string, angle: number | string }
+  }): T;
+
+  gesture(gesture: GestureType, mask?: GestureMask): T;
+
+  priorityGesture(gesture: GestureType, mask?: GestureMask): T;
+
+  parallelGesture(gesture: GestureType, mask?: GestureMask): T;
+
+  blur(value: number): T;
+
+  backdropBlur(value: number): T;
+
+  windowBlur(value: { percent: number, style?: BlurStyle }): T;
+
+  translate(value: { x?: number | string, y?: number | string, z?: number | string }): T;
+
+  scale(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string }): T;
+
+  gridSpan(value: number): T
+
+  gridOffset(value: number): T
+
+  rotate(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string, angle: number | string }): T;
+
+  transform(value: object): T;
+
+  onAppear(event: () => void): T;
+
+  onDisAppear(event: () => void): T;
+
+  visibility(value: Visibility): T;
+
+  flexGrow(value: number): T;
+
+  flexShrink(value: number): T;
+
+  flexBasis(value: number | string): T;
+
+  alignSelf(value: ItemAlign): T;
+
+  displayPriority(value: number): T;
+
+  useAlign(align: HorizontalAlignDeclaration | VerticalAlignDeclaration, value: { side: Edge, offset?: number | string }): T;
+
+  zIndex(value: number): T;
+
+  sharedTransition(id: string, options?: {
+    duration?: number,
+    curve?: Curve | string,
+    delay?: number,
+    motionPath?: {
+      path: string,
+      from?: number,
+      to?: number,
+      rotatable?: boolean
+    },
+    zIndex?: number,
+    type?: SharedTransitionEffectType,
+  }): T;
+
+  direction(value: Direction): T;
+
+  align(value: Alignment): T;
+
+  position(value: { x?: number | string, y?: number | string }): T;
+
+  markAnchor(value: { x?: number | string, y?: number | string }): T;
+
+  offset(value: { x?: number | string, y?: number | string }): T;
+
+  enabled(value: boolean): T;
+
+  useSizeType(value: {
+    xs?: number | { span: number, offset: number },
+    sm?: number | { span: number, offset: number },
+    md?: number | { span: number, offset: number },
+    lg?: number | { span: number, offset: number }
+  }): T;
+
+  aspectRatio(value: number): T;
+
+  onDrag(event: (event?: DragEvent) => void): T;
+
+  onDragEnter(event: (event?: DragEvent) => void): T;
+
+  onDragMove(event: (event?: DragEvent) => void): T;
+
+  onDragLeave(event: (event?: DragEvent) => void): T;
+
+  onDrop(event: (event?: DragEvent) => void): T;
+
+  overlay(value: string, options?: { align?: Alignment, offset?: { x?: number, y?: number } }): T;
+
+  linearGradient(value: { angle?: number | string, direction?: GradientDirection, colors: Array<any>, repeating?: boolean }): T;
+
+  sweepGradient(value: { center: Array<any>, start?: number | string, end?: number | string, rotation?: number | string, colors: Array<any>, repeating?: boolean }): T;
+
+  radialGradient(value: { center: Array<any>, radius: number | string, colors: Array<any>, repeating?: boolean }): T;
+
+  motionPath(value: { path: string, from?: number, to?: number, rotatable?: boolean }): T;
+
+  shadow(value: { radius: number | Resource, color?: Color | string | Resource, offsetX?: number, offsetY?: number}): T;
+
+  clip(value: boolean | Circle | Ellipse | Path | Rect): T;
+
+  mask(value: Circle | Ellipse | Path | Rect): T;
+
+  accessibilityGroup(value: boolean): T;
+
+  accessibilityText(value: string): T;
+
+  accessibilityDescription(value: string): T;
+
+  accessibilityImportance(value: string): T;
+
+  onAccessibility(callback: (event?: { eventType: number }) => void): T;
+}
+
+export declare class CommonShapeMethod<T> extends CommonMethod<T> {
+  constructor();
+
+  stroke(value: Color | number | string | Resource): T;
+
+  fill(value: Color | number | string | Resource): T;
+
+  strokeDashOffset(value: number | string): T;
+
+  strokeLineCap(value: LineCapStyle): T;
+
+  strokeLineJoin(value: LineJoinStyle): T;
+
+  strokeMiterLimit(value: number | string): T;
+
+  strokeOpacity(value: number | string | Resource): T;
+
+  fillOpacity(value: number | string | Resource): T;
+
+  strokeWidth(value: number | string): T;
+
+  antiAlias(value: boolean): T;
+
+  strokeDashArray(value: Array<any>): T
+}
+
+export declare class CustomComponent<T> {
+  build(): void;
+
+  private aboutToAppear?(): void;
+
+  private aboutToDisappear?(): void;
+}
diff --git a/api/@internal/component/ets/counter.d.ts b/api/@internal/component/ets/counter.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2b4f863b0da0d0eb1c9f80d54662943519917201
--- /dev/null
+++ b/api/@internal/component/ets/counter.d.ts
@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface Counter extends CommonMethod<Counter> {
+  (): Counter;
+
+  onStateChange(event: () => void): Counter;
+
+  onInc(event: () => void): Counter;
+
+  onDec(event: () => void): Counter;
+}
+
+export declare const CounterInterface: Counter;
diff --git a/api/@internal/component/ets/custom_dialog_controller.d.ts b/api/@internal/component/ets/custom_dialog_controller.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..52389f76a82a58d89609ab05d1b5c93ced0756f8
--- /dev/null
+++ b/api/@internal/component/ets/custom_dialog_controller.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare const CustomDialog: ClassDecorator;
+
+export declare class CustomDialogController {
+    constructor(value: { builder: any, cancel?: () => void, autoCancel?: boolean });
+    open();
+    close();
+}
diff --git a/api/@internal/component/ets/datapanel.d.ts b/api/@internal/component/ets/datapanel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c675fd2a8a08adaa01348400420feba0ab92d4c2
--- /dev/null
+++ b/api/@internal/component/ets/datapanel.d.ts
@@ -0,0 +1,23 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import {CommonMethod} from "./common";
+
+interface DataPanel extends CommonMethod<DataPanel> {
+    (options: {values: number[], max?: number}): DataPanel;
+    closeEffect(value: boolean): DataPanel;
+}
+
+export declare const DataPanelInterface: DataPanel;
diff --git a/api/@internal/component/ets/divider.d.ts b/api/@internal/component/ets/divider.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..70d01add968c5ccf233cb8655b695774a3595f9b
--- /dev/null
+++ b/api/@internal/component/ets/divider.d.ts
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, LineCapStyle, Resource} from "./common";
+
+interface Divider extends CommonMethod<Divider> {
+  (): Divider;
+
+  vertical(value: boolean): Divider;
+
+  color(value: Color | number | string | Resource): Divider;
+
+  strokeWidth(value: number | string): Divider;
+
+  lineCap(value: LineCapStyle): Divider;
+}
+
+export declare const DividerInterface: Divider;
diff --git a/api/@internal/component/ets/ellipse.d.ts b/api/@internal/component/ets/ellipse.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a2497b768cf6fe85e1ce9d00646b9ffde732fdf
--- /dev/null
+++ b/api/@internal/component/ets/ellipse.d.ts
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonShapeMethod} from "./common";
+
+interface Ellipse extends CommonShapeMethod<Ellipse> {
+  new (value?: { width?: string | number, height?: string | number }): Ellipse;
+  (value?: { width?: string | number, height?: string | number }): Ellipse;
+}
+
+export declare const EllipseInterface: Ellipse;
diff --git a/api/@internal/component/ets/flex.d.ts b/api/@internal/component/ets/flex.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..badc2194d3207f926027bc8b575a02862035c150
--- /dev/null
+++ b/api/@internal/component/ets/flex.d.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, FlexDirection, FlexWrap, FlexAlign, ItemAlign} from "./common";
+
+interface Flex extends CommonMethod<Flex> {
+  (value?: {
+    direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: FlexAlign,
+    alignItems?: ItemAlign, alignContent?: FlexAlign
+  }): Flex;
+}
+
+export declare const FlexInterface: Flex;
diff --git a/api/@internal/component/ets/forEach.d.ts b/api/@internal/component/ets/forEach.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a6c6da6b3ff2ec4eea92b2798a55eb03144325e7
--- /dev/null
+++ b/api/@internal/component/ets/forEach.d.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+interface ForEach {
+  (arr: Array<any>, itemGenerator: (item: any, index?: number) => void,
+   keyGenerator?: (item: any, index?: number) => string): ForEach;
+}
+
+export declare const ForEachInterface: ForEach;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..77243d3e9e5bffc1756ff896ed88800067f25c1f
--- /dev/null
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Visibility} from "./common";
+
+export declare enum FormDimension {
+  Dimension_1_2,
+  Dimension_2_2,
+  Dimension_2_4,
+  Dimension_4_4
+}
+
+interface FormComponent extends CommonMethod<FormComponent> {
+  (value: {id: number, name: string, bundle: string, ability: string, module: string, dimension?: FormDimension}): FormComponent;
+
+  size(value: {width: number, height: number}): FormComponent;
+
+  moduleName(value: string): FormComponent;
+
+  dimension(value: FormDimension): FormComponent;
+
+  allowUpdate(value: boolean): FormComponent;
+
+  visibility(value: Visibility): FormComponent;
+
+  onAcquired(callback: (info: {id: number}) => void): FormComponent;
+
+  onError(callback: (info: {errcode: number, msg: string}) => void): FormComponent;
+
+  onRouter(callback: (info: any) => void): FormComponent;
+}
+
+export declare const FormComponentInterface: FormComponent;
diff --git a/api/@internal/component/ets/geometryView.d.ts b/api/@internal/component/ets/geometryView.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2a99abf732c2da4e7f0acbb6f64280a26e76de4c
--- /dev/null
+++ b/api/@internal/component/ets/geometryView.d.ts
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface GeometryView extends CommonMethod<GeometryView> {
+  (callback: (geometry?: any) => void): GeometryView;
+}
+
+export declare const GeometryViewInterface: GeometryView;
diff --git a/api/@internal/component/ets/gesture.d.ts b/api/@internal/component/ets/gesture.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4527d5200193c88416b5b7eab1af38a5c56776b7
--- /dev/null
+++ b/api/@internal/component/ets/gesture.d.ts
@@ -0,0 +1,137 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export declare enum GestureDirection {
+  All,
+  Horizontal,
+  Vertical
+}
+
+export declare enum PanDirection {
+    None,
+    Horizontal,
+    Left,
+    Right,
+    Vertical,
+    Up,
+    Down,
+    All
+}
+
+export declare enum GestureMode {
+  Sequence,
+  Parallel,
+  Exclusive
+}
+
+export declare enum GestureMask {
+  Normal,
+  IgnoreInternal
+}
+
+export declare type GestureType =
+  TapGesture
+  | LongPressGesture
+  | PanGesture
+  | PinchGesture
+  | RotationGesture
+  | GestureGroup
+
+export interface GestureEvent {
+  repeat: boolean;
+  offsetX: number;
+  offsetY: number;
+  scale: number;
+  angle: number;
+  timestamp: number;
+  globalX: number;
+  globalY: number;
+  localX: number;
+  localY: number;
+  pinchCenterX: number;
+  pinchCenterY: number;
+}
+
+interface TapGesture {
+  (value?: { count?: number, fingers?: number }): TapGesture;
+
+  onAction(event: (event?: GestureEvent) => void): TapGesture;
+}
+
+interface LongPressGesture {
+  (value?: { fingers?: number, repeat?: boolean, duration?: number }): LongPressGesture;
+
+  onAction(event: (event?: GestureEvent) => void): LongPressGesture;
+
+  onActionEnd(event: (event?: GestureEvent) => void): LongPressGesture;
+
+  onActionCancel(event: () => void): LongPressGesture;
+}
+
+export declare class PanGestureOption {
+  constructor(value?: { fingers?: number, direction?: PanDirection, distance?: number });
+  setDirection(value: PanDirection);
+  setDistance(value: number);
+  setFingers(value: number);
+}
+
+interface PanGesture {
+  (value?: { fingers?: number, direction?: PanDirection, distance?: number } | PanGestureOption): PanGesture;
+
+  onActionStart(event: (event?: GestureEvent) => void): PanGesture;
+
+  onActionUpdate(event: (event?: GestureEvent) => void): PanGesture;
+
+  onActionEnd(event: (event?: GestureEvent) => void): PanGesture;
+
+  onActionCancel(event: () => void): PanGesture;
+}
+
+interface PinchGesture {
+  (value?: { fingers?: number, distance?: number }): PinchGesture;
+
+  onActionStart(event: (event?: GestureEvent) => void): PinchGesture;
+
+  onActionUpdate(event: (event?: GestureEvent) => void): PinchGesture;
+
+  onActionEnd(event: (event?: GestureEvent) => void): PinchGesture;
+
+  onActionCancel(event: () => void): PinchGesture;
+}
+
+interface RotationGesture {
+  (value?: { fingers?: number, angle?: number }): RotationGesture;
+
+  onActionStart(event: (event?: GestureEvent) => void): RotationGesture;
+
+  onActionUpdate(event: (event?: GestureEvent) => void): RotationGesture;
+
+  onActionEnd(event: (event?: GestureEvent) => void): RotationGesture;
+
+  onActionCancel(event: () => void): RotationGesture;
+}
+
+interface GestureGroup {
+  (mode: GestureMode, ...gesture: GestureType[]): GestureGroup;
+
+  onCancel(event: () => void): GestureGroup;
+}
+
+export declare const TapGestureInterface: TapGesture;
+export declare const LongPressGestureInterface: LongPressGesture;
+export declare const PanGestureInterface: PanGesture;
+export declare const PinchGestureInterface: PinchGesture;
+export declare const RotationGestureInterface: RotationGesture;
+export declare const GestureGroupInterface: GestureGroup;
diff --git a/api/@internal/component/ets/grid.d.ts b/api/@internal/component/ets/grid.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..426aacc3ceecf7c67319439724fa9c5e583a1de2
--- /dev/null
+++ b/api/@internal/component/ets/grid.d.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, BarState, Color} from "./common";
+import {Scroller} from "./scroll";
+
+interface Grid extends CommonMethod<Grid> {
+  (scroller?: Scroller): Grid;
+
+  columnsTemplate(value: string): Grid;
+
+  rowsTemplate(value: string): Grid;
+
+  columnsGap(value: number | string): Grid;
+
+  rowsGap(value: number | string): Grid;
+
+  scrollBarWidth(value: number | string): Grid;
+
+  scrollBarColor(value: Color | number | string): Grid;
+
+  scrollBar(value: BarState): Grid;
+
+  onScrollIndex(event: (first: number) => void): Grid;
+}
+
+export declare const GridInterface: Grid;
diff --git a/api/@internal/component/ets/gridItem.d.ts b/api/@internal/component/ets/gridItem.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..865d3a1d68b89227912d70ca1d22028288a9c4e1
--- /dev/null
+++ b/api/@internal/component/ets/gridItem.d.ts
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface GridItem extends CommonMethod<GridItem> {
+  (): GridItem;
+
+  rowStart(value: number): GridItem;
+
+  rowEnd(value: number): GridItem;
+
+  columnStart(value: number): GridItem;
+
+  columnEnd(value: number): GridItem;
+
+  forceRebuild(value: boolean): GridItem;
+}
+
+export declare const GridItemInterface: GridItem;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..55ca7fb72f4f7b3ea2d288a27ded05c74cf8ad11
--- /dev/null
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {Column} from "./column";
+
+export declare enum SizeType {
+  Auto,
+  XS,
+  SM,
+  MD,
+  LG
+}
+
+interface GridContainer extends Column {
+  (
+    value?: {
+      columns?: number | 'auto',
+      sizeType?: SizeType,
+      gutter?: number | string,
+      margin?: number | string
+    }
+  ): GridContainer;
+}
+
+export declare const GridContainerInterface: GridContainer;
\ No newline at end of file
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..abe057ea2d2e9e0e2b3836ed9bd3e354cd580962
--- /dev/null
+++ b/api/@internal/component/ets/image.d.ts
@@ -0,0 +1,60 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, ImageRepeat, ImageFit, Resource, PixelMap} from "./common";
+
+export declare enum ImageRenderMode {
+  Original,
+  Template
+}
+
+export declare enum ImageInterpolation {
+  None,
+  Low,
+  Medium,
+  High
+}
+
+interface Image extends CommonMethod<Image> {
+  (src: string | PixelMap | Resource): Image;
+
+  alt(value: string | Resource): Image;
+
+  matchTextDirection(value: boolean): Image;
+
+  fitOriginalSize(value: boolean): Image;
+
+  fillColor(value: Color | number | string | Resource): Image;
+
+  objectFit(value: ImageFit): Image;
+
+  objectRepeat(value: ImageRepeat): Image;
+
+  autoResize(value: boolean): Image;
+
+  renderMode(value: ImageRenderMode): Image;
+
+  interpolation(value: ImageInterpolation): Image;
+
+  sourceSize(value: { width: number, height: number }): Image;
+
+  onComplete(callback: (event?: { width: number, height: number, componentWidth: number, componentHeight: number, loadingStatus: number }) => void): Image;
+
+  onError(callback: (event?: { componentWidth: number, componentHeight: number }) => void): Image;
+
+  onFinish(event: () => void): Image;
+}
+
+export declare const ImageInterface: Image;
diff --git a/api/@internal/component/ets/image_animator.d.ts b/api/@internal/component/ets/image_animator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..896a4688040516787a9ca9cc6a1849fadf3bcb2d
--- /dev/null
+++ b/api/@internal/component/ets/image_animator.d.ts
@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, AnimationStatus} from "./common";
+
+interface ImageAnimator extends CommonMethod<ImageAnimator> {
+  (): ImageAnimator;
+
+  images(value: Array<{
+    src: string, width?: number | string, height?: number | string, top?: number | string, left?:
+      number | string, duration?: number
+  }>): ImageAnimator;
+
+  state(value: AnimationStatus): ImageAnimator;
+
+  duration(value: number): ImageAnimator;
+
+  reverse(value: boolean): ImageAnimator;
+
+  fixedSize(value: boolean): ImageAnimator;
+
+  preDecode(value: number): ImageAnimator;
+
+  fillMode(value: FillMode): ImageAnimator;
+
+  iterations(value: number): ImageAnimator;
+
+  onStart(event: () => void): ImageAnimator;
+
+  onPause(event: () => void): ImageAnimator;
+
+  onRepeat(event: () => void): ImageAnimator;
+
+  onCancel(event: () => void): ImageAnimator;
+
+  onFinish(event: () => void): ImageAnimator;
+}
+
+export declare const ImageAnimatorInterface: ImageAnimator;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..68cee499752f6a958958bd548e0a1b3f7ac41e69
--- /dev/null
+++ b/api/@internal/component/ets/index.d.ts
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export * from './ability_component';
+export * from './alert_dialog';
+export * from './alphabet_indexer';
+export * from './animator';
+export * from './blank';
+export * from './button';
+export * from './calendar';
+export * from './camera';
+export * from './circle';
+export * from './column';
+export * from './column_split';
+export * from './common';
+export * from './counter';
+export * from './custom_dialog_controller';
+export * from './divider';
+export * from './ellipse';
+export * from './flex';
+export * from './forEach';
+export * from './form_component';
+export * from './geometryView';
+export * from './gesture';
+export * from './grid';
+export * from './gridItem';
+export * from './grid_container';
+export * from './image';
+export * from './image_animator';
+export * from './lazyForEach';
+export * from './list';
+export * from './listItem';
+export * from './loadingProgress';
+export * from './navigator';
+export * from './navigatorView';
+export * from './pageTransition';
+export * from './panel';
+export * from './path';
+export * from './piece';
+export * from './qrcode';
+export * from './rating';
+export * from './rect';
+export * from './row';
+export * from './row_split';
+export * from './scroll';
+export * from './shape';
+export * from './slider';
+export * from './span';
+export * from './stack';
+export * from './stateManagement';
+export * from './swiper';
+export * from './tab_content';
+export * from './tabs';
+export * from './text';
+export * from './toggle';
+export * from './video';
+export * from './progress';
+export * from './polygon';
+export * from './polyline';
+export * from './radio';
+export * from './datapanel';
diff --git a/api/@internal/component/ets/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c8a9d5b23651aa0523d1096144dad42ca3b374ac
--- /dev/null
+++ b/api/@internal/component/ets/inspector.d.ts
@@ -0,0 +1,11 @@
+/**
+ * Get inspector node infos.
+ * @test
+ */
+declare function getInspectorNodes(): object;
+
+/**
+ * Get inspector node info by node id.
+ * @test
+ */
+declare function getInspectorNodeById(id: number): object;
\ No newline at end of file
diff --git a/api/@internal/component/ets/lazyForEach.d.ts b/api/@internal/component/ets/lazyForEach.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4f3328c6675173a844f30aef0719f74558b7a582
--- /dev/null
+++ b/api/@internal/component/ets/lazyForEach.d.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export declare interface DataChangeListener {
+  onDataReloaded(): void;
+
+  onDataAdded(index: number): void;
+  onDataMoved(from: number, to: number): void;
+  onDataDeleted(index:number): void;
+  onDataChanged(index:number): void;
+}
+
+export declare interface IDataSource {
+  totalCount(): number;
+  getData(index: number): any;
+  registerDataChangeListener(listener: DataChangeListener): void;
+  unregisterDataChangeListener(listener: DataChangeListener): void;
+}
+
+interface LazyForEach {
+  (dataSource: IDataSource, itemGenerator: (item: any, index?: number) => void,
+    keyGenerator?: (item: any, index?: number) => string): LazyForEach;
+}
+
+export declare const LazyForEachInterface: LazyForEach;
diff --git a/api/@internal/component/ets/list.d.ts b/api/@internal/component/ets/list.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ef3501ec224f24b682da1d957e409994942e236e
--- /dev/null
+++ b/api/@internal/component/ets/list.d.ts
@@ -0,0 +1,72 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Axis, Color, Resource} from "./common";
+import {Scroller} from "./scroll";
+
+export declare enum BarState {
+  Off,
+  Auto,
+  On
+}
+
+export declare enum EdgeEffect {
+  Spring,
+  Fade,
+  None
+}
+
+export declare enum ScrollState {
+  Idle,
+  Scroll,
+  Fling
+}
+
+interface List extends CommonMethod<List> {
+  (value?: { initialIndex?: number, space?: number | string, scroller?: Scroller }): List;
+
+  listDirection(value: Axis): List;
+
+  scrollBar(value: BarState): List;
+
+  edgeEffect(value: EdgeEffect): List;
+
+  divider(value: {
+    strokeWidth: number | string | Resource, color?: Color | number | string | Resource,
+    startMargin?: number | string | Resource, endMargin?: number | string | Resource
+  } | null): List;
+
+  editMode(value: boolean): List;
+
+  cachedCount(value: number): List;
+
+  chainAnimation(value: boolean): List;
+
+  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): List;
+
+  onScrollIndex(event: (start: number, end: number) => void): List;
+
+  onReachStart(event: () => void): List;
+
+  onReachEnd(event: () => void): List;
+
+  onScrollStop(event: () => void): List;
+
+  onItemDelete(event: (index: number) => boolean): List;
+
+  onItemMove(event: (from: number, to: number) => boolean): List;
+}
+
+export declare const ListInterface: List;
diff --git a/api/@internal/component/ets/listItem.d.ts b/api/@internal/component/ets/listItem.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0bef157255b4b57271cd3a291cce47763812e187
--- /dev/null
+++ b/api/@internal/component/ets/listItem.d.ts
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare enum Sticky {
+  None,
+  Normal,
+  Opacity,
+}
+
+interface ListItem extends CommonMethod<ListItem> {
+  (value?: string): ListItem;
+
+  sticky(value: Sticky): ListItem;
+
+  editable(value: boolean): ListItem;
+}
+
+export declare const ListItemInterface: ListItem;
diff --git a/api/@internal/component/ets/loadingProgress.d.ts b/api/@internal/component/ets/loadingProgress.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..61722c1d9aecb2bc970845f961379ca4ede1a2d1
--- /dev/null
+++ b/api/@internal/component/ets/loadingProgress.d.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common";
+
+export declare enum LoadingProgressStyle{
+  Default,
+  Circular,
+  Orbital,
+}
+
+interface LoadingProgress extends CommonMethod<LoadingProgress> {
+  (): LoadingProgress;
+  color(value: Color | Resource): LoadingProgress;
+}
+
+export declare const LoadingProgressInterface: LoadingProgress;
diff --git a/api/@internal/component/ets/navigator.d.ts b/api/@internal/component/ets/navigator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f94f0d95c7713f8f8ed75df1e4b777526e7a2303
--- /dev/null
+++ b/api/@internal/component/ets/navigator.d.ts
@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare enum NavigationType {
+  Push,
+  Back,
+  Replace
+}
+
+interface Navigator extends CommonMethod<Navigator> {
+  (value?: { target: string, type?: NavigationType }): Navigator;
+
+  (): Navigator;
+
+  active(value: boolean): Navigator;
+
+  type(value: NavigationType): Navigator;
+
+  target(value: string): Navigator;
+
+  params(value: object): Navigator;
+}
+
+export declare const NavigatorInterface: Navigator;
diff --git a/api/@internal/component/ets/navigatorView.d.ts b/api/@internal/component/ets/navigatorView.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..eabdb77b83569efca671dba6854be9eeefccf819
--- /dev/null
+++ b/api/@internal/component/ets/navigatorView.d.ts
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface NavigationView extends CommonMethod<NavigationView> {
+  (): NavigationView;
+}
+
+export declare const NavigationViewInterface: NavigationView;
diff --git a/api/@internal/component/ets/pageTransition.d.ts b/api/@internal/component/ets/pageTransition.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fc7c52cf0fe1a6396b1c05992754655e613efc6c
--- /dev/null
+++ b/api/@internal/component/ets/pageTransition.d.ts
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {Curve} from "./common";
+
+export declare enum RouteType {
+  None,
+  Push,
+  Pop
+}
+
+export declare enum SlideEffect {
+  Left,
+  Right,
+  Top,
+  Bottom
+}
+
+export declare class CommonTransition<T> {
+  constructor();
+
+  slide(value: SlideEffect): T;
+
+  translate(value: { x?: number | string, y?: number | string, z?: number | string }): T;
+
+  scale(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string }): T;
+
+  opacity(value: number): T;
+}
+
+export interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
+  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): PageTransitionEnter;
+
+  onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnter;
+}
+
+export interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
+  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): PageTransitionExit;
+
+  onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExit;
+}
+
+export declare const PageTransitionEnterInterface: PageTransitionEnter;
+export declare const PageTransitionExitInterface: PageTransitionExit;
\ No newline at end of file
diff --git a/api/@internal/component/ets/panel.d.ts b/api/@internal/component/ets/panel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dd2e5e9b3a0161b4815e83645d07fa71df70f582
--- /dev/null
+++ b/api/@internal/component/ets/panel.d.ts
@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare enum PanelMode {
+  Mini,
+  Half,
+  Full
+}
+
+export declare enum PanelType {
+  Minibar,
+  Foldable,
+  Temporary
+}
+
+interface Panel extends CommonMethod<Panel> {
+  (show: boolean): Panel;
+
+  mode(value: PanelMode): Panel;
+
+  type(value: PanelType): Panel;
+
+  dragBar(value: boolean): Panel;
+
+  fullHeight(value: number | string): Panel;
+
+  halfHeight(value: number | string): Panel;
+
+  miniHeight(value: number | string): Panel;
+
+  show(value: boolean): Panel;
+
+  onChange(event: (width: number, height: number, mode: PanelMode) => void): Panel;
+}
+
+export declare const PanelInterface: Panel;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dc60b68e7ebedbd13bffc8a4cade48fc8bab48e7
--- /dev/null
+++ b/api/@internal/component/ets/path.d.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonShapeMethod} from "./common";
+
+interface Path extends CommonShapeMethod<Path> {
+  new (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
+  (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
+
+  commands(value: string): Path;
+}
+
+export declare const PathInterface: Path;
diff --git a/api/@internal/component/ets/piece.d.ts b/api/@internal/component/ets/piece.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8eeda1b7d98fdb98dcd8b7fdb85b69e854af4db3
--- /dev/null
+++ b/api/@internal/component/ets/piece.d.ts
@@ -0,0 +1,28 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import {CommonMethod} from "./common";
+
+export declare enum IconPosition {
+  Start,
+  End
+}
+
+interface Piece extends CommonMethod<Piece> {
+  (options?: {content: string, icon?: string}): Piece;
+  iconPosition(value: IconPosition): Piece;
+}
+
+export declare const PieceInterface: Piece;
\ No newline at end of file
diff --git a/api/@internal/component/ets/polygon.d.ts b/api/@internal/component/ets/polygon.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..05e5af8bf9966a93327595c259e1698607116203
--- /dev/null
+++ b/api/@internal/component/ets/polygon.d.ts
@@ -0,0 +1,24 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import {CommonShapeMethod} from "./common";
+
+interface Polygon extends CommonShapeMethod<Polygon> {
+    (): Polygon;
+    (value?: { width?: string | number, height?: string | number }): Polygon;
+    points(value: Array<any>): Polygon;
+}
+
+export declare const PolygonInterface: Polygon;
\ No newline at end of file
diff --git a/api/@internal/component/ets/polyline.d.ts b/api/@internal/component/ets/polyline.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e0b886ac5a5913d6bd205b4fbfe0d5917a17638a
--- /dev/null
+++ b/api/@internal/component/ets/polyline.d.ts
@@ -0,0 +1,24 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import {CommonShapeMethod} from "./common";
+
+interface Polyline extends CommonShapeMethod<Polyline> {
+    (): Polyline;
+    (value?: { width?: string | number, height?: string | number }): Polyline;
+    points(value: Array<any>): Polyline;
+}
+
+export declare const PolylineInterface: Polyline;
\ No newline at end of file
diff --git a/api/@internal/component/ets/progress.d.ts b/api/@internal/component/ets/progress.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e936c3ae25f80107292c2fdad840ab34ab8217ad
--- /dev/null
+++ b/api/@internal/component/ets/progress.d.ts
@@ -0,0 +1,32 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import { CommonMethod, Color } from "./common";
+
+export declare enum ProgressStyle {
+    Linear,
+    Capsule,
+    Eclipse,
+    Circular,
+}
+
+interface Progress extends CommonMethod<Progress> {
+    (object: { value: number, total?: number, style?: ProgressStyle }): Progress;
+    value(value: number): Progress;
+    color(value: Color): Progress;
+    cricularStyle(value: { strokeWidth?: number, scaleCount?: number, scaleWidth?: number }): Progress;
+}
+
+export declare const ProgressInterface: Progress;
\ No newline at end of file
diff --git a/api/@internal/component/ets/qrcode.d.ts b/api/@internal/component/ets/qrcode.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bed92f321d0f4921a6c844f419901111b863ed42
--- /dev/null
+++ b/api/@internal/component/ets/qrcode.d.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common";
+
+interface QRCode extends CommonMethod<QRCode> {
+  (value: string): QRCode;
+
+  color(value: Color | number | string | Resource): QRCode;
+  backgroundColor(value: Color | number | string | Resource): QRCode;
+}
+
+export declare const QRCodeInterface: QRCode;
diff --git a/api/@internal/component/ets/radio.d.ts b/api/@internal/component/ets/radio.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0c47a28ea3b3b91258dc82f99edf78affebce145
--- /dev/null
+++ b/api/@internal/component/ets/radio.d.ts
@@ -0,0 +1,24 @@
+/*
+  * Copyright (c) 2021 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.
+  */
+
+import {CommonMethod} from "./common";
+
+interface Radio extends CommonMethod<Radio> {
+    (options: {value: string}): Radio;
+    checked(value: boolean): Radio;
+    onChange(callback: (isChecked: boolean) => void): Radio;
+}
+
+export declare const RadioInterface: Radio;
diff --git a/api/@internal/component/ets/rating.d.ts b/api/@internal/component/ets/rating.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4c56e0107016f16975e27fbb93e7e7ec68534c3f
--- /dev/null
+++ b/api/@internal/component/ets/rating.d.ts
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface Rating extends CommonMethod<Rating> {
+  (options?: {rating: number, indicator?: boolean}): Rating;
+  stars(value: number): Rating;
+  stepSize(value: number): Rating;
+  starStyle(value: {backgroundUri: string, foregroundUri: string, secondaryUri?: string}): Rating;
+  onChange(callback:(value: number) => void): Rating;
+}
+
+export declare const RatingInterface: Rating;
\ No newline at end of file
diff --git a/api/@internal/component/ets/rect.d.ts b/api/@internal/component/ets/rect.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..683220de42ac3345b26115f2fb2473b813718627
--- /dev/null
+++ b/api/@internal/component/ets/rect.d.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonShapeMethod} from "./common";
+
+interface Rect extends CommonShapeMethod<Rect> {
+  new (value?: { width?: number | string, height?: number | string, radius?: number | string | Array<any> } |
+    {
+      width?: number | string, height?: number | string, radiusWidth?: number | string,
+      radiusHeight?: number | string
+    }): Rect;
+  (value?: { width?: number | string, height?: number | string, radius?: number | string | Array<any> } |
+    {
+      width?: number | string, height?: number | string, radiusWidth?: number | string,
+      radiusHeight?: number | string
+    }): Rect;
+
+  radiusWidth(value: number | string): Rect;
+
+  radiusHeight(value: number | string): Rect;
+
+  radius(value: number | string | Array<any>): Rect;
+}
+
+export declare const RectInterface: Rect;
diff --git a/api/@internal/component/ets/row.d.ts b/api/@internal/component/ets/row.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4a8f55faa5e2ae4d7a98e2234aa1fb6dcdac10c7
--- /dev/null
+++ b/api/@internal/component/ets/row.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, VerticalAlign, VerticalAlignDeclaration} from "./common";
+
+interface Row extends CommonMethod<Row> {
+  (value?: { space?: string | number, useAlign?: VerticalAlignDeclaration }): Row;
+
+  alignItems(value: VerticalAlign): Row;
+}
+
+export declare const RowInterface: Row;
diff --git a/api/@internal/component/ets/row_split.d.ts b/api/@internal/component/ets/row_split.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4e0c1738519289f43fccd2e2300fbfc14e98a0bd
--- /dev/null
+++ b/api/@internal/component/ets/row_split.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface RowSplit extends CommonMethod<RowSplit> {
+  (): RowSplit;
+
+  resizeable(value: boolean): RowSplit;
+}
+
+export declare const RowSplitInterface: RowSplit;
diff --git a/api/@internal/component/ets/scroll.d.ts b/api/@internal/component/ets/scroll.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f2f3b094688fe140e525fae52f6c61830b0d6214
--- /dev/null
+++ b/api/@internal/component/ets/scroll.d.ts
@@ -0,0 +1,60 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Edge, Axis, Curve, BarState, EdgeEffect, Color} from "./common";
+
+export declare enum ScrollDirection {
+  Vertical,
+  Horizontal,
+  Free,
+  None
+}
+
+export declare class Scroller {
+  constructor();
+
+  scrollTo(value: { xOffset: number | string, yOffset: number | string,
+    animation?: { duration: number, curve: Curve } });
+
+  scrollEdge(value: Edge);
+
+  scrollPage(value: { next: boolean, direction?: Axis });
+
+  currentOffset();
+
+  scrollToIndex(value: number);
+}
+
+interface Scroll extends CommonMethod<Scroll> {
+  (scroller?: Scroller): Scroll;
+
+  scrollable(value: ScrollDirection): Scroll;
+
+  onScroll(event: (xOffset: number, yOffset: number) => void): Scroll;
+
+  onScrollEdge(event: (side: Edge) => void): Scroll;
+
+  onScrollEnd(event: () => void): Scroll;
+
+  scrollBar(barState: BarState): Scroll;
+
+  scrollBarColor(color: Color | number | string): Scroll;
+
+  scrollBarWidth(value: number | string): Scroll;
+
+  edgeEffect(edgeEffect: EdgeEffect): Scroll;
+}
+
+export declare const ScrollInterface: Scroll;
diff --git a/api/@internal/component/ets/shape.d.ts b/api/@internal/component/ets/shape.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ef4ff4efa8c726fa053be04370c1be3641dc9096
--- /dev/null
+++ b/api/@internal/component/ets/shape.d.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, LineCapStyle, LineJoinStyle, Resource} from "./common";
+
+interface Shape extends CommonMethod<Shape> {
+  (): Shape;
+
+  viewPort(value: {
+    x?: number | string, y?: number | string,
+    width?: number | string, height?: number | string
+  }): Shape;
+
+  stroke(value: Color | number | string | Resource): Shape;
+
+  fill(value: Color | number | string | Resource): Shape;
+
+  strokeDashOffset(value: number | string): Shape;
+
+  strokeDashArray(value: Array<any>): Shape;
+
+  strokeLineCap(value: LineCapStyle): Shape;
+
+  strokeLineJoin(value: LineJoinStyle): Shape;
+
+  strokeMiterLimit(value: number | string): Shape;
+
+  strokeOpacity(value: number | string | Resource): Shape;
+
+  fillOpacity(value: number | string | Resource): Shape;
+
+  strokeWidth(value: number | string): Shape;
+
+  antiAlias(value: boolean): Shape;
+}
+
+export declare const ShapeInterface: Shape;
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cc45a3aaeded771a3a8b9b5ddf5e0401d4eab4b4
--- /dev/null
+++ b/api/@internal/component/ets/slider.d.ts
@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color} from "./common";
+
+export declare enum SliderStyle {
+  OUTSET = 0,
+  INSET,
+}
+
+export declare enum SliderChangeMode {
+  BEGIN = 0,
+  MOVING,
+  END,
+}
+
+interface Slider extends CommonMethod<Slider> {
+  (options?: {value?: number, min?: number, max?: number, step?: number, style?: SliderStyle}): Slider;
+  blockColor(value: Color): Slider;
+  trackColor(value: Color): Slider;
+  selectedColor(value: Color): Slider;
+  minLabel(value: string): Slider;
+  maxLabel(value: string): Slider;
+  showSteps(value: boolean): Slider;
+  showTips(value: boolean): Slider;
+  onChange(callback:(value: number, mode: SliderChangeMode) => void): Slider;
+}
+
+export declare const SliderInterface: Slider;
diff --git a/api/@internal/component/ets/span.d.ts b/api/@internal/component/ets/span.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a2520d802641de99ac79b1fba35bcd0b19c70967
--- /dev/null
+++ b/api/@internal/component/ets/span.d.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common";
+import {FontStyle, FontWeight, TextDecorationType, TextCase} from "./text";
+
+interface Span extends CommonMethod<Span> {
+  (value: string | Resource): Span;
+
+  fontColor(value: Color | number | string | Resource): Span;
+
+  fontSize(value: number | string | Resource): Span;
+
+  fontStyle(value: FontStyle): Span;
+
+  fontWeight(value: number | FontWeight | string): Span;
+
+  fontFamily(value: string | Resource): Span;
+
+  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource}): Span;
+
+  letterSpacing(value: number | string): Span;
+
+  textCase(value: TextCase): Span;
+}
+
+export declare const SpanInterface: Span;
diff --git a/api/@internal/component/ets/stack.d.ts b/api/@internal/component/ets/stack.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c470f7d802073d9043e3988bc9cb57f5a218dc43
--- /dev/null
+++ b/api/@internal/component/ets/stack.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Alignment} from "./common";
+
+interface Stack extends CommonMethod<Stack> {
+  (value?: { alignContent?: Alignment }): Stack;
+
+  alignContent(value: Alignment): Stack;
+}
+
+export declare const StackInterface: Stack;
diff --git a/api/@internal/component/ets/stateManagement.d.ts b/api/@internal/component/ets/stateManagement.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1b990ddf1a405171d64113f1d86946c2c5d4bbd7
--- /dev/null
+++ b/api/@internal/component/ets/stateManagement.d.ts
@@ -0,0 +1,105 @@
+interface IPropertySubscriber {
+  id(): number;
+  aboutToBeDeleted(owningView?: IPropertySubscriber): void;
+}
+
+interface ISinglePropertyChangeSubscriber<T> extends IPropertySubscriber {
+  hasChanged(newValue: T): void;
+}
+
+declare abstract class SubscribedAbstractProperty<T> {
+  protected subscribers_: Set<number>;
+  private id_;
+  private info_?;
+  constructor(subscribeMe?: IPropertySubscriber, info?: string);
+  id(): number;
+  info(): string;
+  abstract get(): T;
+  abstract set(newValue: T): void;
+  createTwoWaySync(subscribeMe?: IPropertySubscriber, info?: string): SyncedPropertyTwoWay<T>;
+  createOneWaySync(subscribeMe?: IPropertySubscriber, info?: string): SyncedPropertyOneWay<T>;
+  unlinkSuscriber(subscriberId: number): void;
+  protected notifyHasChanged(newValue: T): void;
+  protected notifyPropertyRead(): void;
+  numberOfSubscrbers(): number;
+}
+
+declare class SyncedPropertyTwoWay<T> extends SubscribedAbstractProperty<T> implements ISinglePropertyChangeSubscriber<T> {
+  private source_;
+  constructor(source: SubscribedAbstractProperty<T>, subscribeMe?: IPropertySubscriber, info?: string);
+  aboutToBeDeleted(unsubscribeMe?: IPropertySubscriber): void;
+  hasChanged(newValue: T): void;
+  get(): T;
+  set(newValue: T): void;
+}
+
+declare class SyncedPropertyOneWay<T> extends SubscribedAbstractProperty<T> implements ISinglePropertyChangeSubscriber<T> {
+  private wrappedValue_;
+  private source_;
+  constructor(source: SubscribedAbstractProperty<T>, subscribeMe?: IPropertySubscriber, info?: string);
+  aboutToBeDeleted(unsubscribeMe?: IPropertySubscriber): void;
+  hasChanged(newValue: T): void;
+  get(): T;
+  set(newValue: T): void;
+}
+
+export declare class AppStorage {
+  static GetOrCreate(): AppStorage;
+  static Get(): AppStorage | undefined;
+  link<T>(propName: string): SubscribedAbstractProperty<T> | undefined;
+  setAndLink<T>(propName: string, defaultValue: T): SubscribedAbstractProperty<T>;
+  prop<S>(propName: string): SubscribedAbstractProperty<S> | undefined;
+  setAndProp<S>(propName: string, defaultValue: S): SubscribedAbstractProperty<S>;
+  has(propName: string): boolean;
+  get<T>(propName: string): T | undefined;
+  set<T>(propName: string, newValue: T): boolean;
+  setOrCreate<T>(propName: string, newValue: T): void;
+  delete(propName: string): boolean;
+  keys(): IterableIterator<string>;
+  protected clear(): boolean;
+  getOrCreatePersistentStorage(): PersistentStorage;
+}
+
+export declare class Environment {
+  constructor();
+  static Prop(key:string, defaultValue:any): boolean;
+  static Props(props: Array<{key: string, defaultValue: any}>): void;
+  static Keys(): Array<string>;
+}
+
+export declare enum ColorMode {
+  LIGHT = 0,
+  DARK,
+}
+
+export declare enum LayoutDirection {
+  LTR = 0,
+  RTL,
+}
+
+export declare class PersistentStorage {
+  constructor(appStorage: AppStorage, storage: Storage);
+  link(propName: string): void;
+  links(props: Array<string>): void;
+  unlink(propName: string): void;
+  keys(): IterableIterator<string>;
+}
+
+export declare class Storage {
+  constructor(needCrossThread?: boolean, file?: string);
+  get(key: string): string | undefined;
+  set(key: string, val: any): void;
+  clear(): void;
+  delete(key: string): void;
+}
+
+export declare abstract class SubscribaleAbstract {
+  private owningProperties_: Set<number>;
+  constructor();
+  protected notifyPropertyHasChanged(propName: string, newValue: any): void;
+  public addOwningProperty(subscriber: IPropertySubscriber): void;
+  public removeOwningProperty(property: IPropertySubscriber): void;
+  public removeOwningPropertyById(subscriberId: number): void;
+}
+
+export declare const appStorage: AppStorage;
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..45e804e87b95621f37d40a782fd440fbaaa23c43
--- /dev/null
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare class SwiperController {
+  constructor();
+
+  showNext();
+
+  showPrevious();
+}
+
+interface Swiper extends CommonMethod<Swiper> {
+  (controller?: SwiperController): Swiper;
+
+  index(value: number): Swiper;
+
+  autoPlay(value: boolean): Swiper;
+
+  interval(value: number): Swiper;
+
+  indicator(value: boolean): Swiper;
+
+  loop(value: boolean): Swiper;
+
+  duration(value: number): Swiper;
+
+  vertical(value: boolean): Swiper;
+
+  itemSpace(value: number | string): Swiper;
+
+  onChange(event: (index: number) => void): Swiper;
+}
+
+export declare const SwiperInterface: Swiper;
diff --git a/api/@internal/component/ets/tab_content.d.ts b/api/@internal/component/ets/tab_content.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..afbc0cbd543a7ac1eb6011104429411a7cdae5dc
--- /dev/null
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+interface TabContent extends CommonMethod<TabContent> {
+  (): TabContent;
+
+  tabBar(value: string | { icon?: string, text?: string }): TabContent;
+}
+
+export declare const TabContentInterface: TabContent;
diff --git a/api/@internal/component/ets/tabs.d.ts b/api/@internal/component/ets/tabs.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ba47d674796905fbd003e6ab575378c6ae6effb4
--- /dev/null
+++ b/api/@internal/component/ets/tabs.d.ts
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod} from "./common";
+
+export declare enum BarMode {
+  Scrollable,
+  Fixed
+}
+
+export declare enum BarPosition {
+  Start,
+  End
+}
+
+export declare class TabsController {
+  constructor();
+
+  changeIndex(value: number): void;
+}
+
+interface Tabs extends CommonMethod<Tabs> {
+  (value?: { barPosition?: BarPosition, initialIndex?: number, controller?: TabsController }): Tabs;
+
+  vertical(value: boolean): Tabs;
+
+  scrollable(value: boolean): Tabs;
+
+  barMode(value: BarMode): Tabs;
+
+  barWidth(value: number): Tabs;
+
+  barHeight(value: number): Tabs;
+
+  animationDuration(value: number): Tabs;
+
+  onChange(event: (index: number) => void): Tabs;
+}
+
+export declare const TabsInterface: Tabs;
diff --git a/api/@internal/component/ets/text.d.ts b/api/@internal/component/ets/text.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..65efdfde556d29d532f96a9d6a361354457d8ecf
--- /dev/null
+++ b/api/@internal/component/ets/text.d.ts
@@ -0,0 +1,90 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color, Resource} from "./common";
+
+export declare enum FontStyle {
+  Normal,
+  Italic
+}
+
+export declare enum FontWeight {
+  Lighter,
+  Normal,
+  Regular,
+  Medium,
+  Bold,
+  Bolder
+}
+
+export declare enum TextAlign {
+  Center,
+  Start,
+  End
+}
+
+export declare enum TextOverflow {
+  Clip,
+  Ellipsis
+}
+
+export declare enum TextDecorationType {
+  None,
+  Underline,
+  Overline,
+  LineThrough
+}
+
+export declare enum TextCase {
+  Normal,
+  LowerCase,
+  UpperCase
+}
+
+interface Text extends CommonMethod<Text> {
+  (content?: string | Resource): Text;
+
+  fontColor(value: Color | number | string | Resource): Text;
+
+  fontSize(value: number | string | Resource): Text;
+
+  minFontSize(value: number | string | Resource): Text;
+
+  maxFontSize(value: number | string | Resource): Text;
+
+  fontStyle(value: FontStyle): Text;
+
+  fontWeight(value: number | FontWeight | string): Text;
+
+  textAlign(value: TextAlign): Text;
+
+  lineHeight(value: number | string): Text;
+
+  textOverflow(value: { overflow: TextOverflow }): Text;
+
+  fontFamily(value: string | Resource): Text;
+
+  maxLines(value: number): Text;
+
+  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource}): Text;
+
+  letterSpacing(value: number | string): Text;
+
+  textCase(value: TextCase): Text;
+
+  baselineOffset(value: number | string): Text;
+}
+
+export declare const TextInterface: Text;
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c8bba85406e4fe1219cb1fded7c2d4af4f6e2f90
--- /dev/null
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, Color} from "./common";
+
+export declare enum ToggleType {
+  Checkbox,
+  Switch,
+  Button
+}
+
+interface Toggle extends CommonMethod<Toggle> {
+  (options?: {type?: ToggleType, isOn?: boolean}): Toggle;
+  onChange(callback: (isOn: boolean) => void): Toggle;
+  selectedColor(value: Color): Toggle;
+  swithPointStyle(color: Color): Toggle;
+}
+
+export declare const ToggleInterface: Toggle;
diff --git a/api/@internal/component/ets/video.d.ts b/api/@internal/component/ets/video.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64cbd421dd855b7e644302571592793895fe551d
--- /dev/null
+++ b/api/@internal/component/ets/video.d.ts
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+import {CommonMethod, ImageFit} from "./common";
+
+declare class VideoController {
+  constructor();
+  start();
+  pause();
+  stop();
+  setCurrentTime(value: number);
+  requestFullscreen(value: boolean);
+  exitFullscreen();
+}
+
+interface Video extends CommonMethod<Video> {
+  (value: {
+    src?: string,
+    currentProgressRate?: number | string,
+    previewUri?: string,
+    controller?: VideoController
+  }): Video;
+
+  muted(value: boolean): Video;
+  autoPlay(value: boolean): Video;
+  controls(value: boolean): Video;
+  loop(value: boolean): Video;
+  objectFit(value: ImageFit): Video;
+
+  onStart(event: () => void): Video;
+  onPause(event: () => void): Video;
+  onFinish(event: () => void): Video;
+  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): Video;
+  onPrepared(callback: (event?: { duration: number }) => void): Video;
+  onSeeking(callback: (event?: { time: number }) => void): Video;
+  onSeeked(callback: (event?: { time: number }) => void): Video;
+  onUpdate(callback: (event?: { time: number }) => void): Video;
+  onError(event: () => void): Video;
+}
+
+export declare const VideoInterface: Video;
diff --git a/api/@internal/ets/index.d.ts b/api/@internal/ets/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cdff441484a5e789e5fd46d592d43d15a0cdcce2
--- /dev/null
+++ b/api/@internal/ets/index.d.ts
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export * from './global';
\ No newline at end of file
diff --git a/api/@internal/global.d.ts b/api/@internal/global.d.ts
old mode 100755
new mode 100644
index 15fbc66f300db46d138d05e05022584ea67b3160..f6d8c3ec22df6871804fedf0dd5b206ce7fd192d
--- a/api/@internal/global.d.ts
+++ b/api/@internal/global.d.ts
@@ -1,77 +1,77 @@
-/*
- * Copyright (c) 2021 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.
- */
-
-export declare class console {
-  static debug(message: string): void;
-  static log(message: string): void;
-  static info(message: string): void;
-  static warn(message: string): void;
-  static error(message: string): void;
-}
-export interface Result {
-  code: number;
-  data: object;
-}
-export interface SubscribeMessageResponse {
-  deviceId: string;
-  bundleName: string;
-  abilityName: string;
-  message: string;
-}
-export interface CallAbilityParam {
-  bundleName: string;
-  abilityName: string;
-  messageCode: number;
-  abilityType: number;
-  data?: object;
-  syncOption?: number;
-}
-export interface SubscribeAbilityEventParam {
-  bundleName: string;
-  abilityName: string;
-  messageCode: number;
-  abilityType: number;
-  syncOption?: number;
-}
-export interface SendMessageOptions {
-  deviceId: string;
-  bundleName: string;
-  abilityName: string;
-  message?: string;
-  success?: () => void;
-  fail?: (data: string, code: number) => void;
-  complete?: () => void;
-}
-export interface SubscribeMessageOptions {
-  success?: (data: SubscribeMessageResponse) => void;
-  fail?: (data: string, code: number) => void;
-}
-export declare class FeatureAbility {
-  static callAbility(param: CallAbilityParam): Promise<Result>;
-  static subscribeAbilityEvent(
-    param: SubscribeAbilityEventParam,
-    func: Function
-  ): Promise<Result>;
-  static unsubscribeAbilityEvent(
-    param: SubscribeAbilityEventParam
-  ): Promise<Result>;
-  static sendMsg(options: SendMessageOptions): void;
-  static subscribeMsg(options: SubscribeMessageOptions): void;
-  static unsubscribeMsg(): void;
-}
-export declare function setInterval(handler: Function | string, delay: number, ...arguments: any[]): number;
-export declare function setTimeout(handler: Function | string, delay?: number, ...arguments: any[]): number;
-export declare function clearInterval(intervalID?: number): void;
-export declare function clearTimeout(timeoutID?: number): void;
\ No newline at end of file
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export declare class console {
+  static debug(message: string, ...arguments: any[]): void;
+  static log(message: string, ...arguments: any[]): void;
+  static info(message: string, ...arguments: any[]): void;
+  static warn(message: string, ...arguments: any[]): void;
+  static error(message: string, ...arguments: any[]): void;
+}
+export interface Result {
+  code: number;
+  data: object;
+}
+export interface SubscribeMessageResponse {
+  deviceId: string;
+  bundleName: string;
+  abilityName: string;
+  message: string;
+}
+export interface CallAbilityParam {
+  bundleName: string;
+  abilityName: string;
+  messageCode: number;
+  abilityType: number;
+  data?: object;
+  syncOption?: number;
+}
+export interface SubscribeAbilityEventParam {
+  bundleName: string;
+  abilityName: string;
+  messageCode: number;
+  abilityType: number;
+  syncOption?: number;
+}
+export interface SendMessageOptions {
+  deviceId: string;
+  bundleName: string;
+  abilityName: string;
+  message?: string;
+  success?: () => void;
+  fail?: (data: string, code: number) => void;
+  complete?: () => void;
+}
+export interface SubscribeMessageOptions {
+  success?: (data: SubscribeMessageResponse) => void;
+  fail?: (data: string, code: number) => void;
+}
+export declare class FeatureAbility {
+  static callAbility(param: CallAbilityParam): Promise<Result>;
+  static subscribeAbilityEvent(
+    param: SubscribeAbilityEventParam,
+    func: Function
+  ): Promise<Result>;
+  static unsubscribeAbilityEvent(
+    param: SubscribeAbilityEventParam
+  ): Promise<Result>;
+  static sendMsg(options: SendMessageOptions): void;
+  static subscribeMsg(options: SubscribeMessageOptions): void;
+  static unsubscribeMsg(): void;
+}
+export declare function setInterval(handler: Function | string, delay: number, ...arguments: any[]): number;
+export declare function setTimeout(handler: Function | string, delay?: number, ...arguments: any[]): number;
+export declare function clearInterval(intervalID?: number): void;
+export declare function clearTimeout(timeoutID?: number): void;
diff --git a/api/@internal/js/globaljs.d.ts b/api/@internal/js/globaljs.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f98e82b37c79a35f09390e5f457b18f1db25135c
--- /dev/null
+++ b/api/@internal/js/globaljs.d.ts
@@ -0,0 +1,552 @@
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export declare class Image {
+    src: string;
+    width?: number;
+    height?: number;
+    onload?: () => void;
+    onerror?: () => void;
+}
+export declare class ImageData {
+    width: number;
+    height: number;
+    data: Uint8ClampedArray;
+}
+export interface FocusParamObj {
+  focus: boolean;
+}
+export interface ContextAttrOptions {
+  antialias: boolean;
+}
+export interface CanvasRenderingContext2DSettings {
+  alpha?: boolean;
+  desynchronized?: boolean;
+}
+export interface ImageBitmapRenderingContextSettings {
+  alpha?: boolean;
+}
+export interface AnimateStyle {
+  width: number;
+  height: number;
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+  backgroundColor: string;
+  opacity: number;
+  backgroundPosition: string;
+  transformOrigin: string;
+  transform: "none" | TransformObject;
+  offset?: number;
+}
+export interface TransformObject {
+  matrix(scaleX: number, skewX: number, skewY: number,
+         scaleY: number, translateX: number, translateY: number): void;
+  matrix3d(n00: number, n01: number, n02: number, n03: number,
+           n10: number, n11: number, n12: number, n13: number,
+           n20: number, n21: number, n22: number, n23: number,
+           n30: number, n31: number, n32: number, n33: number): void;
+  translate(x: number, y: number): void;
+  translate3d(x: number, y: number, z: number): void;
+  translateX(x: number): void;
+  translateY(y: number): void;
+  translateZ(z: number): void;
+  scale(x: number, y: number): void;
+  scale3d(x: number, y: number, z: number): void;
+  scaleX(x: number): void;
+  scaleY(y: number): void;
+  scaleZ(z: number): void;
+  rotate(angle: number): void;
+  rotate3d(x: number, y: number, z: number, angle: number): void;
+  rotateX(angle: number): void;
+  rotateY(angle: number): void;
+  rotateZ(angle: number): void;
+  skew(xAngle: number, yAngle: number): void;
+  skewX(angle: number): void;
+  skewY(angle: number): void;
+  perspective(verticalDistance: number): void;
+}
+export interface AnimateOptions {
+  duration: number;
+  easing: string;
+  delay: number;
+  iterations: number | string;
+  fill: "none" | "forwards";
+}
+export interface AnimationResult {
+  finished: boolean;
+  pending: boolean;
+  playstate: string;
+  startTime: number;
+  play(): void;
+  finish(): void;
+  pause(): void;
+  cancel(): void;
+  reverse(): void;
+  onfinish: () => void;
+  oncancel: () => void;
+}
+export interface Element {
+  focus(obj?: FocusParamObj): void;
+  rotation(obj?: FocusParamObj): void;
+  animate(
+    keyframes: Array<AnimateStyle>,
+    options: AnimateOptions
+  ): AnimationResult;
+}
+export interface AnimationElement extends Element {
+  play(): void;
+  finish(): void;
+  pause(): void;
+  cancel(): void;
+  reverse(): void;
+}
+export interface ListScrollByOptions {
+  dx?: number;
+  dy?: number;
+  smooth?: boolean;
+}
+export interface CurrentOffsetResultValue {
+  x: number;
+  y: number;
+}
+export interface ListScrollToOptions {
+  index: number;
+}
+export interface ListElement extends Element {
+  scrollTo(position: ListScrollToOptions): void;
+  scrollBy(data: ListScrollByOptions): void;
+  scrollTop(param: { smooth: boolean }): void;
+  scrollBottom(param: { smooth: boolean }): void;
+  scrollPage(params: { reverse: boolean; smooth: boolean }): void;
+  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
+  collapseGroup(param: {
+    groupid: string;
+  }): void;
+  expandGroup(param: {
+    groupid: string;
+  }): void;
+  currentOffset(): CurrentOffsetResultValue;
+}
+export interface SwiperElement extends Element {
+  swipeTo(position: {
+    index: number;
+  }): void;
+  showNext(): void;
+  showPrevious(): void;
+}
+export interface WebElement extends Element {
+  reload(): void;
+}
+export interface DialogElement extends Element {
+  show(): void;
+  close(): void;
+}
+export interface ImageAnimatorElement extends Element {
+  start(): void;
+  pause(): void;
+  stop(): void;
+  resume(): void;
+  getState(): "Playing" | "Paused" | "Stopped";
+}
+export interface MarqueeElement extends Element {
+  start(): void;
+  stop(): void;
+}
+export interface MenuElement extends Element {
+  show(position: { x: number; y: number }): void;
+}
+export interface ChartElement extends Element {
+  append(params: {
+    serial: number;
+    data: Array<number>;
+  }): void;
+}
+export interface InputElement extends Element {
+  focus(param: { focus: boolean }): void;
+  showError(param: { error: string }): void;
+}
+export interface ButtonElement extends Element {
+  setProgress(param: { progress: number }): void;
+}
+export interface TextAreaElement extends Element {
+  focus(param: { focus: boolean }): void;
+}
+export interface PickerElement extends Element {
+  show(): void;
+}
+export interface VideoElement extends Element {
+  start(): void;
+  pause(): void;
+  setCurrentTime(param: { currenttime: number }): void;
+  requestFullscreen(param: { screenOrientation: "default" }): void;
+  exitFullscreen(): void;
+}
+export interface TextMetrics {
+  width: number;
+}
+export interface CanvasRenderingContext2D {
+  fillRect(x: number, y: number, width: number, height: number): void;
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+  clearRect(x: number, y: number, width: number, height: number): void;
+  strokeRect(x: number, y: number, width: number, height: number): void;
+  fillText(text: string, x: number, y: number): void;
+  strokeText(text: string, x: number, y: number): void;
+  measureText(text: string): TextMetrics;
+  lineWidth?: number;
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+  stroke(): void;
+  stroke(path: Path2D): void;
+  beginPath(): void;
+  moveTo(x: number, y: number): void;
+  lineTo(x: number, y: number): void;
+  closePath(): void;
+  lineCap: string;
+  lineJoin: string;
+  miterLimit: number;
+  font: string;
+  textAlign: "left" | "right" | "center" | "start" | "end";
+  textBaseline: string;
+  createLinearGradient(
+    x0: number,
+    y0: number,
+    x1: number,
+    y1: number
+  ): CanvasGradient;
+  createRadialGradient(
+    x0: number,
+    y0: number,
+    r0: number,
+    x1: number,
+    y1: number,
+    r1: number
+  ): CanvasGradient;
+  createPattern(image: Image, repetition: string): CanvasPattern;
+  createPath2D(path?: Path2D): Path2D;
+  createPath2D(cmds?: string): Path2D;
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+  rect(x: number, y: number, width: number, height: number): void;
+  fill(): void;
+  clip(): void;
+  rotate(rotate: number): void;
+  scale(x: number, y: number): void;
+  transform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+  translate(x: number, y: number): void;
+  globalAlpha: number;
+  drawImage(
+    image: Image,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number,
+    sx: number,
+    sy: number,
+    sWidth: number,
+    sHeight: number
+  ): void;
+  restore: () => void;
+  save: () => void;
+  createImageData(width: number, height: number): ImageData;
+  createImageData(imagedata: ImageData): ImageData;
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+  putImageData(imageData: ImageData, dx: number, dy: number): void;
+  putImageData(
+    imageData: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number
+  ): void;
+  setLineDash(segments: Array<number>): void;
+  getLineDash(): Array<number>;
+  lineDashOffset: number;
+  globalCompositeOperation: string;
+  shadowBlur: number;
+  shadowColor: string;
+  shadowOffsetX: number;
+  shadowOffsetY: number;
+}
+export interface CanvasGradient {
+  addColorStop(offset: number, color: string): void;
+}
+export interface CanvasPattern {
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+}
+export interface Path2D {
+  addPath(path: Path2D): void;
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+  closePath(): void;
+  moveTo(x: number, y: number): void;
+  lineTo(x: number, y: number): void;
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+  rect(x: number, y: number, width: number, height: number): void;
+}
+export class OffscreenCanvasRenderingContext2D {
+  readonly canvas: OffscreenCanvas;
+  globalAlpha: number;
+  globalCompositeOperation: string;
+  filter: string;
+  imageSmoothingEnabled: boolean;
+  imageSmoothingQuality: "high" | "low" | "medium";
+  direction: "inherit" | "ltr" | "rtl";
+  font: string;
+  textAlign: "center" | "end" | "left" | "right" | "start";
+  textBaseline: "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
+  shadowBlur: number;
+  shadowColor: string;
+  shadowOffsetX: number;
+  shadowOffsetY: number;
+  lineCap: "butt" | "round" | "square";
+  lineDashOffset: number;
+  lineJoin: CanvasLineJoin;
+  lineWidth: number;
+  miterLimit: number;
+  getLineDash(): number[];
+  setLineDash(segments: number[]): void;
+  drawImage(image: Image, dx: number, dy: number): void;
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
+  drawImage(image: Image, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: number): void;
+  beginPath(): void;
+  clip(fillRule?: "evenodd" | "nonzero"): void;
+  clip(path: Path2D, fillRule?: "evenodd" | "nonzero"): void;
+  fill(fillRule?: "evenodd" | "nonzero"): void;
+  fill(path: Path2D, fillRule?: "evenodd" | "nonzero"): void;
+  isPointInPath(x: number, y: number, fillRule?: "evenodd" | "nonzero"): boolean;
+  isPointInPath(path: Path2D, x: number, y: number, fillRule?: "evenodd" | "nonzero"): boolean;
+  isPointInStroke(x: number, y: number): boolean;
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
+  stroke(): void;
+  stroke(path: Path2D): void;
+  fillStyle: string | CanvasGradient | CanvasPattern;
+  strokeStyle: string | CanvasGradient | CanvasPattern;
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+  createPattern(image: Image, repetition: string): CanvasPattern;
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+  createImageData(sw: number, sh: number): ImageData;
+  createImageData(imagedata: ImageData): ImageData;
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+  putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void;
+  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+  closePath(): void;
+  ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+  lineTo(x: number, y: number): void;
+  moveTo(x: number, y: number): void;
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+  rect(x: number, y: number, w: number, h: number): void;
+  clearRect(x: number, y: number, w: number, h: number): void;
+  fillRect(x: number, y: number, w: number, h: number): void;
+  strokeRect(x: number, y: number, w: number, h: number): void;
+  fillText(text: string, x: number, y: number, maxWidth?: number): void;
+  measureText(text: string): TextMetrics;
+  strokeText(text: string, x: number, y: number, maxWidth?: number): void;
+  resetTransform(): void;
+  rotate(angle: number): void;
+  scale(x: number, y: number): void;
+  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+  transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+  translate(x: number, y: number): void;
+  restore(): void;
+  save(): void;
+  commit(): void;
+}
+export class ImageBitmapRenderingContext {
+  transferFromImageBitmap(bitmap: ImageBitmap): void;
+}
+export class ImageBitmap {
+  readonly height: number;
+  readonly width: number;
+  close(): void;
+}
+export class OffscreenCanvas {
+  width: number;
+  height: number;
+  getContext(contextId: "2d", options?: CanvasRenderingContext2DSettings): OffscreenCanvasRenderingContext2D;
+  toDataURL(type?: string, quality?: number): string;
+  transferToImageBitmap(): ImageBitmap;
+}
+export interface CanvasElement extends Element {
+  getContext(contextId: "2d", options?: ContextAttrOptions): CanvasRenderingContext2D;
+  getContext(contextId: "bitmaprenderer", options?: ImageBitmapRenderingContextSettings): ImageBitmapRenderingContext;
+  toDataURL(type?: string, quality?: number): string;
+}
+export interface ScrollOptions {
+  duration?: number;
+  position?: number;
+  id?: string;
+  timingFunction?: string;
+  success?: (data: string) => void;
+  fail?: (data: string) => void;
+  complete?: (data: string) => void;
+}
+export interface Application {
+  $def: object;
+}
+export interface ViewModel {
+  $app: Application;
+  $t(path: string, params?: object | Array<any>): string;
+  $tc(path: string, count: number): string;
+  $r(path: string): string;
+  $set(key: string, value: any): void;
+  $delete(key: string): void;
+  $element(
+    id?: string
+  ): AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement;
+  $root(): ViewModel & object;
+  $parent(): ViewModel & object;
+  $child(id: string): ViewModel & object;
+  $watch(data: string, callback: string): void;
+  $refs: ElementReferences;
+  $emit(event: string, params?: object): void;
+  scrollTo(options: ScrollOptions): void;
+}
+export interface ElementReferences {
+  [k: string]: AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement;
+}
+export interface Options<T extends ViewModel, Data = DefaultData<T>> {
+  data?: Data;
+  onInit?(): void;
+  onReady?(): void;
+  onShow?(): void;
+  onHide?(): void;
+  onDestroy?(): void;
+  onBackPress?(): boolean;
+  onCreate?(): void;
+}
+type DefaultData<T> = object;
+type CombinedOptions<T extends ViewModel, Data> = object &
+  Options<T, Data> &
+  ThisType<T & ViewModel & Data>;
+export declare function extendViewModel<T extends ViewModel, Data>(
+  options: CombinedOptions<T, Data>
+): ViewModel & Data;
diff --git a/api/@internal/js/index.d.ts b/api/@internal/js/index.d.ts
old mode 100755
new mode 100644
index 2a53a12632b14a6b922960bd97579e81f7e9d171..4a56d000e8f66f658a1bb96be20076746b0fb6b8
--- a/api/@internal/js/index.d.ts
+++ b/api/@internal/js/index.d.ts
@@ -1,17 +1,17 @@
-/*
- * Copyright (c) 2021 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.
- */
-
-export * from './global.js.d.ts';
-export * from './global.d.ts';
\ No newline at end of file
+/*
+ * Copyright (c) 2021 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.
+ */
+
+export * from './globaljs';
+export * from './global';
\ No newline at end of file
diff --git a/api/common/@internal/console.d.ts b/api/common/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..69aa3336d55ea8a95641b051e8ec6aad51abb54d
--- /dev/null
+++ b/api/common/@internal/console.d.ts
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+ /**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare class console {
+  /**
+   * Prints "debug" logs.
+   * @param message Text to print.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static debug(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "log" logs.
+   * @param message Text to print.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static log(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "info" logs.
+   * @param message Text to print.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static info(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "warn" logs.
+   * @param message Text to print.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static warn(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "error" logs.
+   * @param message Text to print.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static error(message: string, ...arguments: any[]): void;
+}
diff --git a/api/common/@internal/featureability.d.ts b/api/common/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ea3d073280068e2be87ae27700a1360f42683d09
--- /dev/null
+++ b/api/common/@internal/featureability.d.ts
@@ -0,0 +1,352 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface Result {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  data: object;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface SubscribeMessageResponse {
+  /**
+   * Peer device ID.
+   * @devices liteWearable
+   */
+  deviceId: string;
+
+  /**
+   * Name of the bundle where the peer ability locates. The name is case sensitive.
+   * @devices liteWearable
+   */
+  bundleName: string;
+
+  /**
+   * Peer ability name, which is case sensitive.
+   * @devices liteWearable
+   */
+  abilityName: string;
+
+  /**
+   * Messages received from the device.
+   * @devices liteWearable
+   */
+  message: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   * @devices tv, phone, tablet, wearable
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   * @devices tv, phone, tablet, wearable
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   * @devices tv, phone, tablet, wearable
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface SendMessageOptions {
+  /**
+   * Destination device ID.
+   * @devices liteWearable
+   */
+  deviceId: string;
+
+  /**
+   * Name of the destination bundle where the ability locates. The name is case sensitive.
+   * @devices liteWearable
+   */
+  bundleName: string;
+
+  /**
+   * Destination ability name, which is case sensitive.
+   * @devices liteWearable
+   */
+  abilityName: string;
+
+  /**
+   * Messages sent to the destination device.
+   * A maximum of 1 KB of data can be transmitted at a time.
+   * If more than 1 KB of data needs to be transmitted, split the messages into multiple parts to transmit.
+   * @devices liteWearable
+   */
+  message?: string;
+
+  /**
+   * Called when the messages are sent successfully.
+   * @devices liteWearable
+   */
+  success?: () => void;
+
+  /**
+   * Called when the messages fail to be sent.
+   * @devices liteWearable
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices liteWearable
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface SubscribeMessageOptions {
+  /**
+   * Called when the messages are sent successfully.
+   * @devices liteWearable
+   */
+  success?: (data: SubscribeMessageResponse) => void;
+
+  /**
+   * Called when the messages fail to be sent.
+   * @devices liteWearable
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static callAbility(param: CallAbilityParam): Promise<Result>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static subscribeAbilityEvent(
+    param: SubscribeAbilityEventParam,
+    func: Function
+  ): Promise<Result>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static unsubscribeAbilityEvent(
+    param: SubscribeAbilityEventParam
+  ): Promise<Result>;
+
+  /**
+   * Sends messages to the destination device.
+   * @param options Options.
+   * @devices liteWearable
+   */
+  static sendMsg(options: SendMessageOptions): void;
+
+  /**
+   * Listens for messages sent from other devices.
+   * @param options Options.
+   * @devices liteWearable
+   */
+  static subscribeMsg(options: SubscribeMessageOptions): void;
+
+  /**
+   * Cancels the listening for messages sent from other devices.
+   * @devices liteWearable
+   */
+  static unsubscribeMsg(): void;
+}
diff --git a/api/common/@internal/global.d.ts b/api/common/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..48b7de3015b4f75876c35afa23dd1a22f56e3c23
--- /dev/null
+++ b/api/common/@internal/global.d.ts
@@ -0,0 +1,185 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * Sets the interval for repeatedly calling a function.
+ * @param handler Indicates the function to be called after the timer goes off. For devices of "tv", "phone, tablet", and "wearable" types, this parameter can be a function or string. For devices of "lite wearable" and "smartVision" types, this parameter must be a function.
+ * @param delay Indicates the interval between each two calls, in milliseconds. The function will be called after this delay.
+ * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns Returns the timer ID.
+ * @devices tv, phone, tablet, wearable
+ * @since 3
+ */
+export declare function setInterval(handler: Function | string, delay: number, ...arguments: any[]): number;
+
+/**
+ * Sets a timer after which a function will be executed.
+ * @param handler Indicates the function to be called after the timer goes off. For devices of "tv", "phone, tablet", and "wearable" types, this parameter can be a function or string. For devices of "lite wearable" and "smartVision" types, this parameter must be a function.
+ * @param delay Indicates the delay (in milliseconds) after which the function will be called. If this parameter is left empty, default value "0" will be used, which means that the function will be called immediately or as soon as possible.
+ * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns Returns the timer ID.
+ * @devices tv, phone, tablet, wearable
+ * @since 3
+ */
+export declare function setTimeout(handler: Function | string, delay?: number, ...arguments: any[]): number;
+
+/**
+ * Cancels the interval set by " setInterval()".
+ * @param intervalID Indicates the timer ID returned by "setInterval()".
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function clearInterval(intervalID?: number): void;
+
+/**
+ * Cancels the timer set by "setTimeout()".
+ * @param timeoutID Indicates the timer ID returned by "setTimeout()".
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function clearTimeout(timeoutID?: number): void;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ * @devices tv, phone, tablet, wearable
+ * @since 3
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ * @devices tv, phone, tablet, wearable
+ * @since 3
+ */
+export declare function cancelAnimationFrame(requestId: number): void;
+
+/**
+ * Obtain the objects exposed in app.js
+ * @devices tv, phone, tablet, wearable, smartVision
+ * @since 6
+ */
+export declare function getApp(): object;
+
+/**
+ * You can create an Image object by calling new Image().
+ * @devices tv, phone, tablet, wearable
+ */
+export declare class Image {
+    /**
+     * Network address or local resource. The internal URI is supported.
+     * @devices tv, phone, tablet, wearable
+     */
+    src: string;
+    /**
+     * Image width.
+     * @devices tv, phone, tablet, wearable
+     */
+    width?: number;
+    /**
+     * Image height.
+     * @devices tv, phone, tablet, wearable
+     */
+    height?: number;
+    /**
+     * Called when an image is successfully loaded. This function has no parameter.
+     * @devices tv, phone, tablet, wearable
+     */
+    onload?: () => void;
+    /**
+     * Called when an image fails to be loaded. This function has no parameter.
+     * @devices tv, phone, tablet, wearable
+     */
+    onerror?: () => void;
+}
+
+/**
+ * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
+ * @devices tv, phone, tablet, wearable
+ */
+export declare class ImageData {
+    /**
+     * Actual width of the ImageData object, in pixels.
+     * @devices tv, phone, tablet, wearable
+     */
+    width: number;
+    /**
+     * Actual height of the ImageData object, in pixels.
+     * @devices tv, phone, tablet, wearable
+     */
+    height: number;
+    /**
+     * A one-dimensional array of color values. The color values are sorted in the RGBA order and represented by integers from 0 to 255.
+     * @devices tv, phone, tablet, wearable
+     */
+    data: Uint8ClampedArray;
+}
+
+/**
+ * OffscreenCanvas provides a Canvas object that can be rendered off-screen.
+ * It works in both window and Web worker environments.
+ */
+export declare class OffscreenCanvas {
+    /**
+     * The width of the offScreen Canvas object
+     * The height of the offScreen Canvas object
+     */
+    constructor(width: number, height: number);
+
+    /**
+     * The width of the offScreen Canvas object
+     */
+    width: number;
+
+    /**
+     * The height of the offScreen Canvas object
+     */
+    height: number;
+
+    /**
+     * Gets the context object for off-screen drawing.
+     * @param contextId creates a CanvasRenderingContext2D object representing a two-dimensional rendering context.
+     * @param options object representing a three-dimensional rendering context.
+     * @returns  a render canvas for the offScreen Canvas object.
+     */
+    getContext(contextId: "2d", options?: CanvasRenderingContext2DSettings): OffscreenCanvasRenderingContext2D;
+
+    /**
+     * Converts the draw contents of the current off-screen draw object to a string in the form of a Blob.
+     * @param type indicating the image format.
+     * @param quality between 0 and 1 indicating image quality if the type option is image/jpeg or image/webp.
+     * @returns A Promise returning a Blob object representing the image contained in the canvas.
+     */
+    toDataURL(type?: string, quality?: number): string;
+
+    /**
+     * Converts the draw content in the current off-screen draw object to a Bitmap object.
+     * @returns Returns An ImageBitmap object.
+     */
+    transferToImageBitmap(): ImageBitmap;
+}
+
+export declare class ImageBitmap {
+    /**
+     * The height of the Image Bitmap object
+     */
+    readonly height: number;
+
+    /**
+     * The width of the Image Bitmap object
+     */
+    readonly width: number;
+}
\ No newline at end of file
diff --git a/api/common/@internal/index.d.ts b/api/common/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2b74cea7b798b0fbafa7e2d11546b2e1c18ca8f8
--- /dev/null
+++ b/api/common/@internal/index.d.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+export * from './viewmodel';
+export * from './featureability';
+export * from './console';
+export * from './global';
\ No newline at end of file
diff --git a/api/common/@internal/viewmodel.d.ts b/api/common/@internal/viewmodel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bf5b3631b0b86b81d2c9abed5bb14aa26b832731
--- /dev/null
+++ b/api/common/@internal/viewmodel.d.ts
@@ -0,0 +1,2601 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+import { Image, ImageData } from "./global";
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FocusParamObj {
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  focus: boolean;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RectObj {
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  width: number;
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  height: number;
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  left: number;
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  top: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ContextAttrOptions {
+  antialias: boolean;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface AnimateStyle {
+  /**
+   * Width value applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  width: number;
+  /**
+   * Height value applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  height: number;
+  /**
+   * left offset applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  left: number;
+  /**
+   * top offset applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  top: number;
+  /**
+   * right offset applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  right: number;
+  /**
+   * bottom offset applied to the component after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  bottom: number;
+  /**
+   * Background color applied to the component after the animation is executed.
+   * The default value is none.
+   * @devices tv, phone, tablet, wearable
+   */
+  backgroundColor: string;
+  /**
+   * Opacity applied to the component. The value ranges from 0 to 1.
+   * The default value is 1.
+   * @devices tv, phone, tablet, wearable
+   */
+  opacity: number;
+  /**
+   * The value format is "x y", in percentage or pixels.
+   * The first value indicates the horizontal position, and the second value indicates the vertical position.
+   * If only one value is specified, the other value is 50% by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  backgroundPosition: string;
+  /**
+   * Origin position of the transformed element.
+   * The first value indicates the x-axis position. The value can be left, center, right, a length, or percentage.
+   * The second value indicates the y-axis position. The value can be top, center, bottom, a length, or a percentage.
+   * @devices tv, phone, tablet, wearable
+   */
+  transformOrigin: string;
+  /**
+   * Transformation type applied to an element.
+   * @devices tv, phone, tablet, wearable
+   */
+  transform: "none" | TransformObject;
+  /**
+   * The value of offset must be within (0.0,1.0] and sorted in ascending order if it is provided.
+   * If there are only two frames, offset can be left empty.
+   * If there are more than two frames, offset is mandatory.
+   * @devices tv, phone, tablet, wearable
+   */
+  offset?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface TransformObject {
+  /**
+   * Defines a 2D transformation, using a matrix of six values..
+   * @param scaleX the scale value for x-axis
+   * @param skewX the skew value for y-axis
+   * @param skewY the skew value for x-axis
+   * @param scaleY the scale value for y-axis
+   * @param translateX the translate value for x-axis
+   * @param translateY the translate value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  matrix(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number): void;
+  /**
+   * Defines a 3D transformation using a 4x4 matrix of 16 values.
+   * @param n00 the value of the 0 row and 0 column of the 4x4 matrix
+   * @param n01 the value of the 0 row and 1 column of the 4x4 matrix
+   * @param n02 the value of the 0 row and 2 column of the 4x4 matrix
+   * @param n03 the value of the 0 row and 3 column of the 4x4 matrix
+   * @param n10 the value of the 1 row and 0 column of the 4x4 matrix
+   * @param n11 the value of the 1 row and 1 column of the 4x4 matrix
+   * @param n12 the value of the 1 row and 2 column of the 4x4 matrix
+   * @param n13 the value of the 1 row and 3 column of the 4x4 matrix
+   * @param n20 the value of the 2 row and 0 column of the 4x4 matrix
+   * @param n21 the value of the 2 row and 1 column of the 4x4 matrix
+   * @param n22 the value of the 2 row and 2 column of the 4x4 matrix
+   * @param n23 the value of the 2 row and 3 column of the 4x4 matrix
+   * @param n30 the value of the 3 row and 0 column of the 4x4 matrix
+   * @param n31 the value of the 3 row and 1 column of the 4x4 matrix
+   * @param n32 the value of the 3 row and 2 column of the 4x4 matrix
+   * @param n33 the value of the 3 row and 3 column of the 4x4 matrix
+   * @devices tv, phone, tablet, wearable
+   */
+  matrix3d(n00: number, n01: number, n02: number, n03: number,
+           n10: number, n11: number, n12: number, n13: number,
+           n20: number, n21: number, n22: number, n23: number,
+           n30: number, n31: number, n32: number, n33: number): void;
+  /**
+   * Defines 2D transformations for translation of the X and Y axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  translate(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for translation of the X / Y / Z axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   * @param z the translate value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  translate3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for translation of the X axes
+   * @param x the translate value for x-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  translateX(x: number): void;
+  /**
+   * Defines 2D transformations for translation of the Y axes
+   * @param y the translate value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  translateY(y: number): void;
+  /**
+   * Defines 3D transformations for translation of the Z axes
+   * @param z the translate value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  translateZ(z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X and Y axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  scale(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the X / Y / Z axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   * @param z the scale value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  scale3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X axes
+   * @param x the scale value for x-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  scaleX(x: number): void;
+  /**
+   * Defines 2D transformations for scaling of the Y axes
+   * @param y the scale value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  scaleY(y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the Z axes
+   * @param z the scale value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  scaleZ(z: number): void;
+  /**
+   * Define the 2D rotation and specify the angle in the parameters.
+   * @param angle the rotate value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  rotate(angle: number): void;
+  /**
+   * Defines a 3D transformation for rotating the X / Y / Z axes.
+   * @param x the vector value of the x-axis
+   * @param y the vector value of the y-axis
+   * @param z the vector value of the z-axis
+   * @param angle the rotate value for x&y&z vector.
+   * @devices tv, phone, tablet, wearable
+   */
+  rotate3d(x: number, y: number, z: number, angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the X axes.
+   * @param x the scale value for x-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  rotateX(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Y axes.
+   * @param y the scale value for y-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  rotateY(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Z axes.
+   * @param z the scale value for z-axis
+   * @devices tv, phone, tablet, wearable
+   */
+  rotateZ(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the X and Y axes.
+   * @param xAngle the angle of inclination along the x axis.
+   * @param yAngle the angle of inclination along the y axis.
+   * @devices tv, phone, tablet, wearable
+   */
+  skew(xAngle: number, yAngle: number): void;
+  /**
+   * Defines the 2D skew transition along the X axes.
+   * @param angle the angle of inclination along the x axis.
+   * @devices tv, phone, tablet, wearable
+   */
+  skewX(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the Y axes.
+   * @param angle the angle of inclination along the y axis.
+   * @devices tv, phone, tablet, wearable
+   */
+  skewY(angle: number): void;
+  /**
+   * Defines a perspective view for the 3D transformation element.
+   * @param n the vertical distance from the observation point to the component plane.
+   * @devices tv, phone, tablet, wearable
+   */
+  perspective(verticalDistance: number): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface AnimateOptions {
+  /**
+   * Duration of the animation, in milliseconds.
+   * The default value is 0.
+   * @devices tv, phone, tablet, wearable
+   */
+  duration: number;
+
+  /**
+   * Time curve of the animation. For details about the supported types.
+   * linear The animation speed keeps unchanged.
+   * ease The animation starts and ends at a low speed, cubic-bezier(0.25, 0.1, 0.25, 1.0).
+   * ease-in The animation starts at a low speed, cubic-bezier(0.42, 0.0, 1.0, 1.0).
+   * ease-out The animation ends at a low speed, cubic-bezier(0.0, 0.0, 0.58, 1.0).
+   * ease-in-out The animation starts and ends at a low speed, cubic-bezier(0.42, 0.0, 0.58, 1.0).
+   * fast-out-slow-in Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0).
+   * linear-out-slow-in Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0).
+   * fast-out-linear-in Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0).
+   * friction Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0).
+   * extreme-deceleration Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0).
+   * sharp Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0).
+   * rhythm Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0).
+   * smooth Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0).
+   * cubic-bezier(x1, y1, x2, y2) You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1.
+   * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
+   * The default value is ease.
+   * @devices tv, phone, tablet, wearable
+   */
+  easing: string;
+
+  /**
+   * Delay for the animation start. The default value indicates no delay.
+   * The default value is 0.
+   * @devices tv, phone, tablet, wearable
+   */
+  delay: number;
+
+  /**
+   * Number of times the animation will be played. number indicates a fixed number of playback operations, and Infinity indicates an unlimited number of playback operations.
+   * The default value is 1.
+   * @devices tv, phone, tablet, wearable
+   */
+  iterations: number | string;
+
+  /**
+   * The animation playback mode.
+   * The default value is "normal".
+   * @devices tv, phone, tablet, wearable
+   */
+  direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
+
+  /**
+   * Whether to resume to the initial state after the animation is executed.
+   * none: The initial state is restored after the animation is executed.
+   * forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed.
+   * @devices tv, phone, tablet, wearable
+   */
+  fill: "none" | "forwards" | "backwards" | "both";
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface AnimationResult {
+  /**
+   * Read-only attribute, which indicates whether the animation playback is complete.
+   * @devices tv, phone, tablet, wearable
+   */
+  finished: boolean;
+  /**
+   * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations (for example, start an animation with a delay).
+   * @devices tv, phone, tablet, wearable
+   */
+  pending: boolean;
+  /**
+   * Animation running state:
+   * idle: The animation is not running (playback ended or not started).
+   * running: The animation is running.
+   * paused: The animation is paused.
+   * finished: Animation playback ends.
+   * @devices tv, phone, tablet, wearable
+   */
+  playstate: string;
+  /**
+   * Animation start time. This attribute is similar to that of delay in the options parameters.
+   * @devices tv, phone, tablet, wearable
+   */
+  startTime: number;
+  /**
+   * Starts the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   * @devices tv, phone, tablet, wearable
+   */
+  reverse(): void;
+  /**
+   * The animation is started.
+   * @devices tv, phone, tablet, wearable
+   */
+  onstart: () => void;
+  /**
+   * The animation is finished.
+   * @devices tv, phone, tablet, wearable
+   */
+  onfinish: () => void;
+  /**
+   * The animation is canceled.
+   * @devices tv, phone, tablet, wearable
+   */
+  oncancel: () => void;
+  /**
+   * The animation is repeated.
+   * @devices tv, phone, tablet, wearable
+   */
+  onrepeat: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface Element {
+  /**
+   * Requests or cancels the focus for a component.
+   * If focus is set to true, the focus is requested for the component.
+   * If focus is set to false, the focus is canceled for the component.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   * @devices tv, phone, tablet, wearable
+   */
+  focus(obj?: FocusParamObj): void;
+
+  /**
+   * Requests or cancels the crown rotation focus for a component.
+   * If focus is set to true, the crown event focus is requested.
+   * If focus is set to false, the crown event focus is canceled.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   * @devices tv, phone, tablet, wearable
+   */
+  rotation(obj?: FocusParamObj): void;
+
+  /**
+   * Creates and runs an animation shortcut on the component. Specify the keyframes and options required for the animation.
+   * @param keyframes keyframes is used to describe key frame parameters of the animation.
+   * @param options Options. is used to describe animation parameters.
+   * @returns This method returns the animation object.
+   * @devices tv, phone, tablet, wearable
+   */
+  animate(
+    keyframes: Array<AnimateStyle>,
+    options: AnimateOptions
+  ): AnimationResult;
+
+  /**
+   * Obtains the size and position of the element.
+   * @returns RectObj the size position of the element.
+   * @devices tv, phone, tablet, wearable
+   */
+  getBoundingClientRect(): RectObj;
+
+  /**
+   * If 0.5 is returned, 50% of the current component is visible.
+   * @param radios Scope of Monitoring components.
+   */
+  createIntersectionObserver(param: {ratios: Array<number>}): observer;
+}
+
+export interface observer {
+  /**
+   * Turn on the listener.
+   */
+  observe(callback: string): void;
+
+  /**
+   * Turn off the listenerr.
+   */
+  unobserve(): void;
+}
+
+/**
+ * animation element
+ * @devices tv, phone, tablet, wearable
+ */
+export interface AnimationElement extends Element {
+  /**
+   * Starts the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   * @devices tv, phone, tablet, wearable
+   */
+  reverse(): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ScrollParam {
+  /**
+   * Offset for scrolling in the horizontal direction, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  dx?: number;
+
+  /**
+   * Offset for scrolling in the vertical direction, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  dy?: number;
+
+  /**
+   * Whether a sliding animation is displayed when scroll position is changed.
+   * @devices tv, phone, tablet, wearable
+   */
+  smooth?: boolean;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CurrentOffsetResultValue {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  y: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface ListScrollToOptions {
+  /**
+   * specified position.
+   */
+  index: number;
+}
+
+/**
+ * The <list> component provides a list container.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ListElement extends Element {
+  /**
+   * Scrolls the list to the position of the item at the specified index.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  scrollTo(position: ListScrollToOptions): void;
+
+  /**
+   * Scrolls the list for a certain distance.
+   * This method applies only to smart TVs.
+   * @devices tv
+   */
+  scrollBy(data: ScrollParam): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the top.
+   * If smooth is set to true, the list is smoothly scrolled to the top.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollTop(param: { smooth: boolean }): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the bottom.
+   * If smooth is set to true, the list is smoothly scrolled to the bottom.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollBottom(param: { smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the next page is displayed. If there is no next page, the list scrolls to the bottom.
+   * If reverse is set to true, the previous page is displayed. If there is no previous page, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled to another page.
+   * If smooth is set to true, the list is smoothly scrolled to another page.
+   * @param params
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollPage(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the list scrolls towards the bottom for a certain distance. If there is no sufficient distance, the list scrolls to the bottom.
+   * If reverse is set to true, the list scrolls towards the top for a certain distance. If there is no sufficient distance, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled.
+   * If smooth is set to true, the list is smoothly scrolled.
+   * @param params
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * Collapses a group.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  collapseGroup(param: {
+    /**
+     * groupid: ID of the group to collapse.
+     * All groups are collapsed when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Expands a group.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  expandGroup(param: {
+    /**
+     * groupid: ID of the group to expand.
+     * All groups are expanded when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   * @devices tv, phone, tablet, wearable
+   */
+  currentOffset(): CurrentOffsetResultValue;
+}
+
+/**
+ * The <swiper> component provides a swiper container.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface SwiperElement extends Element {
+  /**
+   * Scrolls the child component to the position at the specified index.
+   * @devices tv, phone, tablet, wearable
+   */
+  swipeTo(position: {
+    /**
+     * specified position.
+     */
+    index: number;
+  }): void;
+
+  /**
+   * Shows the next child component.
+   * @devices tv, phone, tablet, wearable
+   */
+  showNext(): void;
+
+  /**
+   * Shows the previous child component.
+   * @devices tv, phone, tablet, wearable
+   */
+  showPrevious(): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CameraTakePhotoOptions {
+  /**
+   * Picture quality.
+   */
+  quality: "high" | "normal" | "low";
+
+  /**
+   * Callback function for successful interface invocation.
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  success?: (result: Object) => void;
+
+  /**
+   * Callback function for interface invocation failure.
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  fail?: (result: Object) => void;
+
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  complete?: (result: Object) => void;
+}
+
+/**
+ * The <camera> component provides preview and photographing functions..
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CameraElement extends Element {
+  /**
+   * Take photos with specified parameters.
+   * @param options the parameters of camera.
+   * @devices tv, phone, tablet, wearable
+   */
+  takePhoto(options: CameraTakePhotoOptions): void;
+}
+
+/**
+ * The <web> component is a container for displaying web page content.
+ * @devices tv, phone, tablet
+ */
+export interface WebElement extends Element {
+  /**
+   * Reload the web page content
+   * @devices tv, phone, tablet
+   */
+  reload(): void;
+}
+
+/**
+ * The <dialog> component is a custom pop-up container.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface DialogElement extends Element {
+  /**
+   * Shows a dialog box.
+   * @devices tv, phone, tablet, wearable
+   */
+  show(): void;
+  /**
+   * Closes a dialog box.
+   * @devices tv, phone, tablet, wearable
+   */
+  close(): void;
+}
+
+/**
+ * The <image-animator> component is used to provide an image frame animator.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ImageAnimatorElement extends Element {
+  /**
+   * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  start(): void;
+  /**
+   * Pauses the frame animation playback of an image.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  pause(): void;
+  /**
+   * Stops the frame animation playback of an image.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  stop(): void;
+  /**
+   * Resumes the frame animation playback of an image.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  resume(): void;
+  /**
+   * Obtains the playback state. Available values are as follows:
+   * Playing
+   * Paused
+   * Stopped
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  getState(): "Playing" | "Paused" | "Stopped";
+}
+
+/**
+ * The <marquee> component inserts scrolling text, which is displayed in a single line by default.
+ * When the text length exceeds the display area of the component, the marquee effect is displayed.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface MarqueeElement extends Element {
+  /**
+   * Starts scrolling.
+   * @devices tv, phone, tablet, wearable
+   */
+  start(): void;
+
+  /**
+   * Stops scrolling.
+   * @devices tv, phone, tablet, wearable
+   */
+  stop(): void;
+}
+
+/**
+ * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
+ * @devices tv, phone, tablet
+ */
+export interface MenuElement extends Element {
+  /**
+   * Displays the menu.
+   * x and y specify the position of the displayed menu.
+   * x indicates the X-axis coordinate from the left edge of the visible area, and does not include any scrolling offset.
+   * y indicates the Y-axis coordinate from the upper edge of the visible area, and does not include any scrolling offset or a status bar.
+   * The menu is preferentially displayed in the lower right corner.
+   * When the visible space on the right is insufficient, the menu is moved leftward.
+   * When the visible space in the lower part is insufficient, the menu is moved upward.
+   * @param position
+   * @devices tv, phone, tablet
+   */
+  show(position: { x: number; y: number }): void;
+}
+
+/**
+ * The <chart> component displays line charts, gauge charts, and bar charts.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ChartElement extends Element {
+  /**
+   * Data is dynamically added to an existing data sequence.
+   * The target sequence is specified based on serial, which is the subscript of the datasets array and starts from 0.
+   * datasets[index].data is not updated. Only line charts support this attribute.
+   * The value is incremented by 1 based on the horizontal coordinate and is related to the xAxis min/max setting.
+   * @devices tv, phone, tablet, wearable
+   */
+  append(params: {
+    /**
+     * Set the data subscript of the line chart to be updated.
+     */
+    serial: number;
+    /**
+     * Set the new data.
+     */
+    data: Array<number>;
+  }): void;
+}
+
+/**
+ * The <input> component provides an interactive interface to receive user input, which is displayed in a single line by default.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface InputElement extends Element {
+  /**
+   * Obtains or loses the focus of a component.
+   * When the component type is set to text, email, date, time, number, or password, the input method can be displayed or collapsed.
+   * @param param If focus is not passed, the default value true is used.
+   * @devices tv, phone, tablet, wearable
+   */
+  focus(param: { focus: boolean }): void;
+
+  /**
+   * Displays the error message.
+   * This attribute is available when the component type is set to text, email, date, time, number, or password.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  showError(param: { error: string }): void;
+
+  /**
+   * Deletes the previous character at the cursor position.
+   * @devices tv, phone, tablet, wearable
+   */
+  delete(): void;
+}
+
+/**
+ * The <button> component includes capsule, circle, text, arc, and download buttons.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ButtonElement extends Element {
+  /**
+   * Progress bar of the download button.
+   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
+   * If the value is greater than or equal to 100, the progress bar is not displayed.
+   * NOTE
+   * The text displayed on the progress bar is changed based on the value.
+   * @param param
+   * @devices tv, phone, tablet, wearable
+   */
+  setProgress(param: { progress: number }): void;
+}
+
+/**
+ * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
+ * @devices tv, phone, tablet
+ */
+export interface TextAreaElement extends Element {
+  /**
+   * Obtains or loses the focus of a component, which can display or collapse the input method.
+   * @param param If focus is not passed, the default value true is used.
+   * @devices tv, phone, tablet
+   */
+  focus(param: { focus: boolean }): void;
+}
+
+/**
+ * The <picker> component supports common, date, time, and multi-column text selectors.
+ * @devices tv, phone, tablet
+ */
+export interface PickerElement extends Element {
+  /**
+   * Displays the picker.
+   * @devices tv, phone, tablet
+   */
+  show(): void;
+}
+
+/**
+ * The <video> component provides a video player.
+ * @devices tv, phone, tablet
+ */
+export interface VideoElement extends Element {
+  /**
+   * Requests to start playing a video.
+   * @devices tv, phone, tablet
+   */
+  start(): void;
+
+  /**
+   * Requests to pause a video.
+   * @devices tv, phone, tablet
+   */
+  pause(): void;
+
+  /**
+   * Specifies the video playing position.
+   * @param param
+   * @devices tv, phone, tablet
+   */
+  setCurrentTime(param: { currenttime: number }): void;
+
+  /**
+   * Requests to enter the full screen mode.
+   * @param param
+   * @devices tv, phone, tablet
+   */
+  requestFullscreen(param: { screenOrientation: "default" }): void;
+
+  /**
+   * Requests to exit the full screen mode.
+   * @devices tv, phone, tablet
+   */
+  exitFullscreen(): void;
+
+  /**
+   * Requests to stop playing a video.
+   * @devices tv, phone, tablet
+   */
+  stop(): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface TextMetrics {
+  /**
+   * @devices tv, phone, tablet, wearable
+   */
+  width: number;
+}
+
+/**
+ * Provides a 2D rendering context for the drawing surface of the < Canvas > element.
+ * It is used to draw shapes, text, images and other objects.
+ */
+export interface OffscreenCanvasRenderingContext2D {
+  /**
+   * Gets the dotted spacing of a line.
+   * Returns the current line segment style array containing an even number of non-negative numbers.
+   */
+  getLineDash: Array<number>;
+
+  /**
+   * Fill style attribute.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the dotted spacing of a line.
+   * @param segments A set of numbers describing the length of alternating drawn line segments and spacing (coordinate space units).
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   */
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   * @param sx The upper-left X-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sy The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sw The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param sh The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   */
+  drawImage(image: Image, sx: number, sy: number, sw: number, sh: number,dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Creates a drawing path.
+   */
+  beginPath(): void;
+
+  /**
+   * Crop the current canvas.
+   */
+  clip(): void;
+
+  /**
+   * Fills the current canvas with color.
+   */
+  fill(): void;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(x: number, y: number): boolean;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param path The Path2D path that needs to be populated.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @param fillRule This algorithm determines whether a point is in or out of the path.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param path Path2D path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Stroke draws the current path.
+   */
+  stroke(): void;
+
+  /**
+   * Stroke draws the current path.
+   * @param path The object of Path2D.
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Create a radial tween object.
+   * @param x0 The x coordinate of the circle at the beginning.
+   * @param y0 The y coordinate of the circle at the beginning.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+
+  /**
+   * Create a drawing style template.
+   * @param image The CanvasImageSource object that is the source of the duplicate image.
+   * @param repetition Specify how to repeat images.
+   * @returns CanvasPattern An opaque object that describes a schema.
+   */
+  createPattern(image: Image, repetition: string): CanvasPattern;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+
+  /**
+   * Create an ImageData object.
+   * @param sw The width of the new object.
+   * @param sh The height of the new object.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(sw: number, sh: number): ImageData;
+
+  /**
+   * Create an ImageData object.
+   * @param imagedata Copy an object of the same width and height from an existing ImageData object The image itself is not allowed to be copied.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Get an ImageData object.
+   * @param sx The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param sy The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param sw The width of the rectangular area of the image data to be extracted.
+   * @param sh The height of the rectangular area of the image data to be extracted.
+   * @returns ImageData An ImageData object that contains the rectangular ImageData given by the canvas.
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @param dirtyX In the source image data, the position of the upper left corner of the rectangular region Default is the upper left corner of the entire image data (x coordinate).
+   * @param dirtyY In the source image data, the position of the upper left corner of the rectangular region Default is the top left corner (y coordinate) of the entire image data.
+   * @param dirtyWidth In the source image data, the width of a rectangular region. Default is the width of the image data.
+   * @param dirtyHeight In the source image data, the height of a rectangular region. Default is the height of the image data.
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void;
+
+  /**
+   * Draw an arc.
+   * @param radius Radius of an arc.
+   * @param x The X-axis coordinates of the center of the circle.
+   * @param y The Y-axis coordinates of the center of an arc (center of a circle).
+   * @param startAngle The starting point of the arc, in the X-axis direction, is calculated in radians.
+   * @param endAngle The end point of an arc, expressed in radians.
+   * @param anticlockwise An optional Boolean value. If true, the arc is drawn counterclockwise, and otherwise clockwise.
+   */
+  arc(radius: number, x: number, y: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Draws an arc from the beginning to the end.
+   * @param radius Radius of an arc.
+   * @param x1 The X-axis coordinates of the first control point.
+   * @param y1 The y-coordinate of the first control point.
+   * @param x2 The X-axis coordinates of the second control point.
+   * @param y2 The Y-axis coordinates of the second control point.
+   */
+  arcTo(x1: number, x2: number, y1: number, y2: number, radius: number): void;
+
+  /**
+   * Draw a third order Bezier curve.
+   * @param cp1x The X-axis coordinates of the first control point.
+   * @param cp1y The y-coordinate of the first control point.
+   * @param cp2x The X-axis coordinates of the second control point.
+   * @param cp2y The Y-axis coordinates of the second control point.
+   * @param x The x-coordinate of the end point.
+   * @param y The y-coordinate of the end point
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+
+  /**
+   * Closing the current path.
+   */
+  closePath(): void;
+
+  /**
+   * Draw a straight line.
+   * @param x The X-axis coordinates at the end of the line.
+   * @param y The Y-axis coordinates at the end of the line.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draw an ellipse.
+   * @param x The X-axis coordinates of the center of the ellipse.
+   * @param y The Y-axis coordinates of the center of the ellipse.
+   * @param radiusX The radius of the major axis of an ellipse.
+   * @param radiusY The radius of the short axis of an ellipse.
+   * @param rotation The Angle of rotation of an ellipse, expressed in radians.
+   * @param startAngle The starting point Angle to be plotted, measured from the X-axis, is expressed in radians.
+   * @param endAngle The Angle, expressed in radians, at which the ellipse will be drawn.
+   * @param anticlockwise If true, the ellipse is drawn counterclockwise (counterclockwise) and clockwise otherwise.
+   */
+  ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Moves the current canvas to the specified coordinate point.
+   * @param x The x axis.
+   * @param y The y axis.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Draw a second order Bezier curve.
+   * @param x The X-axis of the end point.
+   * @param y The Y-axis of the end point.
+   * @param cpx The X-axis coordinates of the control points.
+   * @param cpy The y-coordinate of the control point.
+   */
+  quadraticCurveTo(cpx: number, cpy: number,x: number, y: number): void;
+
+  /**
+   * Draw a rectangle.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  rect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Clears the contents of the specified rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  clearRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Fills a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  fillRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of the rectangle. Positive values on the right, negative values on the left.
+   * @param h The height of the rectangle. Positive values are down, negative values are up.
+   */
+  strokeRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param text Render text using the current values of font, textAlign, textBaseline, and direction.
+   * @param y The Y-axis coordinates of the starting point of the text.
+   * @param x The X-axis coordinates of the starting point of the text.
+   * @param maxWidth Maximum width to draw.
+   */
+  fillText(text: string, y: number, x: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Draws the stroke of a text string.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   * @param maxWidth Maximum width to draw.
+   */
+  strokeText(text: string, x: number, y: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Resets the current matrix transformation effect.
+   */
+  resetTransform(): void;
+
+  /**
+   * Adds a rotation effect to the current canvas.
+   * @param angle The radian of clockwise rotation.
+   */
+  rotate(angle: number): void;
+
+  /**
+   * Adds a zoom effect to the current canvas.
+   * @param x The horizontal scaling factor.
+   * @param y The scaling factor in the vertical direction.
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Adds a pan effect to the current canvas.
+   * @param x Horizontal movement distance.
+   * @param y Vertical movement.
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Restores the configuration information of the last saved canvas context.
+   */
+  restore(): void;
+
+  /**
+   * Saves configuration information for the current canvas context.
+   */
+  save(): void;
+}
+
+/**
+ * CanvasRenderingContext2D allows you to draw rectangles, text, images, and other objects on a canvas.
+ * You can call getContext('2d') on canvas to obtain a CanvasRenderingContext2D object.
+ */
+export interface CanvasRenderingContext2D {
+  /**
+   * Fills a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  fillRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Sets the style of a paint to fill an area.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Clears the content in a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   * @devices tv, phone, tablet, wearable
+   */
+  clearRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws a rectangle stroke on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle stroke.
+   * @param y Y-coordinate of the upper left corner of the rectangle stroke.
+   * @param width Width of the rectangle stroke.
+   * @param height Height of the rectangle stroke.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  strokeRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws filled text on the canvas.
+   * @param text Text to draw.
+   * @param x X-coordinate of the lower left corner of the text.
+   * @param y Y-coordinate of the lower left corner of the text.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  fillText(text: string, x: number, y: number): void;
+
+  /**
+   * Draws a text stroke on the canvas.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   * @devices tv, phone, tablet, wearable
+   */
+  strokeText(text: string, x: number, y: number): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   * @devices tv, phone, tablet, wearable
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Sets the width of a line.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  lineWidth?: number;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Draws a border stroke.
+   * @devices tv, phone, tablet, wearable
+   */
+  stroke(): void;
+
+  /**
+   * Draws a path stroke.
+   * @param path The object of Path2D.
+   * @devices tv, phone, tablet, wearable
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Creates a drawing path.
+   * @devices tv, phone, tablet, wearable
+   */
+  beginPath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   * @devices tv, phone, tablet, wearable
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   * @devices tv, phone, tablet, wearable
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a closed path.
+   * @devices tv, phone, tablet, wearable
+   */
+  closePath(): void;
+
+  /**
+   * Sets the style of line endpoints.
+   * Style of line endpoints. Available values include:
+   * butt (default): The endpoints of the line are in square.
+   * round: The endpoints of the line are rounded.
+   * square: The endpoints of the line are in square,
+   * and each end of the line is added with a rectangle whose length is the same as the line thickness and whose width is half of the line thickness.
+   * @devices tv, phone, tablet, wearable
+   */
+  lineCap: string;
+
+  /**
+   * Sets the style for an intersection point where a line joins another.
+   * Style of the intersection point of lines. Available values include:
+   * round: The intersection part is a sector. The radius of a rounded corner is equal to the line width.
+   * bevel: The intersection part is a triangle. The rectangular corner of each line is independent.
+   * miter (default): The intersection part has a miter corner by extending the outside edges of the lines until they meet. You can view the effect of this attribute in miterLimit.
+   * @devices tv, phone, tablet, wearable
+   */
+  lineJoin: string;
+
+  /**
+   * Sets the maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet.
+   * Maximum miter length. The default value is 10.
+   * @devices tv, phone, tablet, wearable
+   */
+  miterLimit: number;
+
+  /**
+   * Sets the font style.
+   * Font style.
+   * The default value is 10px sans-serif in tv, phone, tablet, wearable.
+   * The default value is 30px SourceHanSansSC-Regular in smartVision.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  font: string;
+
+  /**
+   * Sets the text alignment mode.
+   * Text alignment mode. Available values include:
+   * left (default): The text is left-aligned.
+   * right: The text is right-aligned.
+   * center: The text is center-aligned.
+   * start: The text is aligned with the start bound. Can't be supported by smartVision.
+   * end: The text is aligned with the end bound. Can't be supported by smartVision.
+   * NOTE
+   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  textAlign: "left" | "right" | "center" | "start" | "end";
+
+  /**
+   * Sets whether an image is smooth.
+   * default value is true.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  imageSmoothingEnabled: boolean;
+
+  /**
+   * Sets a text baseline in the horizontal direction for text alignment.
+   * Text baseline. Available values include:
+   * alphabetic (default): The text baseline is the normal alphabetic baseline.
+   * top: The text baseline is on the top of the text bounding box.
+   * hanging: The text baseline is a hanging baseline over the text.
+   * middle: The text baseline is in the middle of the text bounding box.
+   * ideographic: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline, the ideographic baseline is located at the bottom of the excessive character.
+   * bottom: The text baseline is at the bottom of the text bounding box. Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line.
+   * @devices tv, phone, tablet, wearable
+   */
+  textBaseline: string;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   * @devices tv, phone, tablet, wearable
+   */
+  createLinearGradient(
+    x0: number,
+    y0: number,
+    x1: number,
+    y1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a radial gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   * @devices tv, phone, tablet, wearable
+   */
+  createRadialGradient(
+    x0: number,
+    y0: number,
+    r0: number,
+    x1: number,
+    y1: number,
+    r1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a pattern for image filling based on a specified source image and repetition mode.
+   * @param image Source image.
+   * @param repetition Repetition mode. The value can be "repeat", "repeat-x", "repeat-y", or "no-repeat".
+   * @returns Pattern of image filling.
+   * @devices tv, phone, tablet, wearable
+   */
+  createPattern(image: Image, repetition: string): object;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   * @devices tv, phone, tablet, wearable
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   * @devices tv, phone, tablet, wearable
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   * @devices tv, phone, tablet, wearable
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   * @devices tv, phone, tablet, wearable
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   * @devices tv, phone, tablet, wearable
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   * @devices tv, phone, tablet, wearable
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   * @devices tv, phone, tablet, wearable
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   * @devices tv, phone, tablet, wearable
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Fills the area inside a closed path.
+   * @devices tv, phone, tablet, wearable
+   */
+  fill(): void;
+
+  /**
+   * Sets a path as the clipping path.
+   * @devices tv, phone, tablet, wearable
+   */
+  clip(): void;
+
+  /**
+   * Rotates a canvas clockwise around its coordinate axes.
+   * @param rotate Clockwise rotation angle. You can use Math.PI / 180 to convert the angle to radian.
+   * @devices tv, phone, tablet, wearable
+   */
+  rotate(rotate: number): void;
+
+  /**
+   * Scales a canvas based on scaling factors.
+   * @param x Horizontal scale factor.
+   * @param y Vertical scale factor.
+   * @devices tv, phone, tablet, wearable
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Defines a transformation matrix.
+   * To transform a graph, you only need to set parameters of the matrix.
+   * The coordinates of the corresponding graph are multiplied by the matrix values to obtain new coordinates of the transformed graph.
+   * You can use the matrix to implement multiple transform effects.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   * @devices tv, phone, tablet, wearable
+   */
+  transform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   * @devices tv, phone, tablet, wearable
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Moves the origin of the coordinate system.
+   * @param x X-axis translation.
+   * @param y Y-axis translation.
+   * @devices tv, phone, tablet, wearable
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Sets the alpha value.
+   * Global alpha value to set.
+   * The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
+   * @devices tv, phone, tablet, wearable
+   */
+  globalAlpha: number;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   * @devices tv, phone, tablet, wearable
+   */
+  drawImage(
+    image: Image,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param sx X-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sy Y-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sWidth Target width of the image to crop.
+   * @param sHeight Target height of the image to crop.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   * @devices tv, phone, tablet, wearable
+   */
+  drawImage(
+    image: Image,
+    sx: number,
+    sy: number,
+    sWidth: number,
+    sHeight: number,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Restores the saved drawing context.
+   * @devices tv, phone, tablet, wearable
+   */
+  restore: () => void;
+
+  /**
+   * Saves the current drawing context.
+   * @devices tv, phone, tablet, wearable
+   */
+  save: () => void;
+
+  /**
+   * Creates an ImageData object.
+   * @param width Width of the ImageData object.
+   * @param height Height of the ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   * @devices tv, phone, tablet, wearable
+   */
+  createImageData(width: number, height: number): ImageData;
+  /**
+   * Creates an ImageData object.
+   * @param imagedata ImageData object with the same width and height copied from the original ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   * @devices tv, phone, tablet, wearable
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * ImageData object created with pixels in the specified area on the canvas.
+   * @param sx X-coordinate of the upper left corner of the output area.
+   * @param sy Y-coordinate of the upper left corner of the output area.
+   * @param sw Width of the output area.
+   * @param sh Height of the output area.
+   * @returns ImageData object that contains pixels in the specified area on the canvas.
+   * @devices tv, phone, tablet, wearable
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   * @devices tv, phone, tablet, wearable
+   */
+  putImageData(imageData: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   * @param dirtyX X-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyY Y-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyWidth Width of the rectangle area to cop the source image.
+   * @param dirtyHeight Height of the rectangle area to cop the source image.
+   * @devices tv, phone, tablet, wearable
+   */
+  putImageData(
+    imageData: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number
+  ): void;
+
+  /**
+   * Sets the dash line style.
+   * @param segments Interval of alternate line segments and the length of spacing.
+   * @devices tv, phone, tablet, wearable
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Obtains the dash line style.
+   * @returns Interval of alternate line segments and the length of spacing.
+   * @devices tv, phone, tablet, wearable
+   */
+  getLineDash(): Array<number>;
+
+  /**
+   * Sets the dash line offset.
+   * Dash line offset. The value is a float number starting from 0.0.
+   * @devices tv, phone, tablet, wearable
+   */
+  lineDashOffset: number;
+
+  /**
+   * Sets the composite operation type.
+   * source-over Default value. Displays the new drawing above the existing drawing.
+   * source-atop Displays the new drawing on the top of the existing drawing.
+   * source-in Displays the new drawing inside the existing drawing.
+   * source-out Displays part of the new drawing that is outside of the existing drawing.
+   * destination-over Displays the existing drawing above the new drawing.
+   * destination-atop Displays the existing drawing above the new drawing.
+   * destination-in Displays the existing drawing inside the new drawing.
+   * destination-out Displays part of the existing drawing that is outside of the new drawing.
+   * lighter Displays both the new drawing and the existing drawing.
+   * copy Displays the new drawing and neglects the existing drawing.
+   * xor Combines the new drawing and existing drawing using the XOR operation.
+   * @devices tv, phone, tablet, wearable
+   */
+  globalCompositeOperation: string;
+
+  /**
+   * Sets the shadow blur degree.
+   * Shadow blur degree. A larger value indicates a more blurred shadow. The value is of the float type, and the default value is 0.
+   * @devices tv, phone, tablet, wearable
+   */
+  shadowBlur: number;
+
+  /**
+   * Sets the shadow color.
+   * @devices tv, phone, tablet, wearable
+   */
+  shadowColor: string;
+
+  /**
+   * Sets the x-axis shadow offset relative to the original object.
+   * X-axis shadow offset relative to the original object.
+   * @devices tv, phone, tablet, wearable
+   */
+  shadowOffsetX: number;
+
+  /**
+   * Sets the y-axis shadow offset relative to the original object.
+   * Y-axis shadow offset relative to the original object.
+   * @devices tv, phone, tablet, wearable
+   */
+  shadowOffsetY: number;
+
+  /**
+   * Draws the Bitmap to the current canvas.
+   * @devices tv, phone, tablet, wearable
+   */
+  transferFromImageBitmap(bitmap: ImageBitmap): void;
+}
+
+/**
+ * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CanvasGradient {
+  /**
+   * Adds a color stop for the CanvasGradient object based on the specified offset and gradient color.
+   * @param offset Proportion of the distance between the color stop and the start point to the total length.
+   * The value ranges from 0 to 1.
+   * @param color Sets the gradient color.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  addColorStop(offset: number, color: string): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface Path2D {
+  /**
+   * Add another path to current path.
+   * @param path another created Path2D object.
+   * @devices tv, phone, tablet, wearable
+   */
+  addPath(path: Path2D): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   * @devices tv, phone, tablet, wearable
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Draws a closed path.
+   * @devices tv, phone, tablet, wearable
+   */
+  closePath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   * @devices tv, phone, tablet, wearable
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   * @devices tv, phone, tablet, wearable
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   * @devices tv, phone, tablet, wearable
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   * @devices tv, phone, tablet, wearable
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   * @devices tv, phone, tablet, wearable
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   * @devices tv, phone, tablet, wearable
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   * @devices tv, phone, tablet, wearable
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   * @devices tv, phone, tablet, wearable
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+}
+
+/**
+ * <canvas> provides a rectangular canvas component for drawing graphics on the screen.
+ * You can control each pixel to draw on the canvas.
+ * <canvas> offers a variety of functions for drawing paths, rectangles, circles, text, and allows for adding images to it.
+ */
+export interface CanvasElement extends Element {
+  /**
+   * Obtains the context of 2D canvas drawing.
+   * Only parameters related to 2D canvas drawing are supported.
+   * The return value is a 2D drawing object that provides specific 2D drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  getContext(type: string, options?: ContextAttrOptions): CanvasRenderingContext2D;
+
+  /**
+   * Creates a data URI that contains the image display.
+   * @param type A DOMString indicating the image format. The default type is image/png.
+   * @param quality A Number between 0 and 1 indicating image quality if the type option
+   * is image/jpeg or image/webp. If this argument is anything else,
+   * the default value for image quality is used. Other arguments are ignored.
+   * @devices tv, phone, tablet, wearable
+   */
+  toDataURL(type?: string, quality?: number): string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ScrollOptions {
+  /**
+   * Scroll to the target position of the page. Unit: px
+   * @devices tv, phone, tablet, wearable
+   */
+  position: number;
+
+  /**
+   * Duration of the scrolling animation, in ms.
+   * @devices tv, phone, tablet, wearable
+   */
+  duration: number;
+
+  /**
+   * The selector for current scroll.
+   * @devices tv, phone, tablet, wearable
+   */
+  id?: string;
+
+  /**
+   * The timing function for current scroll animation.
+   * @devices tv, phone, tablet, wearable
+   */
+  timingFunction?: string;
+
+  /**
+   * Callback function for successful interface invocation.
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  success?: (result: Object) => void;
+
+  /**
+   * Callback function for interface invocation failure.
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  fail?: (result: Object) => void;
+
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   * @param result the request execution result.
+   * @devices tv, phone, tablet, wearable
+   */
+  complete?: (result: Object) => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ScrollOffset {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   * @devices tv, phone, tablet, wearable
+   */
+  y: number;
+}
+
+/**
+ * The <div> component provides a div container.
+ * @devices tv, phone, tablet, wearable
+ */
+export interface DivElement extends Element {
+  /**
+   * Scrolls the div for a certain distance.
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollBy(data: ScrollParam): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   * @devices tv, phone, tablet, wearable
+   */
+  getScrollOffset(): ScrollOffset;
+}
+
+export interface Application {
+  /**
+   * Object that is exposed in the app.js file and obtained by this.$app.$def.
+   * @devices tv, phone, tablet, wearable
+   */
+  $def: any;
+}
+
+export interface ViewModel {
+  $app: Application;
+
+  /**
+   * Sets the parameters based on the system language, for example, this.$t('strings.hello').
+   * @param path Path of the language resource key.
+   * @param param Content used to replace placeholders during runtime.
+   * @returns Content.
+   * There are two types of placeholders available:Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', { name: 'Hello world' }).
+   * Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world'].
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  $t(path: string, params?: object | Array<any>): string;
+
+  /**
+   * Converses between singular and plural forms based on the system language, for example, this.$tc('strings.plurals').
+   * NOTE
+   * The resource content is distinguished by the following JSON keys: zero, one, two, few, many, and other.
+   * @param path Resource file path.
+   * @param count Value.
+   * @returns Content.
+   * @devices tv, phone, tablet, wearable
+   */
+  $tc(path: string, count: number): string;
+
+  /**
+   * Replace the resource path based on the DPI of the current device: this.$r('image.tv').
+   * @param path Resource file path.
+   * @returns Content.
+   * @devices tv, phone, tablet, wearable
+   */
+  $r(path: string): string;
+
+  /**
+   * Adds an attribute or modifies an existing attribute.
+   * Usage: this.$set('key',value): Add an attribute.
+   * @param key
+   * @param value
+   * @devices tv, phone, tablet, wearable
+   */
+  $set(key: string, value: any): void;
+
+  /**
+   * Deletes an attribute.
+   * Usage:this.$delete('key'): Delete an attribute.
+   * @param key
+   * @devices tv, phone, tablet, wearable
+   */
+  $delete(key: string): void;
+
+  /**
+   * Obtains the component with a specified ID. If no ID is specified, the root component is returned.
+   * Usage:
+   * <div id='xxx'></div>
+   * this.$element('xxx'): Obtain the component whose ID is xxx.
+   * this.$element(): Obtain the root component.
+   * @param id Component ID.
+   * @devices tv, phone, tablet, wearable
+   */
+  $element(
+    id?: string
+  ): AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    CameraElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement &
+    DivElement;
+
+  /**
+   * Obtains the root ViewModel instance.
+   * @devices tv, phone, tablet, wearable
+   */
+  $root(): ViewModel & object;
+
+  /**
+   * Obtains the parent ViewModel instance.
+   * @devices tv, phone, tablet, wearable
+   */
+  $parent(): ViewModel & object;
+
+  /**
+   * Obtains the ViewModel instance of a custom child component with a specified ID.
+   * Usage:this.$child('xxx'): Obtain the ViewModel instance of a custom child component whose ID is xxx.
+   * @param id Component ID.
+   * @devices tv, phone, tablet, wearable
+   */
+  $child(id: string): ViewModel & object;
+
+  /**
+   * Listens for attribute changes. If the value of the data attribute changes, the bound event is triggered.
+   * @param data Attribute.
+   * @param callback Function name.
+   * @devices tv, phone, tablet, wearable
+   */
+  $watch(data: string, callback: string): void;
+
+  /**
+   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  $refs: ElementReferences;
+
+  /**
+   * Custom events.
+   * @param event The name of event.
+   * @param params The params of event.
+   * @devices tv, phone, tablet, wearable
+   */
+  $emit(event: string, params?: object): void;
+
+  /**
+   * Scroll the page to the destination.
+   * @param options The properties of event.
+   * @devices tv, phone, tablet, wearable
+   */
+  scrollTo(options: ScrollOptions): void;
+}
+
+export interface ElementReferences {
+  [k: string]: AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    CameraElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement &
+    DivElement;
+}
+
+export declare class Locate {
+  /**
+   * language, such as 'zh'.
+   */
+  language: string;
+
+  /**
+   * country or regin, such ass 'CN'.
+   */
+  countryOrRegion: string;
+
+  /**
+   * text layout direction, ltr or rtl.
+   */
+  dir: "ltr" | "rtl";
+
+  /**
+   * The Unicode locale key set defined by the locale. If this locale does not have a specific key set, an empty set is
+   * returned. For example: {"nu": "arab"}, which means that the numbers in the current environment use Arabic numbers.
+   */
+  unicodeSetting: object;
+}
+
+export declare class Configuration {
+  /**
+   * Internationalization related information, such as language, country, text layout direction, etc.
+   */
+  locate: Locate;
+
+  /**
+   * The magnification of the current system font.
+   */
+  fontScale: number;
+}
+
+export interface Options<T extends ViewModel, Data = DefaultData<T>> {
+  /**
+   * Data model of the page that can be converted into a JSON object.
+   * The attribute name cannot start with $ or an underscore (_) or contain the reserved words such as for, if, show, and tid.
+   * For a function, the return value must be an object.
+   * Set the value of data to the return value of the function during page initialization.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  data?: Data;
+
+  /**
+   * Listens for page initialization.
+   * Called when page initialization is complete. This function is called only once in a lifecycle.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onInit?(): void;
+
+  /**
+   * Listens for page creation.
+   * Called when a page is created. This function is called only once in a lifecycle.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onReady?(): void;
+
+  /**
+   * Listens for page display.
+   * Called when the page is displayed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onShow?(): void;
+
+  /**
+   * Listens for page hiding.
+   * Called when the page disappears.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onHide?(): void;
+
+  /**
+   * Listens for page destruction.
+   * Called when the page is destroyed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onDestroy?(): void;
+
+  /**
+   * Listens for the back button action.
+   * The back button is tapped:
+   * @returns true means that the page processes the return logic.
+   * false means that the default return logic is used.
+   * If no value is returned, the default return logic is used.
+   * @devices tv, phone, tablet, wearable
+   */
+  onBackPress?(): boolean;
+
+  /**
+   * Listens for page active.
+   * Called when the page is activing.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onActive?(): void;
+
+  /**
+   * Listens for page inactive.
+   * Called when the page is paused.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onInactive?(): void;
+
+  /**
+   * This callback is triggered when a new request is received when the FA has started.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onNewRequest?(): void;
+
+  /**
+   * Callback when FA initiates a migration, in this callback, the application can decide whether
+   * to migrate according to the current state.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onStartContinuation?(): boolean;
+
+  /**
+   * For the callback of saving state data, the developer needs to fill in the parameter object
+   * the data to be migrated to the target device.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onSaveData?(value: object): void;
+
+  /**
+   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onRestoreData?(value: object): void;
+
+  /**
+   * The callback for the completion of the migration, which is triggered on the calling side, indicates
+   * the result of the application migration to the target device.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onCompleteContinuation?(code: number): void;
+
+  /**
+   * This callback is triggered when the corresponding system configuration changes, such as system font size,
+   * language region, etc.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onConfigurationUpdated?(configuration: Configuration): void;
+
+  /**
+   * Listens for application creation.
+   * Called when the application is created.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  onCreate?(): void;
+}
+
+type DefaultData<T> = object;
+type CombinedOptions<T extends ViewModel, Data> = object &
+  Options<T, Data> &
+  ThisType<T & ViewModel & Data>;
+export declare function extendViewModel<T extends ViewModel, Data>(
+  options: CombinedOptions<T, Data>
+): ViewModel & Data;
diff --git a/api/common/@system.app.d.ts b/api/common/@system.app.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9fb44ddfa11bb33de077654d714d45f062c677a7
--- /dev/null
+++ b/api/common/@system.app.d.ts
@@ -0,0 +1,128 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface AppResponse {
+  /**
+   * Application bundleName.
+   * @devices tv, phone, tablet, wearable
+   * @since 6
+   */
+  appID: string;
+
+  /**
+   * Application name.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  appName: string;
+
+  /**
+   * Application version name.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  versionName: string;
+
+  /**
+   * Application version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  versionCode: number;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface RequestFullWindowOptions {
+  /**
+   * Duration for transition from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   * @devices phone, tablet
+   * @since 3
+   */
+  duration?: number
+}
+
+/**
+ * @devices wearable, liteWearable
+ */
+export interface ScreenOnVisibleOptions {
+  /**
+   * Whether to keep the application visible. The default value is false.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  visible?: boolean;
+
+  /**
+   * Called when the application always keeps visible.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the application fails to keep visible.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export default class App {
+  /**
+   * Obtains the declared information in the config.json file of an application.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static getInfo(): AppResponse;
+
+  /**
+   * Destroys the current ability.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static terminate(): void;
+
+  /**
+   * Keeps the application visible after the screen is woken up.
+   * This method prevents the system from returning to the home screen when the screen is locked.
+   * @devices wearable, liteWearable
+   */
+  static screenOnVisible(options?: ScreenOnVisibleOptions): void;
+
+  /**
+   * Requests the application to run in full window.
+   * In some scenarios, such as semi-modal FA, the FA runs in non-full window.
+   * In this case, you can call this API.
+   * This API is invalid for an application already in full-window mode.
+   * @param options Transition time from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   * @devices phone, tablet
+   */
+  static requestFullWindow(options?: RequestFullWindowOptions): void;
+}
diff --git a/api/common/@system.battery.d.ts b/api/common/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d02b700e0805735f68a8d144b9e88627aac46736
--- /dev/null
+++ b/api/common/@system.battery.d.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface BatteryResponse {
+  /**
+   * Whether the battery is being charged
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  level: number;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface GetStatusOptions {
+  /**
+   * Called when the current charging state and battery level are obtained.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: (data: BatteryResponse) => void;
+
+  /**
+   * Called when the current charging state and battery level fail to be obtained.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export default class Battery {
+  /**
+   * Obtains the current charging state and battery level.
+   * @param options Options.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static getStatus(options?: GetStatusOptions): void;
+}
diff --git a/api/common/@system.bluetooth.d.ts b/api/common/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e3f38c1fa9a06ed68aa3c75ec9e3b6298f3ede30
--- /dev/null
+++ b/api/common/@system.bluetooth.d.ts
@@ -0,0 +1,86 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tv, wearable
+ */
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @devices phone, tablet, tv, wearable
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @devices phone, tablet, tv, wearable
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @devices phone, tablet, tv, wearable
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   * @devices phone, tablet, tv, wearable
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/common/@system.brightness.d.ts b/api/common/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..56b267086ccebae1dceb311ae955f4cf0f313771
--- /dev/null
+++ b/api/common/@system.brightness.d.ts
@@ -0,0 +1,233 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface BrightnessResponse {
+  /**
+   * Screen brightness, which ranges from 1 to 255.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  value: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GetBrightnessOptions {
+  /**
+   * Called when the current screen brightness is obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: (data: BrightnessResponse) => void;
+
+  /**
+   * Called when the current screen brightness fails to be obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface SetBrightnessOptions {
+  /**
+   * Screen brightness. The value is an integer ranging from 1 to 255.
+   * If the value is less than or equal to 0, value 1 will be used.
+   * If the value is greater than 255, value 255 will be used.
+   * If the value contains decimals, the integral part of the value will be used.
+   * For example, if value 8.1 is set, value 8 will be used.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  value: number;
+
+  /**
+   * Called when the setting is successful.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the setting fails.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution os completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface BrightnessModeResponse {
+  /**
+   * The value can be 0 or 1.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  mode: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GetBrightnessModeOptions {
+  /**
+   * Called when the screen brightness adjustment mode is obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: (data: BrightnessModeResponse) => void;
+
+  /**
+   * Called when the screen brightness adjustment mode fails to be obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface SetBrightnessModeOptions {
+  /**
+   * The screen brightness mode.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  mode: number;
+
+  /**
+   * Called when the setting is successful.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the setting fails.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface SetKeepScreenOnOptions {
+  /**
+   * Whether to always keep the screen on.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  keepScreenOn: boolean;
+
+  /**
+   * Called when the setting is successful.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the setting fails.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getValue(options?: GetBrightnessOptions): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static setValue(options: SetBrightnessOptions): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getMode(options?: GetBrightnessModeOptions): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static setMode(options: SetBrightnessModeOptions): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static setKeepScreenOn(options: SetKeepScreenOnOptions): void;
+}
diff --git a/api/common/@system.cipher.d.ts b/api/common/@system.cipher.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cffd00ed3a3fd1ef1426a05eab2e4aa08e92292a
--- /dev/null
+++ b/api/common/@system.cipher.d.ts
@@ -0,0 +1,195 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices smartVision
+ */
+export interface CipherResponse {
+  /**
+   * response text
+   * @devices smartVision
+   */
+  text: string;
+}
+
+/**
+ * @devices smartVision
+ */
+export interface CipherRsaOptions {
+  /**
+   * Action type.
+   * The options are as follows:
+   *   encrypt: Encrypts data.
+   *   decrypt: Decrypts data.
+   * @devices smartVision
+   * @since 3
+   */
+  action: string;
+
+  /**
+   * Text content to be encrypted or decrypted.
+   * The text to be encrypted must be a common text and cannot exceed the length calculated based on the formula (keySize/8 - 66).
+   * keySize indicates the key length.
+   * For example, if the key length is 1024 bytes, the text cannot exceed 62 bytes (1024/8 - 66 = 62).
+   * The text content to be decrypted must be a binary value encoded using Base64.
+   * The default format is used for Base64 encoding.
+   * @devices smartVision
+   * @since 3
+   */
+  text: string;
+
+  /**
+   * Keys encrypted using RSA.
+   * During encryption, this parameter is a public key.
+   * During decryption, it is a private key.
+   * @devices smartVision
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * RSA algorithm padding.
+   * The default value is RSA/None/OAEPWithSHA256AndMGF1Padding.
+   * @devices smartVision
+   * @since 3
+   */
+  transformation?: string;
+
+  /**
+   * Called when data is encrypted or decrypted successfully.
+   * @devices smartVision
+   * @since 3
+   */
+  success: (data: CipherResponse) => void;
+
+  /**
+   * Called when data fails to be encrypted or decrypted.
+   * @devices smartVision
+   * @since 3
+   */
+  fail: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices smartVision
+   * @since 3
+   */
+  complete: () => void;
+}
+
+/**
+ * @devices smartVision
+ */
+export interface CipherAesOptions {
+  /**
+   * Action type.
+   * The options are as follows:
+   *   encrypt: Encrypts data.
+   *   decrypt: Decrypts data.
+   * @devices smartVision
+   * @since 3
+   */
+  action: string;
+
+  /**
+   * Text content to be encrypted or decrypted.
+   * The text to be encrypted must be a common text.
+   * The text content to be decrypted must be a binary value encoded using Base64.
+   * The default format is used for Base64 encoding.
+   * @devices smartVision
+   * @since 3
+   */
+  text: string;
+
+  /**
+   * Key used for encryption or decryption, which is a character string encrypted using Base64.
+   * @devices smartVision
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Encryption mode and padding of the AES algorithm.
+   * The default value is AES/CBC/PKCS5Padding.
+   * @devices smartVision
+   * @since 3
+   */
+  transformation?: string;
+
+  /**
+   * Initial vector for AES-based encryption and decryption.
+   * The value is a character string encoded using Base64.
+   * The default value is the key value.
+   * @devices smartVision
+   * @since 3
+   */
+  iv?: string;
+
+  /**
+   * Offset of the initial vector for AES-based encryption and decryption.
+   * The default value is 0.
+   * @devices smartVision
+   * @since 3
+   */
+  ivOffset?: string;
+
+  /**
+   * Length of the initial vector for AES-based encryption and decryption.
+   * The default value is 16.
+   * @devices smartVision
+   * @since 3
+   */
+  ivLen?: string;
+
+  /**
+   * Called when data is encrypted or decrypted successfully.
+   * @devices smartVision
+   * @since 3
+   */
+  success: (data: CipherResponse) => void;
+
+  /**
+   * Called when data fails to be encrypted or decrypted.
+   * @devices smartVision
+   * @since 3
+   */
+  fail: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices smartVision
+   * @since 3
+   */
+  complete: () => void;
+}
+
+/**
+ * @devices smartVision
+ */
+export default class Cipher {
+  /**
+   * Encrypts or decrypts data using RSA.
+   * @param options RSA options
+   * @devices smartVision
+   */
+  static rsa(options: CipherRsaOptions): void;
+
+  /**
+   * Encrypts or decrypts data using AES.
+   * @param options AES options
+   * @devices smartVision
+   */
+  static aes(options: CipherAesOptions): void;
+}
diff --git a/api/common/@system.configuration.d.ts b/api/common/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..00540ce94e0cf49ee20cc96f54a4d43d27bf4bce
--- /dev/null
+++ b/api/common/@system.configuration.d.ts
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface LocaleResponse {
+  /**
+   * Current language of the application. Example: zh.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  language: string;
+
+  /**
+   * Country or region. Example: CN.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  countryOrRegion: string;
+
+  /**
+   * Text layout direction. Available values are as follows:
+   * ltr: The text direction is from left to right.
+   * rtl: The text direction is from right to left.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  dir: "ltr" | "rtl";
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export default class Configuration {
+  /**
+   * Obtains the current locale of the application, which is the same as the system locale.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getLocale(): LocaleResponse;
+}
diff --git a/api/common/@system.device.d.ts b/api/common/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bbe7a9cdadd630ff2a1c8e1ea61de3fd6b2b4141
--- /dev/null
+++ b/api/common/@system.device.d.ts
@@ -0,0 +1,149 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * circle: Circle screen.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/common/@system.fetch.d.ts b/api/common/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..539ff51c4d025e3125bc872b08aa5d0b8df699a1
--- /dev/null
+++ b/api/common/@system.fetch.d.ts
@@ -0,0 +1,115 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FetchResponse {
+  /**
+   * Server status code.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FetchOptions {
+  /**
+   * Resource URL.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  url: string;
+
+  /**
+   * Request parameter, which can be of the string type or a JSON object.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  data?: string | object;
+
+  /**
+   * Request header.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  header?: Object;
+
+  /**
+   * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE.
+   * The default value is GET.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  method?: "OPTIONS" | "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "TRACE";
+
+  /**
+   * The return type can be text, or JSON.
+   * By default, the return type is determined based on Content-Type in the header returned by the server.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  responseType?: string;
+
+  /**
+   * Called when the network data is obtained successfully.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: FetchResponse) => void;
+
+  /**
+   * Called when the network data fails to be obtained.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static fetch(options: FetchOptions): void;
+}
diff --git a/api/common/@system.file.d.ts b/api/common/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7f2424a1f561c551aa3e61a52535a704e13e7f5a
--- /dev/null
+++ b/api/common/@system.file.d.ts
@@ -0,0 +1,723 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * If type is dir, the length value is fixed to 0.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00.
+   * For lite wearables, the value is fixed to 0, because this parameter is restricted by the underlying file system.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. The values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+
+  /**
+   * File list. When the recursive value is true and the type is dir, the file information under the subdirectory will be returned.
+   * Otherwise, no value will be returned.
+   * @since 3
+   */
+  subFiles?: Array<FileResponse>;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileMoveOption {
+  /**
+   * URI of the file to move.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  srcUri: string;
+
+  /**
+   * URI of the file moved to the target location.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  dstUri: string;
+
+  /**
+   * Called when the source file is moved to the specified location successfully.
+   * This function returns the URI of the file moved to the target location.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (uri: string) => void;
+
+  /**
+   * Called when moving fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileListResponse {
+  /**
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fileList: Array<FileResponse>;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileListOption {
+  /**
+   * URI of the directory.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Called when the list is obtained successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (data: FileListResponse) => void;
+
+  /**
+   * Called when the list fails to be obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface FileCopyOption {
+  /**
+   * URI of the file to copy.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  srcUri: string;
+
+  /**
+   * URI of the file moved to the target location.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  dstUri: string;
+
+  /**
+   * Called when the copy file is saved successful.
+   * This function returns the URI of the file saved to the target location.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (uri: string) => void;
+
+  /**
+   * Called when the copy or save operation fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface FileGetOption {
+  /**
+   * File URI, which cannot be an application resource path.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Whether to recursively obtain the file list under a subdirectory.
+   * The default value is false.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  recursive?: boolean;
+
+  /**
+   * Called when file information is obtained successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (file: FileResponse) => void;
+
+  /**
+   * Called when file information fails to be obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface FileDeleteOption {
+  /**
+   * URI of the file to be deleted, which cannot be an application resource path.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Called when local files are deleted successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the deletion fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileWriteTextOption {
+  /**
+   * URI of a local file. If it does not exist, a file will be created.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Character string to write into the local file.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  text: string;
+
+  /**
+   * Encoding format. The default format is UTF-8.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  encoding?: string;
+
+  /**
+   * Whether to enable the append mode. The default value is false.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  append?: boolean;
+
+  /**
+   * Called when texts are written into a file successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when texts fail to be written into a file.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileReadTextResponse {
+  /**
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  text: string;
+}
+
+export interface FileReadTextOption {
+  /**
+   * URI of a local file.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Encoding format. The default format is UTF-8.
+   * Currently, only UTF-8 is supported.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  encoding?: string;
+
+  /**
+   * Position where the reading starts.
+   * The default value is the start position of the file.
+   * @devices liteWearable, smartVision
+   * @since 3
+   */
+  position?: number;
+
+  /**
+   * Position where the reading starts.
+   * The default value is the start position of the file.
+   * @devices liteWearable, smartVision
+   * @since 3
+   */
+  length?: number;
+
+  /**
+   * Called when texts are read successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (data: FileReadTextResponse) => void;
+
+  /**
+   * Called when texts fail to be read.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileWriteArrayBufferOption {
+  /**
+   * URI of a local file. If it does not exist, a file will be created.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Buffer from which the data is derived.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  buffer: Uint8Array;
+
+  /**
+   * Offset to the position where the writing starts. The default value is 0.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  position?: number;
+
+  /**
+   * Whether to enable the append mode.
+   * The default value is false. If the value is true, the position parameter will become invalid.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  append?: boolean;
+
+  /**
+   * Called when data from a buffer is written into a file successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when data from a buffer fails to be written into a file.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileReadArrayBufferResponse {
+  /**
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  buffer: Uint8Array;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileReadArrayBufferOption {
+  /**
+   * URI of a local file.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Position where the reading starts.
+   * The default value is the start position of the file.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  position?: number;
+
+  /**
+   * Length of the content to read.
+   * If this parameter is not set, all content of the file will be read.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  length?: number;
+
+  /**
+   * Called when the buffer data is read successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (data: FileReadArrayBufferResponse) => void;
+
+  /**
+   * Called when the buffer data fails to be read.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileAccessOption {
+  /**
+   * URI of the directory or file.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Called when the check result is obtained successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the check fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileMkdirOption {
+  /**
+   * URI of the directory.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * 3. A maximum of five recursions are allowed for creating the directory.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Whether to create the directory after creating its upper-level directory recursively.
+   * The default value is false.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  recursive?: boolean;
+
+  /**
+   * Called when the directory is created successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the creation fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface FileRmdirOption {
+  /**
+   * URI of the directory.
+   * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+   * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * 2. The maximum number of characters allowed is 128.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Whether to delete files and subdirectories recursively.
+   * The default value is false.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  recursive?: boolean;
+
+  /**
+   * Called when the directory is deleted successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the deletion fails.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export default class File {
+  /**
+   * Moves the source file to a specified location.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static move(options: FileMoveOption): void;
+
+  /**
+   * Copies a source file and save the copy to a specified location.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static copy(options: FileCopyOption): void;
+
+  /**
+   * Obtains the list of files in a specified directory.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static list(options: FileListOption): void;
+
+  /**
+   * Obtains information about a local file.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static get(options: FileGetOption): void;
+
+  /**
+   * Deletes local files.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static delete(options: FileDeleteOption): void;
+
+  /**
+   * Writes texts into a file.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static writeText(options: FileWriteTextOption): void;
+
+  /**
+   * Reads texts from a file.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static readText(options: FileReadTextOption): void;
+
+  /**
+   * Writes data from a buffer into a file.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static writeArrayBuffer(options: FileWriteArrayBufferOption): void;
+
+  /**
+   * Reads buffer data from a file.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static readArrayBuffer(options: FileReadArrayBufferOption): void;
+
+  /**
+   * Checks whether a file or directory exists.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static access(options: FileAccessOption): void;
+
+  /**
+   * Creates a directory.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static mkdir(options: FileMkdirOption): void;
+
+  /**
+   * Deletes a directory.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static rmdir(options: FileRmdirOption): void;
+}
diff --git a/api/common/@system.geolocation.d.ts b/api/common/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7036c284ad5b605fc1974af7974d75ceea4514af
--- /dev/null
+++ b/api/common/@system.geolocation.d.ts
@@ -0,0 +1,203 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Accuracy.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  time: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GetLocationOption {
+  /**
+   * Timeout duration, in milliseconds.
+   * For the rich device, the default value is 30000.
+   * For the lite wearable device, the default value is 180000.
+   * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+   * The value is a 32-digit positive integer.
+   * If the value set is less than or equal to 0, the default value will be used.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  timeout?: number;
+
+  /**
+   * Coordinate system type. Available types can be obtained using getSupportedCoordTypes.
+   * The default type is wgs84.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  coordType?: string;
+
+  /**
+   * Called when the geographic location is obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: (data: GeolocationResponse) => void;
+
+  /**
+   * Called when the location types fail to be obtained
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GetLocationTypeResponse {
+  /**
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface GetLocationTypeOption {
+  /**
+   * Called when the location types are obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success?: (data: GetLocationTypeResponse) => void;
+
+  /**
+   * Called when the location types fail to be obtained.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export interface SubscribeLocationOption {
+  /**
+   * Coordinate system type. Available types can be obtained using getSupportedCoordTypes.
+   * The default type is wgs84.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  coordType?: string;
+
+  /**
+   * Called whenever the geographical location changes.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success: (data: GeolocationResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getLocation(options?: GetLocationOption): void;
+
+  /**
+   * Obtains the location types supported by the system.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getLocationType(options?: GetLocationTypeOption): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static subscribe(options: SubscribeLocationOption): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains the supported coordinate system types.
+   * @returns A string array of the supported coordinate system types, for example, ['wgs84'].
+   * @devices tv, phone, tablet, wearable, liteWearable
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/common/@system.mediaquery.d.ts b/api/common/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c2c27bc3acb3cbccc4ab01e5394cf745e7c10306
--- /dev/null
+++ b/api/common/@system.mediaquery.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface MediaQueryEvent {
+  /**
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  matches: boolean;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface MediaQueryList {
+  /**
+   * Serialized media query condition.
+   * This parameter is read-only.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  media?: string;
+
+  /**
+   * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+   * This parameter is read-only.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  matches?: boolean;
+
+  /**
+   * Called when the matches value changes.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  onchange?: (matches: boolean) => void;
+
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  addListener(callback: (event: MediaQueryEvent) => void): void;
+
+  /**
+   * Removes a listening function from MediaQueryList.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  removeListener(callback: (event: MediaQueryEvent) => void): void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class MediaQuery {
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   * @devices tv, phone, tablet, wearable
+   */
+  static matchMedia(condition: string): MediaQueryList;
+}
diff --git a/api/common/@system.network.d.ts b/api/common/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f5419165b969c816ad33041fa9730996196ac052
--- /dev/null
+++ b/api/common/@system.network.d.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The value can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface GetNetworkTypeOptions {
+  /**
+   * Called when the network type is obtained.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: NetworkResponse) => void;
+
+  /**
+   * Called when the network type fails to be obtained.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface SubscribeNetworkOptions {
+  /**
+   * Called when the network connection state changes.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: NetworkResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @devices tv, phone, tablet, wearable
+   * @param options Options.
+   */
+  static getType(options?: GetNetworkTypeOptions): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static subscribe(options?: SubscribeNetworkOptions): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @devices tv, phone, tablet, wearable
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/common/@system.notification.d.ts b/api/common/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6a36704f726ffee57dd7a1f152ae28171f156630
--- /dev/null
+++ b/api/common/@system.notification.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface ShowNotificationOptions {
+  /**
+   * Notification title.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  contentTitle?: string;
+
+  /**
+   * Notification content.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  contentText?: string;
+
+  /**
+   * Action triggered after the notification is clicked.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  clickAction?: ActionResult;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Notification {
+  /**
+   * Displays the notification.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static show(options?: ShowNotificationOptions): void;
+}
diff --git a/api/common/@system.package.d.ts b/api/common/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4075447959c081fe12f2d5a4c5942724c41462c2
--- /dev/null
+++ b/api/common/@system.package.d.ts
@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  result: boolean;
+}
+
+export interface CheckPackageHasInstalledOptions {
+  /**
+   * Application bundle name.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Called when native applications are installed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: CheckPackageHasInstalledResponse) => void;
+
+  /**
+   * Called when native applications fail to be installed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static hasInstalled(options: CheckPackageHasInstalledOptions): void;
+}
diff --git a/api/common/@system.prompt.d.ts b/api/common/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..faa72559cb72f2a9b9a045146ced67bb802542c6
--- /dev/null
+++ b/api/common/@system.prompt.d.ts
@@ -0,0 +1,187 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ShowToastOptions {
+  /**
+   * Text to display.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  message: string;
+
+  /**
+   * Duration of toast dialog box. The default value is 1500.
+   * The recommended value ranges from 1500 ms to 10000ms.
+   * NOTE: A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  duration?: number;
+
+  /**
+   * The distance between toast dialog box and the bottom of screen.
+   * @devices tv, phone, tablet, wearable
+   * @since 5
+   */
+  bottom?: string | number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface Button {
+  /**
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  text: string;
+
+  /**
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  color: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ShowDialogSuccessResponse {
+  /**
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  index: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface ShowDialogOptions {
+  /**
+   * Title of the text to display.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  title?: string;
+
+  /**
+   * Text body.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  message?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  buttons?: [Button, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: ShowDialogSuccessResponse) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  cancel?: (data: string, code: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: (data: string) => void;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface ShowActionMenuOptions {
+  /**
+   * Title of the text to display.
+   * @devices phone, tablet
+   * @since 6
+   */
+  title?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to six buttons are supported.
+   * @devices phone, tablet
+   * @since 6
+   */
+  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  success?: (tapIndex: number, errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @devices phone, tablet
+   * @since 6
+   */
+  fail?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Prompt {
+  /**
+   * Displays the notification text.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static showToast(options: ShowToastOptions): void;
+
+  /**
+   * Displays the dialog box.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static showDialog(options: ShowDialogOptions): void;
+
+  /**
+   * Displays the menu.
+   * @param options Options.
+   * @devices phone, tablet
+   */
+  static showActionMenu(options: ShowActionMenuOptions): void;
+}
diff --git a/api/common/@system.request.d.ts b/api/common/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cb7578acc87f88804d5cd2d58f51d4778161e1c7
--- /dev/null
+++ b/api/common/@system.request.d.ts
@@ -0,0 +1,294 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server.
+   * The value type is determined by the returned content.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  token: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  uri: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestFile {
+  /**
+   * File name in the header when multipart is used.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content.
+   * By default, the type is obtained based on the suffix of the file name or URI.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  type?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestData {
+  /**
+   * Name of the form element.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface UploadRequestOptions {
+  /**
+   * Resource URL.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  url: string;
+
+  /**
+   * Form data in the request body.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  data?: Array<RequestData>;
+
+  /**
+   * List of files to upload, which is submitted through multipart/form-data.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  files: Array<RequestFile>;
+
+  /**
+   * Request header.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  header?: Object;
+
+  /**
+   * Request methods available: POST and PUT. The default value is POST.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  method?: string;
+
+  /**
+   * Called when the files are uploaded successfully.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: UploadResponse) => void;
+
+  /**
+   * Called when uploading fails.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface DownloadRequestOptions {
+  /**
+   * Resource URL.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  url: string;
+
+  /**
+   * Name of the file to downloaded.
+   * The value is obtained from the current request or resource URL by default.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Request header.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  header?: string;
+
+  /**
+   * Download description.
+   * The default value is the file name.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  description?: string;
+
+  /**
+   * Called when the files are successfully downloaded.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: DownloadResponse) => void;
+
+  /**
+   * Called when downloading fails.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface OnDownloadCompleteOptions {
+  /**
+   * Token of the result returned by the download function.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  token: string;
+
+  /**
+   * Called when the downloads are successfully obtained
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  success?: (data: OnDownloadCompleteResponse) => void;
+
+  /**
+   * Called when the downloads fail to be obtained.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static upload(options: UploadRequestOptions): void;
+
+  /**
+   * This API is used to download files.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static download(options: DownloadRequestOptions): void;
+
+  /**
+   * Listens to download task status.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static onDownloadComplete(options: OnDownloadCompleteOptions): void;
+}
diff --git a/api/common/@system.router.d.ts b/api/common/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..30350be898c01d1060ffca3836005bc71f1c13d6
--- /dev/null
+++ b/api/common/@system.router.d.ts
@@ -0,0 +1,195 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface RouterOptions {
+  /**
+   * URI of the destination page, which supports the following formats:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file.
+   *    Example:
+   *      pages/index/index
+   *      pages/detail/detail
+   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * After the destination page is displayed, the parameter can be directly used for the page.
+   * For example, this.data1 (data1 is the key value of the params used for page navigation.)
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  params?: Object;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RouterState {
+  /**
+   * Index of the current page in the stack.
+   * NOTE: The index starts from 1 from the bottom to the top of the stack.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  index: number;
+
+  /**
+   * Name of the current page, that is, the file name.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Path of the current page.
+   * @devices tv, phone, tablet, wearable
+   * @since 3
+   */
+  path: string;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface EnableAlertBeforeBackPageOptions {
+  /**
+   * dialog context.
+   * @devices phone, tablet
+   * @since 6
+   */
+  message: string;
+
+  /**
+   * Called when the dialog box is displayed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  success?: (errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @devices phone, tablet
+   * @since 6
+   */
+  cancel?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface DisableAlertBeforeBackPageOptions {
+  /**
+   * Called when the dialog box is displayed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  success?: (errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @devices phone, tablet
+   * @since 6
+   */
+  cancel?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @devices phone, tablet
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export default class Router {
+  /**
+   * Navigates to a specified page in the application based on the page URL and parameters.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   */
+  static push(options: RouterOptions): void;
+
+  /**
+   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static replace(options: RouterOptions): void;
+
+  /**
+   * Returns to the previous page or a specified page.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  static back(options?: RouterOptions): void;
+
+  /**
+   * Obtains information about the current page params.
+   * @returns Page params.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  static getParams(): Object;
+
+  /**
+   * Clears all historical pages and retains only the current page at the top of the stack.
+   * @devices tv, phone, tablet, wearable
+   */
+  static clear(): void;
+
+  /**
+   * Obtains the number of pages in the current stack.
+   * @returns Number of pages in the stack. The maximum value is 32.
+   * @devices tv, phone, tablet, wearable
+   */
+  static getLength(): string;
+
+  /**
+   * Obtains information about the current page state.
+   * @returns Page state.
+   * @devices tv, phone, tablet, wearable
+   */
+  static getState(): RouterState;
+
+  /**
+   * Pop up dialog to ask whether to back
+   * @param options Options.
+   * @devices phone, tablet
+   */
+  static enableAlertBeforeBackPage(options: EnableAlertBeforeBackPageOptions): void;
+
+  /**
+   * cancel enableAlertBeforeBackPage
+   * @param options Options.
+   * @devices phone, tablet
+   */
+  static disableAlertBeforeBackPage(options?: DisableAlertBeforeBackPageOptions): void;
+}
diff --git a/api/common/@system.sensor.d.ts b/api/common/@system.sensor.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2555167033c73b95495790659809c55364aa40fc
--- /dev/null
+++ b/api/common/@system.sensor.d.ts
@@ -0,0 +1,782 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface AccelerometerResponse {
+  /**
+   * X-coordinate
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  z: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface subscribeAccelerometerOptions {
+  /**
+   * Execution frequency of the callback function for listening to acceleration sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  interval: string;
+
+  /**
+   * Called when acceleration sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  success: (data: AccelerometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface CompassResponse {
+  /**
+   * Direction of the device (in degrees).
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  direction: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeCompassOptions {
+  /**
+   * Called when compass sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  success: (data: CompassResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface ProximityResponse {
+  /**
+   * Distance between a visible object and the device screen
+   * @devices phone, tablet
+   * @since 3
+   */
+  distance: number;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface SubscribeProximityOptions {
+  /**
+   * Called when distance sensor data changes.
+   * @devices phone, tablet
+   * @since 3
+   */
+  success: (data: ProximityResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface LightResponse {
+  /**
+   * Light intensity, in lux.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  intensity: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeLightOptions {
+  /**
+   * Called when ambient light sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  success: (data: LightResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface StepCounterResponse {
+  /**
+   * Number of steps counted.
+   * Each time the device restarts, the value is recalculated from 0 in phone, tablet.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  steps: number;
+}
+
+/**
+ * @devices phone, tablet, liteWearable
+ */
+export interface SubscribeStepCounterOptions {
+  /**
+   * Called when step counter sensor data changes.
+   * @devices phone, tablet, liteWearable
+   * @since 3
+   */
+  success: (data: StepCounterResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface BarometerResponse {
+  /**
+   * Pressure, in pascal.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  pressure: number;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export interface SubscribeBarometerOptions {
+  /**
+   * Called when the barometer sensor data changes.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  success: (data: BarometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices wearable, liteWearable
+ */
+export interface HeartRateResponse {
+  /**
+   * Heart rate.
+   * 255 indicates an invalid value in lite wearable.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  heartRate: number;
+}
+
+/**
+ * @devices wearable, liteWearable
+ */
+export interface SubscribeHeartRateOptions {
+  /**
+   * Called when the heart rate sensor data changes.
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  success: (data: HeartRateResponse) => void;
+
+  /**
+   * Called when the listening fails
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface OnBodyStateResponse {
+  /**
+   * Whether the sensor is worn.
+   * @devices liteWearable
+   * @since 3
+   */
+  value: boolean;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface SubscribeOnBodyStateOptions {
+  /**
+   * Called when the wearing status changes.
+   * @devices liteWearable
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices liteWearable
+ */
+export interface GetOnBodyStateOptions {
+  /**
+   * Called when the sensor wearing state is obtained
+   * @devices liteWearable
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the sensor wearing state fails to be obtained
+   * @devices liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed
+   * @devices liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface DeviceOrientationResponse {
+  /**
+   * alpha
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  alpha: number;
+
+  /**
+   * beta
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  beta: number;
+
+  /**
+   * gamma
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  gamma: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeDeviceOrientationOptions {
+  /**
+   * Execution frequency of the callback function for listening to device orientation sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  interval: string;
+
+  /**
+   * Called when device orientation sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  success: (data: DeviceOrientationResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface GyroscopeResponse {
+  /**
+   * X-coordinate
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  z: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeGyroscopeOptions {
+  /**
+   * Execution frequency of the callback function for listening to gyroscope sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  interval: string;
+
+  /**
+   * Called when gyroscope sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  success: (data: GyroscopeResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 6
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface GravityResponse {
+  /**
+   * X-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeGravityOptions {
+  /**
+   * Execution frequency of the callback function for listening to gravity sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  interval: string;
+
+  /**
+   * Called when gravity sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  success: (data: GravityResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface MagneticResponse {
+  /**
+   * X-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export interface SubscribeMagneticOptions {
+  /**
+   * Execution frequency of the callback function for listening to magnetic sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  interval: string;
+
+  /**
+   * Called when magnetic sensor data changes.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  success: (data: MagneticResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface HallResponse {
+  /**
+   * Indicates the hall sensor data.
+   * @devices phone, tablet
+   * @since 7
+   */
+  value: number;
+}
+
+/**
+ * @devices phone, tablet
+ */
+export interface SubscribeHallOptions {
+  /**
+   * Execution frequency of the callback function for listening to hall sensor data.
+   * Available values are as follows:
+   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
+   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
+   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
+   * The default value is normal.
+   * @devices phone, tablet
+   * @since 7
+   */
+  interval: string;
+
+  /**
+   * Called when hall sensor data changes.
+   * @devices phone, tablet
+   * @since 7
+   */
+  success: (data: HallResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @devices phone, tablet
+   * @since 7
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @devices phone, tablet, wearable
+ */
+export default class Sensor {
+  /**
+   * Listens to acceleration sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
+
+  /**
+   * Cancels listening to acceleration sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeAccelerometer(): void;
+
+  /**
+   * Listens to compass sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeCompass(options: SubscribeCompassOptions): void;
+
+  /**
+   * Cancels listening to compass sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeCompass(): void;
+
+  /**
+   * Listens to distance sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet
+   */
+  static subscribeProximity(options: SubscribeProximityOptions): void;
+
+  /**
+   * Cancels listening to distance sensor data.
+   * @param options Options.
+   * @devices phone, tablet
+   */
+  static unsubscribeProximity(): void;
+
+  /**
+   * Listens to ambient light sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeLight(options: SubscribeLightOptions): void;
+
+  /**
+   * Cancels listening to ambient light sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeLight(): void;
+
+  /**
+   * Listens to step counter sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
+
+  /**
+   * Cancels listening to step counter sensor data.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static unsubscribeStepCounter(): void;
+
+  /**
+   * Listens to barometer sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static subscribeBarometer(options: SubscribeBarometerOptions): void;
+
+  /**
+   * Cancels listening to barometer sensor data.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static unsubscribeBarometer(): void;
+
+  /**
+   * Listens to changes of heart rate sensor data.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices wearable, liteWearable
+   */
+  static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
+
+  /**
+   * Cancels listening to heart rate sensor data.
+   * @devices wearable, liteWearable
+   */
+  static unsubscribeHeartRate(): void;
+
+  /**
+   * Listens to whether a sensor is worn.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices wearable, liteWearable
+   */
+  static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
+
+  /**
+   * Cancels listening to whether the sensor is worn.
+   * @devices wearable, liteWearable
+   */
+  static unsubscribeOnBodyState(): void;
+
+  /**
+   * Listens to device orientation sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
+
+  /**
+   * Cancels listening to device orientation sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeDeviceOrientation(): void;
+
+  /**
+   * Listens to gyroscope sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
+
+  /**
+   * Cancels listening to gyroscope sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeGyroscope(): void;
+
+  /**
+   * Listens to gravity sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeGravity(options: SubscribeGravityOptions): void;
+
+  /**
+   * Cancels listening to gravity sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeGravity(): void;
+
+  /**
+   * Listens to magnetic sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeMagnetic(options: SubscribeMagneticOptions): void;
+
+  /**
+   * Cancels listening to magnetic sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeMagnetic(): void;
+
+  /**
+   * Listens to hall sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @devices phone, tablet, wearable
+   */
+  static subscribeHall(options: SubscribeHallOptions): void;
+
+  /**
+   * Cancels listening to hall sensor data.
+   * @devices phone, tablet, wearable
+   */
+  static unsubscribeHall(): void;
+
+  /**
+   * Obtains the sensor wearing state.
+   * @param options Options.
+   * @devices wearable, liteWearable
+   */
+  static getOnBodyState(options: GetOnBodyStateOptions): void;
+}
diff --git a/api/common/@system.storage.d.ts b/api/common/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..91b6155ca60afae488c02822838adb646388bda5
--- /dev/null
+++ b/api/common/@system.storage.d.ts
@@ -0,0 +1,190 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface GetStorageOptions {
+  /**
+   * Content index.
+   * For liteWearable and smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Default value returned when the key does not exist.
+   * If this parameter is not specified, an empty string is returned.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  default?: string;
+
+  /**
+   * Called when the stored content is read successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: (data: any) => void;
+
+  /**
+   * Called when the stored content fails to be read.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface SetStorageOptions {
+  /**
+   * Index of the stored content to be modified.
+   * For liteWearable and smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  value: string;
+
+  /**
+   * Called when the stored content is modified successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be modified.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface ClearStorageOptions {
+  /**
+   * Called when the stored content is cleared successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be cleared.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export interface DeleteStorageOptions {
+  /**
+   * Content index.
+   * For liteWearable and smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Called when the stored content is deleted successfully.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be deleted.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static get(options: GetStorageOptions): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static set(options: SetStorageOptions): void;
+
+  /**
+   * Clears the stored content.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static clear(options?: ClearStorageOptions): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options Options.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   */
+  static delete(options: DeleteStorageOptions): void;
+}
diff --git a/api/common/@system.vibrator.d.ts b/api/common/@system.vibrator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c7e45c54a3cc9449dc24d74a499347e64d760e09
--- /dev/null
+++ b/api/common/@system.vibrator.d.ts
@@ -0,0 +1,60 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+/**
+ *  @devices phone, tablet, wearable, liteWearable
+ */
+export interface VibrateOptions {
+  /**
+   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
+   * The default value is long.
+   * @devices phone, tablet, wearable, liteWearable
+   * @since 3
+   */
+  mode?: "long" | "short";
+
+  /**
+   * Called when success to trigger vibration.
+   * @devices liteWearable
+   * @since 3
+   */
+  success: () => void;
+
+  /**
+   * Called when fail to trigger vibration.
+   * @devices liteWearable
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @devices liteWearable
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @devices phone, tablet, wearable, liteWearable
+ */
+export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   * @devices phone, tablet, wearable, liteWearable
+   */
+  static vibrate(options?: VibrateOptions): void;
+}