diff --git a/BUILD.gn b/BUILD.gn
index fcf53893829e4a51e0b8b4b3f833e71b0d639a76..faeb6f51919a7413ed54673e7bcec0529be64552 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -210,6 +210,16 @@ ohos_copy("system_api") {
   module_install_name = ""
 }
 
+ohos_copy("config") {
+  sources = [
+    "api/config/css",
+    "api/config/hml",
+  ]
+  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",
diff --git a/api/@internal/js/global.js.d.ts b/api/@internal/js/global.js.d.ts
deleted file mode 100644
index 2d6a6cfcd5bd22b1e674e9880ee230b7c4685f6d..0000000000000000000000000000000000000000
--- a/api/@internal/js/global.js.d.ts
+++ /dev/null
@@ -1,334 +0,0 @@
-/*
- * 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 AnimateStyle {
-  width: number;
-  height: number;
-  backgroundColor: string;
-  opacity: number;
-  backgroundPosition: string;
-  transformOrigin: string;
-  transform: object;
-  offset?: number;
-}
-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 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;
-  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;
-  createPattern(image: Image, repetition: string): object;
-  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;
-  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 CanvasElement extends Element {
-  getContext(param: string): CanvasRenderingContext2D;
-}
-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 &
-    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;
-}
-export interface ElementReferences {
-  [k: string]: AnimationElement &
-    CanvasElement &
-    object &
-    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/globaljs.d.ts b/api/@internal/js/globaljs.d.ts
deleted file mode 100644
index f98e82b37c79a35f09390e5f457b18f1db25135c..0000000000000000000000000000000000000000
--- a/api/@internal/js/globaljs.d.ts
+++ /dev/null
@@ -1,552 +0,0 @@
-/*
- * 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
deleted file mode 100644
index 4a56d000e8f66f658a1bb96be20076746b0fb6b8..0000000000000000000000000000000000000000
--- a/api/@internal/js/index.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * 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/device-define/phone.json b/api/device-define/phone.json
new file mode 100644
index 0000000000000000000000000000000000000000..23513a932be9efcfcad0b0d9c2090750c1c14d95
--- /dev/null
+++ b/api/device-define/phone.json
@@ -0,0 +1,16 @@
+{
+  "SysCaps": [
+    "SystemCapability.ArkUI.ArkUI.Full",
+    "SystemCapability.ArkUI.ArkUI.Lite",
+    "SystemCapability.ArkUI.ArkUI.Napi",
+    "SystemCapability.ArkUI.ArkUI.Libuv",
+    "SystemCapability.BundleManager.BundleFramework",
+    "SystemCapability.BundleManager.DistributedBundleFramework",
+    "SystemCapability.BundleManager.BundleTool",
+    "SystemCapability.BundleManager.Zlib",
+    "SystemCapability.BundleManager.PackingTool",
+    "SystemCapability.Graphic.Graphic2D.WebGL",
+    "SystemCapability.Graphic.Graphic2D.WebGL2",
+    "SystemCapability.WindowManager.WindowManager.Core"
+  ]
+}
\ No newline at end of file
diff --git a/api/phone/@internal/console.d.ts b/api/phone/@internal/console.d.ts
deleted file mode 100644
index a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57..0000000000000000000000000000000000000000
--- a/api/phone/@internal/console.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 declare class console {
-  /**
-   * Prints "debug" logs.
-   * @param message Text to print.
-   */
-  static debug(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "log" logs.
-   * @param message Text to print.
-   */
-  static log(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "info" logs.
-   * @param message Text to print.
-   */
-  static info(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "warn" logs.
-   * @param message Text to print.
-   */
-  static warn(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "error" logs.
-   * @param message Text to print.
-   */
-  static error(message: string, ...arguments: any[]): void;
-}
diff --git a/api/phone/@internal/global.d.ts b/api/phone/@internal/global.d.ts
deleted file mode 100644
index 85ca2417a74924517b154f5c8dd25cc9384d6038..0000000000000000000000000000000000000000
--- a/api/phone/@internal/global.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * 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 repeatedly at the interval.
- * @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.
- */
-export declare function setInterval(handler: TimerHandler, 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.
- * @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.
- */
-export declare function setTimeout(handler: TimerHandler, delay?: number, ...arguments: any[]): number;
-
-/**
- * Cancels the interval set by " setInterval()".
- * @param intervalID Indicates the timer ID returned by "setInterval()".
- */
-export declare function clearInterval(intervalID?: number): void;
-
-/**
- * Cancels the timer set by "setTimeout()".
- * @param timeoutID Indicates the timer ID returned by "setTimeout()".
- */
-export declare function clearTimeout(timeoutID?: number): void;
-
-/**
- * Obtain the objects exposed in app.js
- * @since 6
- */
-export declare function getApp(): object;
-
-/**
- * You can create an Image object by calling new Image().
- */
-export declare class Image {
-  /**
-   * Network address or local resource. The internal URI is supported.
-   */
-  src: string;
-  /**
-   * Image width.
-   */
-  width?: number;
-  /**
-   * Image height.
-   */
-  height?: number;
-  /**
-   * Called when an image is successfully loaded. This function has no parameter.
-   */
-  onload?: () => void;
-  /**
-   * Called when an image fails to be loaded. This function has no parameter.
-   */
-  onerror?: () => void;
-}
-
-/**
- * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
- */
-export declare class ImageData {
-  /**
-   * Actual width of the ImageData object, in pixels.
-   */
-  width: number;
-  /**
-   * Actual height of the ImageData object, in pixels.
-   */
-  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.
-   */
-  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/phone/@internal/index.d.ts b/api/phone/@internal/index.d.ts
deleted file mode 100644
index 8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c..0000000000000000000000000000000000000000
--- a/api/phone/@internal/index.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * 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/phone/@internal/viewmodel.d.ts b/api/phone/@internal/viewmodel.d.ts
deleted file mode 100644
index 1a9a57fc5468280a1dd7e74fdecaf97c06bf1fdc..0000000000000000000000000000000000000000
--- a/api/phone/@internal/viewmodel.d.ts
+++ /dev/null
@@ -1,2334 +0,0 @@
-/*
- * 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";
-import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
-import { WebGL2RenderingContext } from "../webgl/webgl2";
-
-export interface FocusParamObj {
-  focus: boolean;
-}
-
-export interface RectObj {
-  width: number;
-
-  height: number;
-
-  left: number;
-
-  top: number;
-}
-
-export interface ContextAttrOptions {
-  antialias: boolean;
-}
-
-export interface AnimateStyle {
-  /**
-   * Width value applied to the component after the animation is executed.
-   */
-  width: number;
-  /**
-   * Height value applied to the component after the animation is executed.
-   */
-  height: number;
-  /**
-   * left offset applied to the component after the animation is executed.
-   */
-  left: number;
-  /**
-   * top offset applied to the component after the animation is executed.
-   */
-  top: number;
-  /**
-   * right offset applied to the component after the animation is executed.
-   */
-  right: number;
-  /**
-   * bottom offset applied to the component after the animation is executed.
-   */
-  bottom: number;
-  /**
-   * Background color applied to the component after the animation is executed.
-   * The default value is none.
-   */
-  backgroundColor: string;
-  /**
-   * Opacity applied to the component. The value ranges from 0 to 1.
-   * The default value is 1.
-   */
-  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.
-   */
-  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.
-   */
-  transformOrigin: string;
-  /**
-   * Transformation type applied to an element.
-   */
-  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.
-   */
-  offset?: number;
-}
-
-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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  translateX(x: number): void;
-  /**
-   * Defines 2D transformations for translation of the Y axes
-   * @param y the translate value for y-axis
-   */
-  translateY(y: number): void;
-  /**
-   * Defines 3D transformations for translation of the Z axes
-   * @param z the translate value for z-axis
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scaleX(x: number): void;
-  /**
-   * Defines 2D transformations for scaling of the Y axes
-   * @param y the scale value for y-axis
-   */
-  scaleY(y: number): void;
-  /**
-   * Defines 3D transformations for scaling of the Z axes
-   * @param z the scale value for z-axis
-   */
-  scaleZ(z: number): void;
-  /**
-   * Define the 2D rotation and specify the angle in the parameters.
-   * @param angle the rotate value for z-axis
-   */
-  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.
-   */
-  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
-   */
-  rotateX(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Y axes.
-   * @param y the scale value for y-axis
-   */
-  rotateY(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Z axes.
-   * @param z the scale value for z-axis
-   */
-  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.
-   */
-  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.
-   */
-  skewX(angle: number): void;
-  /**
-   * Defines the 2D skew transition along the Y axes.
-   * @param angle the angle of inclination along the y axis.
-   */
-  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.
-   */
-  perspective(verticalDistance: number): void;
-}
-
-export interface AnimateOptions {
-  /**
-   * Duration of the animation, in milliseconds.
-   * The default value is 0.
-   */
-  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.
-   */
-  easing: string;
-
-  /**
-   * Delay for the animation start. The default value indicates no delay.
-   * The default value is 0.
-   */
-  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.
-   */
-  iterations: number | string;
-
-  /**
-   * The animation playback mode.
-   * The default value is "normal".
-   */
-  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.
-   */
-  fill: "none" | "forwards" | "backwards" | "both";
-}
-
-export interface AnimationResult {
-  /**
-   * Read-only attribute, which indicates whether the animation playback is complete.
-   */
-  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).
-   */
-  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.
-   */
-  playstate: string;
-  /**
-   * Animation start time. This attribute is similar to that of delay in the options parameters.
-   */
-  startTime: number;
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-  /**
-   * The animation is started.
-   */
-  onstart: () => void;
-  /**
-   * The animation is finished.
-   */
-  onfinish: () => void;
-  /**
-   * The animation is canceled.
-   */
-  oncancel: () => void;
-  /**
-   * The animation is repeated.
-   */
-  onrepeat: () => void;
-}
-
-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 }
-   */
-  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 }
-   */
-  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.
-   */
-  animate(
-    keyframes: Array<AnimateStyle>,
-    options: AnimateOptions
-  ): AnimationResult;
-
-  /**
-   * Obtains the size and position of the element.
-   * @returns RectObj the size position of the element.
-   */
-  getBoundingClientRect(): RectObj;
-
-  /**
-   * Obtains attributes of the element.
-   * @returns attributes of the element in json string.
-   */
-  getInspector(): string;
-
-  /**
-   * 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
- */
-export interface AnimationElement extends Element {
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-}
-
-export interface CurrentOffsetResultValue {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <list> component provides a list container.
- */
-export interface ListElement extends Element {
-  /**
-   * Scrolls the list to the position of the item at the specified index.
-   */
-  scrollTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): 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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
-
-  /**
-   * Collapses a group.
-   * @param param
-   */
-  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
-   */
-  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.
-   */
-  currentOffset(): CurrentOffsetResultValue;
-}
-
-/**
- * The <swiper> component provides a swiper container.
- */
-export interface SwiperElement extends Element {
-  /**
-   * Scrolls the child component to the position at the specified index.
-   */
-  swipeTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): void;
-
-  /**
-   * Shows the next child component.
-   */
-  showNext(): void;
-
-  /**
-   * Shows the previous child component.
-   */
-  showPrevious(): void;
-}
-
-export interface CameraTakePhotoOptions {
-  /**
-   * Picture quality.
-   */
-  quality: "high" | "normal" | "low";
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-/**
- * The <camera> component provides preview and photographing functions..
- */
-export interface CameraElement extends Element {
-  /**
-   * Take photos with specified parameters.
-   * @param options the parameters of camera.
-   */
-  takePhoto(options: CameraTakePhotoOptions): void;
-}
-
-/**
- * The <web> component is a container for displaying web page content.
- */
-export interface WebElement extends Element {
-  /**
-   * Reload the web page content
-   */
-  reload(): void;
-}
-
-/**
- * The <dialog> component is a custom pop-up container.
- */
-export interface DialogElement extends Element {
-  /**
-   * Shows a dialog box.
-   */
-  show(): void;
-  /**
-   * Closes a dialog box.
-   */
-  close(): void;
-}
-
-/**
- * The <image-animator> component is used to provide an image frame animator.
- */
-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.
-   */
-  start(): void;
-  /**
-   * Pauses the frame animation playback of an image.
-   */
-  pause(): void;
-  /**
-   * Stops the frame animation playback of an image.
-   */
-  stop(): void;
-  /**
-   * Resumes the frame animation playback of an image.
-   */
-  resume(): void;
-  /**
-   * Obtains the playback state. Available values are as follows:
-   * Playing
-   * Paused
-   * Stopped
-   */
-  getState(): string;
-}
-
-/**
- * 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.
- */
-export interface MarqueeElement extends Element {
-  /**
-   * Starts scrolling.
-   */
-  start(): void;
-
-  /**
-   * Stops scrolling.
-   */
-  stop(): void;
-}
-
-/**
- * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
- */
-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
-   */
-  show(position: { x: number; y: number }): void;
-}
-
-/**
- * The <chart> component displays line charts, gauge charts, and bar charts.
- */
-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.
-   */
-  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.
- */
-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.
-   */
-  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
-   */
-  showError(param: { error: string }): void;
-
-  /**
-   * Deletes the previous character at the cursor position.
-   */
-  delete(): void;
-}
-
-/**
- * The <button> component includes capsule, circle, text, arc, and download buttons.
- */
-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
-   */
-  setProgress(param: { progress: number }): void;
-}
-
-/**
- * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
- */
-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.
-   */
-  focus(param: { focus: boolean }): void;
-}
-
-/**
- * The <picker> component supports common, date, time, and multi-column text selectors.
- */
-export interface PickerElement extends Element {
-  /**
-   * Displays the picker.
-   */
-  show(): void;
-}
-
-/**
- * The <video> component provides a video player.
- */
-export interface VideoElement extends Element {
-  /**
-   * Requests to start playing a video.
-   */
-  start(): void;
-
-  /**
-   * Requests to pause a video.
-   */
-  pause(): void;
-
-  /**
-   * Specifies the video playing position.
-   * @param param
-   */
-  setCurrentTime(param: { currenttime: number }): void;
-
-  /**
-   * Requests to enter the full screen mode.
-   * @param param
-   */
-  requestFullscreen(param: { screenOrientation: "default" }): void;
-
-  /**
-   * Requests to exit the full screen mode.
-   */
-  exitFullscreen(): void;
-
-  /**
-   * Requests to stop playing a video.
-   */
-  stop(): void;
-}
-
-export interface TextMetrics {
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  measureText(text: string): TextMetrics;
-
-  /**
-   * Sets the width of a line.
-   */
-  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.
-   */
-  strokeStyle?: string | CanvasGradient | CanvasPattern;
-
-  /**
-   * Draws a border stroke.
-   */
-  stroke(): void;
-
-  /**
-   * Draws a path stroke.
-   * @param path The object of Path2D.
-   */
-  stroke(path: Path2D): void;
-
-  /**
-   * Creates a drawing path.
-   */
-  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.
-   */
-  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.
-   */
-  lineTo(x: number, y: number): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  miterLimit: number;
-
-  /**
-   * Sets the font style.
-   * Font style. The default value is 10px sans-serif.
-   */
-  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.
-   * end: The text is aligned with the end bound.
-   * NOTE
-   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
-   */
-  textAlign: string;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  rect(x: number, y: number, width: number, height: number): void;
-
-  /**
-   * Fills the area inside a closed path.
-   */
-  fill(): void;
-
-  /**
-   * Sets a path as the clipping path.
-   */
-  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.
-   */
-  rotate(rotate: number): void;
-
-  /**
-   * Scales a canvas based on scaling factors.
-   * @param x Horizontal scale factor.
-   * @param y Vertical scale factor.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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).
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  restore: () => void;
-
-  /**
-   * Saves the current drawing context.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  setLineDash(segments: Array<number>): void;
-
-  /**
-   * Obtains the dash line style.
-   * @returns Interval of alternate line segments and the length of spacing.
-   */
-  getLineDash(): Array<number>;
-
-  /**
-   * Sets the dash line offset.
-   * Dash line offset. The value is a float number starting from 0.0.
-   */
-  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.
-   */
-  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.
-   */
-  shadowBlur: number;
-
-  /**
-   * Sets the shadow color.
-   */
-  shadowColor: string;
-
-  /**
-   * Sets the x-axis shadow offset relative to the original object.
-   * X-axis shadow offset relative to the original object.
-   */
-  shadowOffsetX: number;
-
-  /**
-   * Sets the y-axis shadow offset relative to the original object.
-   * Y-axis shadow offset relative to the original object.
-   */
-  shadowOffsetY: number;
-
-  /**
-   * Draws the Bitmap to the current canvas.
-   * @devices tv, phone, tablet, wearable
-   */
-  transferFromImageBitmap(bitmap: ImageBitmap): void;
-  
-  /**
-   * Bitmap Mesh
-   * @param bitmap Image resource.
-   * @param mesh Array of verts coordinates after image distortion.
-   * @param column the column of Mesh array.
-   * @param row the row of Mesh array.
-   */
-  drawBitmapMesh(bitmap: object, mesh: Array<number>, column: number, row: number): void;
-}
-
-/**
- * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
- */
-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.
-   */
-  addColorStop(offset: number, color: string): void;
-}
-
-export interface Path2D {
-  /**
-   * Add another path to current path.
-   * @param path another created Path2D object.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   * @param param
-   */
-  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
-
-  /**
-   * Obtains the context of webgl canvas drawing.
-   * Only parameters related to webgl canvas drawing are supported.
-   * The return value is a webgl drawing object that provides specific webgl drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
-
-  /**
-   * Obtains the context of webgl2 canvas drawing.
-   * Only parameters related to webgl2 canvas drawing are supported.
-   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
-
-  /**
-   * 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.
-   */
-  toDataURL(type?: string, quality?: number): string;
-}
-
-export interface ScrollOptions {
-  /**
-   * Scroll to the target position of the page. Unit: px
-   */
-  position: number;
-
-  /**
-   * Duration of the scrolling animation, in ms.
-   */
-  duration: number;
-
-  /**
-   * The selector for current scroll.
-   */
-  id?: string;
-
-  /**
-   * The timing function for current scroll animation.
-   */
-  timingFunction?: string;
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-export interface ScrollParam {
-  /**
-   * Offset for scrolling in the horizontal direction, in px.
-   */
-  dx?: number;
-
-  /**
-   * Offset for scrolling in the vertical direction, in px.
-   */
-  dy?: number;
-
-  /**
-   * Whether a sliding animation is displayed when scroll position is changed.
-   */
-  smooth?: boolean;
-}
-
-export interface ScrollOffset {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <div> component provides a div container.
- */
-export interface DivElement extends Element {
-  /**
-   * Scrolls the div for a certain distance.
-   */
-  scrollBy(data: ScrollParam): void;
-
-  /**
-   * Returns the offset of the current scrolling. The return value type is Object.
-   */
-  getScrollOffset(): ScrollOffset;
-}
-
-export interface Application {
-  /**
-   * Object that is exposed in the app.js file and obtained by this.$app.$def.
-   */
-  $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'].
-   */
-  $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.
-   */
-  $tc(path: string, count: number): string;
-
-  /**
-   * Replace the resource path based on the DPI of the current device: this.$r('image.phone').
-   * @param path Resource file path.
-   * @returns Content.
-   */
-  $r(path: string): string;
-
-  /**
-   * Adds an attribute or modifies an existing attribute.
-   * Usage: this.$set('key',value): Add an attribute.
-   * @param key
-   * @param value
-   */
-  $set(key: string, value: any): void;
-
-  /**
-   * Deletes an attribute.
-   * Usage:this.$delete('key'): Delete an attribute.
-   * @param key
-   */
-  $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.
-   */
-  $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.
-   */
-  $root(): ViewModel & object;
-
-  /**
-   * Obtains the parent ViewModel instance.
-   */
-  $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.
-   */
-  $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.
-   */
-  $watch(data: string, callback: string): void;
-
-  /**
-   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
-   */
-  $refs: ElementReferences;
-
-  /**
-   * Custom events.
-   * @param event The name of event.
-   * @param params The params of event.
-   */
-  $emit(event: string, params?: object): void;
-
-  /**
-   * Scroll the page to the destination.
-   * @param options The properties of event.
-   */
-  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.
-   */
-  data?: Data;
-
-  /**
-   * Listens for page initialization.
-   * Called when page initialization is complete. This function is called only once in a lifecycle.
-   */
-  onInit?(): void;
-
-  /**
-   * Listens for page creation.
-   * Called when a page is created. This function is called only once in a lifecycle.
-   */
-  onReady?(): void;
-
-  /**
-   * Listens for page display.
-   * Called when the page is displayed.
-   */
-  onShow?(): void;
-
-  /**
-   * Listens for page hiding.
-   * Called when the page disappears.
-   */
-  onHide?(): void;
-
-  /**
-   * Listens for page destruction.
-   * Called when the page is destroyed.
-   */
-  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.
-   */
-  onBackPress?(): boolean;
-
-  /**
-   * Listens for application creation.
-   * Called when the application is created.
-   */
-  onCreate?(): void;
-
-  /**
-   * Listens for page active.
-   * Called when the page is activing.
-   */
-  onActive?(): void;
-
-  /**
-   * Listens for page inactive.
-   * Called when the page is paused.
-   */
-  onInactive?(): void;
-
-  /**
-   * This callback is triggered when a new request is received when the FA has started.
-   */
-  onNewRequest?(): void;
-
-  /**
-   * Callback when FA initiates a migration, in this callback, the application can decide whether
-   * to migrate according to the current state.
-   */
-  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.
-   */
-  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.
-   */
-  onCompleteContinuation?(code: number): void;
-
-  /**
-   * This callback is triggered when the corresponding system configuration changes, such as system font size,
-   * language region, etc.
-   */
-  onConfigurationUpdated?(configuration: Configuration): 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/phone/@ohos.process.d.ts b/api/phone/@ohos.process.d.ts
deleted file mode 100644
index 3f690ab00ccff5869e8377255744cb6161532d68..0000000000000000000000000000000000000000
--- a/api/phone/@ohos.process.d.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-* 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.
-*/
-
-declare namespace process {
-
-    export interface ChildProcess {
-        readonly pid: number;
-        readonly ppid: number;
-        readonly exitCode: number;
-        readonly killed: boolean;
-
-        wait(): Promise<number>;
-        /**
-        * Buffer the stdout until EOF and return it as 'Uint8Array'
-        */
-        getOutput(): Promise<Uint8Array>;
-        /**
-        * Buffer the stderr until EOF and return it as 'Uint8Array'
-        */
-        getErrorOutput(): Promise<Uint8Array>;
-        /**
-        * close the target process
-        */
-        close(): void;
-        /**
-        * send a signal to process
-        */
-        kill(signal: number | string): void;
-    }
-    type EventListener = (evt: Object) => void;
-    /**
-    * spawns a new ChildProcess to run the command
-    */
-    function runCmd(command: string,
-        options?: { timeout : number, killSignal : number | string, maxBuffer : number }): ChildProcess;
-
-    /**
-    *abort current process
-    *@return void
-    */
-    function abort(): void;
-
-    function on(type: string, listener: EventListener): void;
-    function off(type: string): boolean;
-    function exit(code: number): void;
-    /**
-    *get current work directory;
-    */
-    function cwd(): string;
-
-    /**
-    *change current  directory
-    *@param dir
-    */
-    function chdir(dir: string): void;
-
-    function uptime(): number;
-    /**
-     * send some signal to target process
-     */
-    function kill(signal: number, pid: number): boolean;
-
-    readonly getEgid: number;
-    readonly getEuid: number;
-    readonly getGid: number;
-    readonly getUid: number;
-    readonly getGroups: number[];
-    readonly getPid: number;
-    readonly getPpid: number;
-}
-export default process;
\ No newline at end of file
diff --git a/api/phone/@ohos.url.d.ts b/api/phone/@ohos.url.d.ts
deleted file mode 100644
index 78296ef60b7172524ab2d8d090749146d8aaa8a1..0000000000000000000000000000000000000000
--- a/api/phone/@ohos.url.d.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
-* 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.
-*/
-
-declare namespace url {
-    class URLSearchParams {
-        constructor(init?: string[][] | Record<string, string> | string | URLSearchParams);
-        /*
-        * Appends a specified key/value pair as a new search parameter.
-        */
-        append(name: string, value: string): void;
-
-        /** Deletes the given search parameter and its associated value,
-        * from the list of all search parameters.
-        */
-        delete(name: string): void;
-
-        /** Returns all the values associated with a given search parameter
-        * as an array.
-        */
-        getAll(name: string): string[];
-
-        /** Returns an iterator allowing to go through all key/value
-        * pairs contained in this object.
-        */
-        entries(): IterableIterator<[string, string]>;
-        /** Allows iteration through all values contained in this object via a callback function.
-        */
-        forEach(callbackfn: (value: string, key: string, parent: this) => void, thisArg?: Object): void;
-
-        /** Returns the first value associated to the given search parameter.
-        */
-        get(name: string): string | null;
-
-        /** Returns a Boolean that indicates whether a parameter with the
-        * specified name exists.
-        */
-        has(name: string): boolean;
-
-        /** Sets the value associated with a given search parameter to the
-        * given value. If there were several matching values, this method
-        * deletes the others. If the search parameter doesn't exist, this
-        * method creates it.
-        */
-        set(name: string, value: string): void;
-        /** Sort all key/value pairs contained in this object in place and
-        * return undefined.
-        */
-        sort(): void;
-
-        /** Returns an iterator allowing to go through all keys contained
-        * in this object.
-        */
-        keys(): IterableIterator<string>;
-
-        /** Returns an iterator allowing to go through all values contained
-        * in this object.
-        */
-        values(): IterableIterator<string>;
-
-        /** Returns an iterator allowing to go through all key/value
-        * pairs contained in this object.
-        */
-        [Symbol.iterator](): IterableIterator<[string, string]>;
-
-        /*
-        * Returns a query string suitable for use in a URL.
-        */
-        toString(): string;
-    }
-    /* web api URL interface */
-    class URL {
-        /** constructor of URL
-        *  url: absolute URL string or a relative URL string
-        *  base: base URL string
-        */
-        constructor(url: string, base?: string | URL);
-
-        /* methods */
-        toString(): string;
-        toJSON(): string;
-
-        /* fragment identifier of URL */
-        hash: string;
-        /* domain:port of URL */
-        host: string;
-        /* domain of URL */
-        hostname: string;
-        /* whole URL */
-        href: string;
-        /* contain the origin of the URL, readonly */
-        readonly origin: string;
-        /* password specified before the domain name */
-        password: string;
-        /* an '/' followed by the path of the URL */
-        pathname: string;
-        /* port of the URL */
-        port: string;
-        /* the protocol scheme of the URL */
-        protocol: string;
-        /* indicating the parameter string of the URL */
-        search: string;
-        /* URLSearchParams object which used to access the individual query parameters */
-        readonly searchParams: URLSearchParams;
-        /* the username before the domain name */
-        username: string;
-    }
-}
-export default url;
\ No newline at end of file
diff --git a/api/phone/@ohos.util.d.ts b/api/phone/@ohos.util.d.ts
deleted file mode 100644
index 7b3aeceaae2f37cf2cc572bbbd0b2d262f048b5c..0000000000000000000000000000000000000000
--- a/api/phone/@ohos.util.d.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-/*
-* 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.
-*/
-declare namespace util {
-	/** return a formatted string using the first argument as a printf-like format. */
-	/**     %s: String will be used to convert all values except BigInt, Object and -0. BigInt values will 
-	be represented with an n and Objects that have no user defined toString function are inspected using
-	util.inspect() with options { depth: 0, colors: false, compact: 3 }.
-			%d: Number will be used to convert all values except BigInt and Symbol.
-			%i: parseInt(value, 10) is used for all values except BigInt and Symbol.
-			%f: parseFloat(value) is used for all values except Bigint and Symbol.
-			%j: JSON. Replaced whith the string '[Circular]' if the argument contains circular references.
-			%o: Object. A string representation of an object with generic JavaScript object formatting.
-			Similar to util.inspect() with options { showHidden: true, showProxy: true}. This will show the
-			full object including non-enumerable properties and proxies.
-			%O: Object. A string representation of an object with generic JavaScript object formatting.
-			Similar to util.inspect() without options. This will show the full object not including
-			non-enumerable properties and proxies.
-			%c: CSS. This specifier is ignored and will skip any CSS passed in.
-			%%: single percent sign ('%'). This does not consume an argument.
-			Returns: <string> The formatted string */
-	function printf(format: string, ...args: Object[]): string;
-		
-	/** return the string name of a system errno*/
-	function getErrorString(errno: number): string;
-		
-	/** Takes an async function (or a function that returns a Promise) and returns a function following the
-	error-first callback style */
-	function callbackWrapper(original: Function): (err: Object, value: Object) => void;
-		
-	/** Takes a function following the common error-first callback style, i.e taking an (err, value) => ...
-	callback as the last argument, and return a version that returns promises */
-	function promiseWrapper(original: (err: Object, value: Object) => void): Object;
-	
-	/**
-     *  encoding name: support full encoding in ICU data utf-8 utf-16 iso8859 must support in all device
-     */
-    class TextDecoder {
-        /** the source encoding's name, lowercased. */
-        readonly encoding: string;
-        /** Returns `true` if error mode is "fatal", and `false` otherwise. */
-        readonly fatal: boolean;
-        /** Returns `true` if ignore BOM flag is set, and `false` otherwise. */
-        readonly ignoreBOM = false;
-        constructor(
-            encoding?: string,
-            options?: { fatal?: boolean; ignoreBOM?: boolean },
-        );
-        /** Returns the result of running encoding's decoder. */
-        decode(input?: ArrayBuffer | ArrayBufferView, options?: { stream?: false }): string;
-    }
- /**
-     * TextEncoder takes a stream of code points as input and emits a stream of UTF-8 bytes.
-     */
-    class TextEncoder {
-        readonly encoding = "utf-8";
-
-        constructor();
-
-        /** Returns the result of encoder. */
-        encode(input?: string): Uint8Array;
-
-        /** encode string, write the result to dest array */
-        encodeInto(
-            input: string,
-            dest: Uint8Array,
-        ): { read: number; written: number };
-    }
-}
-
-export default util;
\ No newline at end of file
diff --git a/api/phone/@system.app.d.ts b/api/phone/@system.app.d.ts
deleted file mode 100644
index b33235d1c2558f4da91a775eac4d04c45a8d4d31..0000000000000000000000000000000000000000
--- a/api/phone/@system.app.d.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * 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 AppResponse {
-  /**
-   * Application bundleName.
-   * @since 6
-   */
-  appID: string;
-
-  /**
-   * Application name.
-   * @since 3
-   */
-  appName: string;
-
-  /**
-   * Application version name.
-   * @since 3
-   */
-  versionName: string;
-
-  /**
-   * Application version.
-   * @since 3
-   */
-  versionCode: number;
-}
-
-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
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class App {
-  /**
-   * Obtains the declared information in the config.json file of an application.
-   */
-  static getInfo(): AppResponse;
-
-  /**
-   * Destroys the current ability.
-   */
-  static terminate(): 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 obj 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.
-   */
-  static requestFullWindow(options?: RequestFullWindowOptions): void;
-}
diff --git a/api/phone/@system.configuration.d.ts b/api/phone/@system.configuration.d.ts
deleted file mode 100644
index f829359b523208f086afac0c799de45347126456..0000000000000000000000000000000000000000
--- a/api/phone/@system.configuration.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 LocaleResponse {
-  /**
-   * Current language of the application. Example: zh.
-   * @since 3
-   */
-  language: string;
-
-  /**
-   * Country or region. Example: CN.
-   * @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.
-   * @since 3
-   */
-  dir: "ltr" | "rtl";
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Configuration {
-  /**
-   * Obtains the current locale of the application, which is the same as the system locale.
-   */
-  static getLocale(): LocaleResponse;
-}
diff --git a/api/phone/@system.file.d.ts b/api/phone/@system.file.d.ts
deleted file mode 100644
index 262865ae290cc48c6d36016b0c1442ff2bff8654..0000000000000000000000000000000000000000
--- a/api/phone/@system.file.d.ts
+++ /dev/null
@@ -1,499 +0,0 @@
-/*
- * 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.
-   * @since 3
-   */
-  length: number;
-
-  /**
-   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
-   * @since 3
-   */
-  lastModifiedTime: number;
-
-  /**
-   * File type. Available values are as follows:
-   * dir: directory
-   * file: file
-   * @since 3
-   */
-  type: "dir" | "file";
-
-  /**
-   * File list.
-   * @since 3
-   */
-  subFiles?: Array<FileResponse>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class File {
-  /**
-   * Moves a specified file to a given location.
-   * @param options Options.
-   */
-  static move(options: {
-    /**
-     * URI of the file to move.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the file is to move.
-     * @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.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when moving fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Copies a file and save the copy to a specified location.
-   * @param options Options.
-   */
-  static copy(options: {
-    /**
-     * URI of the file to copy.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the copy is to save.
-     * The directory of application resources and URI of the tmp type are not supported.
-     * @since 3
-     */
-    dstUri: string;
-
-    /**
-     * Called when the source file is copied and saved to the specified location successfully.
-     * This function returns the URI of the file moved to the target location.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when the copy or save operation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the list of files in a specified directory.
-   * @param options Options.
-   */
-  static list(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the list is obtained successfully.
-     * @since 3
-     */
-    success?: (data: { fileList: Array<FileResponse> }) => void;
-
-    /**
-     * Called when the list fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains information about a specified local file.
-   * @param options
-   */
-  static get(options: {
-    /**
-     * File URI.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively obtain the file list under a subdirectory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when file information is obtained successfully.
-     * @since 3
-     */
-    success?: (file: FileResponse) => void;
-
-    /**
-     * Called when file information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a local file.
-   * @param options
-   */
-  static delete(options: {
-    /**
-     * URI of the file to be deleted, which cannot be an application resource path.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when local files are deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes texts into a specified file.
-   * @param options
-   */
-  static writeText(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Character string to write into the local file.
-     * @since 3
-     */
-    text: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Whether to enable the append mode. The default value is false.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when texts are written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when texts fail to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads texts from a specified file.
-   * @param options
-   */
-  static readText(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Called when texts are read successfully.
-     * @since 3
-     */
-    success?: (data: { text: string }) => void;
-
-    /**
-     * Called when texts fail to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes buffer data into a specified file.
-   * @param options Options.
-   */
-  static writeArrayBuffer(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Buffer from which the data is derived.
-     * @since 3
-     */
-    buffer: Uint8Array;
-
-    /**
-     * Offset to the position where the writing starts. The default value is 0.
-     * @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.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when data from a buffer is written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when data from a buffer fails to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads buffer data from a specified file.
-   * @param options Options.
-   */
-  static readArrayBuffer(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Length of the content to read.
-     * If this parameter is not set, the reading proceeds until the end of the file.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when the buffer data is read successfully.
-     * @since 3
-     */
-    success?: (data: { buffer: Uint8Array }) => void;
-
-    /**
-     * Called when the buffer data fails to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Checks whether a specified file or directory exists.
-   * @param options Options.
-   */
-  static access(options: {
-    /**
-     * URI of the directory or file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the check result is obtained successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the check fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Creates a specified directory.
-   * @param options Options.
-   */
-  static mkdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively create upper-level directories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is created successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the creation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a specified directory.
-   * @param options
-   */
-  static rmdir(options: {
-    /**
-     * URI of the directory.
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively delete sub files and subdirectories of the specified directory.
-     * The default value is false.
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is deleted successfully.
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     */
-    complete?: () => void;
-  }): void;
-}
diff --git a/api/phone/@system.mediaquery.d.ts b/api/phone/@system.mediaquery.d.ts
deleted file mode 100644
index 35900d83dcca34a6245047dabb55141e593259ed..0000000000000000000000000000000000000000
--- a/api/phone/@system.mediaquery.d.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- * 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 MediaQueryEvent {
-  matches: boolean;
-}
-
-export interface MediaQueryList {
-  /**
-  * Serialized media query condition.
-  * This parameter is read-only.
-  * @since 3
-  */
-  media?: string;
-
-  /**
-  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
-  * This parameter is read-only.
-  * @since 3
-  */
-  matches?: boolean;
-
-  /**
-  * Called when the matches value changes.
-  * @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.
-   * @since 3
-   */
-  addListener(callback: (event: MediaQueryEvent) => void): void;
-
-  /**
-   * Removes a listening function from MediaQueryList.
-   * @since 3
-   */
-  removeListener(callback: (event: MediaQueryEvent) => void): void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class MediaQuery {
-  /**
-   * Queries a media item and returns a MediaQueryList object.
-   */
-  static matchMedia(condition: string): MediaQueryList;
-}
diff --git a/api/phone/@system.prompt.d.ts b/api/phone/@system.prompt.d.ts
deleted file mode 100644
index 72f4ae0349a9d484621d4d7a05a54a512ffeea2c..0000000000000000000000000000000000000000
--- a/api/phone/@system.prompt.d.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * 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 ShowToastOptions {
-  /**
-   * Text to display.
-   * @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.
-   * @since 3
-   */
-  duration?: number;
-
-  /**
-   * The distance between toast dialog box and the bottom of screen.
-   * @since 5
-   */
-  bottom?: string | number;
-}
-
-export interface Button {
-  text: string;
-  color: string;
-}
-
-export interface ShowDialogOptions {
-  /**
-   * Title of the text to display.
-   * @since 3
-   */
-  title?: string;
-
-  /**
-   * Text body.
-   * @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.
-   * @since 3
-   */
-  buttons?: [Button, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 3
-   */
-  success?: (data: { index: number }) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 3
-   */
-  cancel?: (data: string, code: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 3
-   */
-  complete?: (data: string) => void;
-}
-
-export interface ShowActionMenuOptions {
-  /**
-   * Title of the text to display.
-   * @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.
-   * @since 6
-   */
-  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (tapIndex: number, errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  fail?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Prompt {
-  /**
-   * Displays the notification text.
-   * @param toast
-   */
-  static showToast(toast: ShowToastOptions): void;
-
-  /**
-   * Displays the dialog box.
-   * @param dialog
-   */
-  static showDialog(dialog: ShowDialogOptions): void;
-
-    /**
-   * Displays the menu.
-   * @param options Options.
-   */
-  static showActionMenu(options: ShowActionMenuOptions): void;
-}
diff --git a/api/phone/@system.router.d.ts b/api/phone/@system.router.d.ts
deleted file mode 100644
index c245c5b63345b26c48203d6e95023a2d0c7cf942..0000000000000000000000000000000000000000
--- a/api/phone/@system.router.d.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * 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 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.
-   * @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.)
-   * @since 3
-   */
-  params?: Object;
-}
-
-export interface BackRouterOptions {
-  /**
-   * Returns to the page of the specified path.
-   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
-   * @devices tv, phone, tablet, wearable
-   * @since 7
-   */
-  uri?: string;
-
-  /**
-   * Data that needs to be passed to the destination page during navigation.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 7
-   */
-  params?: Object;
-}
-
-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.
-   * @since 3
-   */
-  index: number;
-
-  /**
-   * Name of the current page, that is, the file name.
-   * @since 3
-   */
-  name: string;
-
-  /**
-   * Path of the current page.
-   * @since 3
-   */
-  path: string;
-}
-
-export interface EnableAlertBeforeBackPageOptions {
-  /**
-   * dialog context.
-   * @since 6
-   */
-  message: string;
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  cancel?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-export interface DisableAlertBeforeBackPageOptions {
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  cancel?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Router {
-  /**
-   * Navigates to a specified page in the application based on the page URL and parameters.
-   * @param obj
-   */
-  static push(obj: RouterOptions): void;
-
-  /**
-   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
-   * @param obj
-   */
-  static replace(obj: RouterOptions): void;
-
-  /**
-   * Returns to the previous page or a specified page.
-   * @param obj
-   * @since 7
-   */
-  static back(options?: BackRouterOptions): void;
-
-  /**
-   * Obtains information about the current page params.
-   * @returns Page params.
-   * @since 7
-   */
-  static getParams(): Object;
-
-  /**
-   * Clears all historical pages and retains only the current page at the top of the stack.
-   */
-  static clear(): void;
-
-  /**
-   * Obtains the number of pages in the current stack.
-   * @returns Number of pages in the stack. The maximum value is 32.
-   */
-  static getLength(): string;
-
-  /**
-   * Obtains information about the current page state.
-   * @returns Page state.
-   */
-  static getState(): RouterState;
-
-  /**
-   * Pop up dialog to ask whether to back
-   * @param options Options.
-   */
-  static enableAlertBeforeBackPage(options: EnableAlertBeforeBackPageOptions): void;
-
-  /**
-   * cancel enableAlertBeforeBackPage
-   * @param options Options.
-   */
-  static disableAlertBeforeBackPage(options?: DisableAlertBeforeBackPageOptions): void;
-}
diff --git a/api/smartVision/@internal/console.d.ts b/api/smartVision/@internal/console.d.ts
deleted file mode 100644
index 3fb9f532e9d92702c41afc47a652184a97dd11c6..0000000000000000000000000000000000000000
--- a/api/smartVision/@internal/console.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 declare class console {
-  /**
-   * Prints "debug" logs.
-   * @param message Text to print
-   */
-  static debug(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "log" logs.
-   * @param message Text to print
-   */
-  static log(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "info" logs.
-   * @param message Text to print
-   */
-  static info(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "warn" logs.
-   * @param message Text to print
-   */
-  static warn(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "error" logs.
-   * @param message Text to print
-   */
-  static error(message: string, ...arguments: any[]): void;
-}
diff --git a/api/smartVision/@internal/global.d.ts b/api/smartVision/@internal/global.d.ts
deleted file mode 100644
index 04a5434cf8d29fe6692b2f70c0878c17c118ee18..0000000000000000000000000000000000000000
--- a/api/smartVision/@internal/global.d.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
- * 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 repeatedly at the interval.
- * @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.
- */
-export declare function setInterval(
-  handler: Function,
-  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.
- * @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.
- */
-export declare function setTimeout(
-  handler: Function,
-  delay?: number,
-  ...arguments: any[]
-): number;
-
-/**
- * Cancels the interval set by " setInterval()".
- * @param intervalID Indicates the timer ID returned by "setInterval()".
- */
-export declare function clearInterval(intervalID?: number): void;
-
-/**
- * Cancels the timer set by " setTimeout()".
- * @param timeoutID Indicates the timer ID returned by "setTimeout()".
- */
-export declare function clearTimeout(timeoutID?: number): void;
diff --git a/api/smartVision/@internal/index.d.ts b/api/smartVision/@internal/index.d.ts
deleted file mode 100644
index 1121f0af6f4a6eef510a81c1d6f267dc15093406..0000000000000000000000000000000000000000
--- a/api/smartVision/@internal/index.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * 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 './console';
-export * from './global';
\ No newline at end of file
diff --git a/api/smartVision/@internal/viewmodel.d.ts b/api/smartVision/@internal/viewmodel.d.ts
deleted file mode 100644
index 934155cd6c83703281d5c2474bbd4e62bf1f39c9..0000000000000000000000000000000000000000
--- a/api/smartVision/@internal/viewmodel.d.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- * 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 ViewModel {
-  /**
-   * Displays content based on the current system language and a path of the language resource key specified through $t.
-   * @param path Path of the language resource key
-   * @param param Content used to replace placeholders during runtime. There are two types of placeholders available:
-   *              1. Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', {name: 'Hello world'}).
-   *              2. Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world']).
-   * @returns content to display
-   */
-  $t(path: string, param?: object | Array<any>): string;
-
-  /**
-   * An object that holds all DOM elements and component instances that have been registered with the refs attribute
-   */
-  $refs: ElementReferences;
-}
-
-export interface ListScrollToOptions {
-  /**
-   * specified position.
-   */
-  index: number;
-}
-
-export interface ListElement {
-  /**
-   * Scrolls the list to the position of the item at the specified index.
-   */
-  scrollTo(position: ListScrollToOptions): void;
-}
-
-export interface ImageAnimatorElement {
-  /**
-   * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
-   */
-  start(): void;
-  /**
-   * Pauses the frame animation playback of an image.
-   */
-  pause(): void;
-  /**
-   * Stops the frame animation playback of an image.
-   */
-  stop(): void;
-  /**
-   * Resumes the frame animation playback of an image.
-   */
-  resume(): void;
-  /**
-   * Obtains the playback state. Available values are as follows:
-   * Playing
-   * Paused
-   * Stopped
-   */
-  getState(): "Playing" | "Paused" | "Stopped";
-}
-
-export interface ElementReferences {
-  [k: string]: object & ListElement & ImageAnimatorElement;
-}
-
-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.
-   */
-  data?: Data;
-
-  /**
-   * Called when the page is initialized. This function can be called only once in a lifecycle.
-   */
-  onInit?(): void;
-
-  /**
-   * Called when the page is created. This function can be called only once in a lifecycle.
-   */
-  onReady?(): void;
-
-  /**
-   * Called when the page is displayed.
-   */
-  onShow?(): void;
-
-  /**
-   * Called when the application is created
-   */
-  onCreate?(): void;
-
-  /**
-   * Called when the application is destroyed or called when the page is redirected to another one (without entering the navigation stack).
-   */
-  onDestroy?(): 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;
\ No newline at end of file
diff --git a/api/smartVision/@system.app.d.ts b/api/smartVision/@system.app.d.ts
deleted file mode 100644
index 4ba272a04db96046cc677f6ece65effc3719836f..0000000000000000000000000000000000000000
--- a/api/smartVision/@system.app.d.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * 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 AppResponse {
-  /**
-   * Application name
-   * @since 3
-   */
-  appName: string;
-
-  /**
-   * Application version name
-   * @since 3
-   */
-  versionName: string;
-
-  /**
-   * Application version
-   * @since 3
-   */
-  versionCode: number;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngineLite
- */
-export default class App {
-  /**
-   * Obtains the declared information in the config.json file of an application.
-   */
-  static getInfo(): AppResponse;
-
-  /**
-   * Destroys the current ability.
-   */
-  static terminate(): void;
-}
diff --git a/api/smartVision/@system.cipher.d.ts b/api/smartVision/@system.cipher.d.ts
deleted file mode 100644
index a77f4a1a2e91423a8182d4b6cdccc7e3dc86ab04..0000000000000000000000000000000000000000
--- a/api/smartVision/@system.cipher.d.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-/*
- * 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 CipherResponse {
-  /**
-   * response text
-   */
-  text: string;
-}
-
-export interface CipherRsaOptions {
-  /**
-   * Action type.
-   * The options are as follows:
-   *   encrypt: Encrypts data.
-   *   decrypt: Decrypts data.
-   * @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.
-   * @since 3
-   */
-  text: string;
-
-  /**
-   * Keys encrypted using RSA.
-   * During encryption, this parameter is a public key.
-   * During decryption, it is a private key.
-   * @since 3
-   */
-  key: string;
-
-  /**
-   * RSA algorithm padding.
-   * The default value is RSA/None/OAEPWithSHA256AndMGF1Padding.
-   * @since 3
-   */
-  transformation?: string;
-
-  /**
-   * Called when data is encrypted or decrypted successfully.
-   * @since 3
-   */
-  success: (data: CipherResponse) => void;
-
-  /**
-   * Called when data fails to be encrypted or decrypted.
-   * @since 3
-   */
-  fail: (data: string, code: number) => void;
-
-  /**
-   * Called when the execution is completed.
-   * @since 3
-   */
-  complete: () => void;
-}
-
-export interface CipherAesOptions {
-  /**
-   * Action type.
-   * The options are as follows:
-   *   encrypt: Encrypts data.
-   *   decrypt: Decrypts data.
-   * @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.
-   * @since 3
-   */
-  text: string;
-
-  /**
-   * Key used for encryption or decryption, which is a character string encrypted using Base64.
-   * @since 3
-   */
-  key: string;
-
-  /**
-   * Encryption mode and padding of the AES algorithm.
-   * The default value is AES/CBC/PKCS5Padding.
-   * @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.
-   * @since 3
-   */
-  iv?: string;
-
-  /**
-   * Offset of the initial vector for AES-based encryption and decryption.
-   * The default value is 0.
-   * @since 3
-   */
-  ivOffset?: string;
-
-  /**
-   * Length of the initial vector for AES-based encryption and decryption.
-   * The default value is 16.
-   * @since 3
-   */
-  ivLen?: string;
-
-  /**
-   * Called when data is encrypted or decrypted successfully.
-   * @since 3
-   */
-  success: (data: CipherResponse) => void;
-
-  /**
-   * Called when data fails to be encrypted or decrypted.
-   * @since 3
-   */
-  fail: (data: string, code: number) => void;
-
-  /**
-   * Called when the execution is completed.
-   * @since 3
-   */
-  complete: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngineLite
- */
-export default class Cipher {
-  /**
-   * Encrypts or decrypts data using RSA.
-   * @param options RSA options
-   */
-  static rsa(options: CipherRsaOptions): void;
-
-  /**
-   * Encrypts or decrypts data using AES.
-   * @param options AES options
-   */
-  static aes(options: CipherAesOptions): void;
-}
diff --git a/api/smartVision/@system.file.d.ts b/api/smartVision/@system.file.d.ts
deleted file mode 100644
index 59a71b1a736e03ff6f720c51665b2570fc24e561..0000000000000000000000000000000000000000
--- a/api/smartVision/@system.file.d.ts
+++ /dev/null
@@ -1,570 +0,0 @@
-/*
- * 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 GMT.
-   * For smart vision, the value is fixed to 0, because this parameter is restricted by the underlying file system.
-   * @since 3
-   */
-  lastModifiedTime: number;
-
-  /**
-   * File type. Available 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>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngineLite
- */
-export default class File {
-  /**
-   * Moves a specified file to a given location.
-   * @param options Options.
-   */
-  static move(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the file is 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.
-     * @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.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when moving fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Copies a file and save the copy to a specified location.
-   * @param options Options.
-   */
-  static copy(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the copy is to save.
-     * 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.
-     * @since 3
-     */
-    dstUri: string;
-
-    /**
-     * Called when the source file is copied and saved to the specified location successfully.
-     * This function returns the URI of the file saved to the target location.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when the copy or save operation fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the list of all files in a specified directory.
-   * @param options Options.
-   */
-  static list(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the list is obtained successfully.
-     * @since 3
-     */
-    success?: (data: { fileList: Array<FileResponse> }) => void;
-
-    /**
-     * Called when the list fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains information about a specified local file.
-   * @param options Options.
-   */
-  static get(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively obtain the file list under a subdirectory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when file information is obtained successfully.
-     * @since 3
-     */
-    success?: (file: FileResponse) => void;
-
-    /**
-     * Called when file information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a local file.
-   * @param options Options.
-   */
-  static delete(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when local files are deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes texts into a specified file.
-   * @param options Options.
-   */
-  static writeText(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Character string to write into the local file.
-     * @since 3
-     */
-    text: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * Currently, only UTF-8 is supported.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Whether to enable the append mode.
-     * The default value is false.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when texts are written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when texts fail to be written into a file.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads texts from a specified file.
-   * @param options Options.
-   */
-  static readText(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * Currently, only UTF-8 is supported.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when texts are read successfully.
-     * @since 3
-     */
-    success?: (data: { text: string }) => void;
-
-    /**
-     * Called when texts fail to be read.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes buffer data into a specified file.
-   * @param options Options.
-   */
-  static writeArrayBuffer(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Buffer from which the data is derived.
-     * @since 3
-     */
-    buffer: Uint8Array;
-
-    /**
-     * Offset to the position where the writing starts.
-     * The default value is 0.
-     * @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.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when data from a buffer is written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when data from a buffer fails to be written into a file.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads buffer data from a specified file.
-   * @param options Options.
-   */
-  static readArrayBuffer(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Length of the content to read.
-     * If this parameter is not set, all content of the file will be read.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when the buffer data is read successfully.
-     * @since 3
-     */
-    success?: (data: { buffer: Uint8Array }) => void;
-
-    /**
-     * Called when the buffer data fails to be read.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Checks whether a specified file or directory exists.
-   * @param options Options.
-   */
-  static access(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the check result is obtained successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the check fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Create a specified directory.
-   * @param options Options.
-   */
-  static mkdir(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively create upper-level directories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is created successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the creation fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a specified directory.
-   * @param options Options.
-   */
-  static rmdir(options: {
-    /**
-     * 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.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively delete sub files and subdirectories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: string, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
diff --git a/api/smartVision/@system.router.d.ts b/api/smartVision/@system.router.d.ts
deleted file mode 100644
index 287e981f9bfced9a04ab84a4a7eb88b0da8bfe05..0000000000000000000000000000000000000000
--- a/api/smartVision/@system.router.d.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * 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 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:
-  *       a. pages/index/index
-   *      b. pages/detail/detail
-   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
-   * @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.)
-   * @since 3
-   */
-  params?: object;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngineLite
- */
-export default class Router {
-  /**
-   * Replaces the current page with another one in the application.
-   * The current page is destroyed after replacement.
-   * @param route route options.
-   */
-  static replace(route: RouterOptions): void;
-}
diff --git a/api/tablet/@internal/console.d.ts b/api/tablet/@internal/console.d.ts
deleted file mode 100644
index a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57..0000000000000000000000000000000000000000
--- a/api/tablet/@internal/console.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 declare class console {
-  /**
-   * Prints "debug" logs.
-   * @param message Text to print.
-   */
-  static debug(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "log" logs.
-   * @param message Text to print.
-   */
-  static log(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "info" logs.
-   * @param message Text to print.
-   */
-  static info(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "warn" logs.
-   * @param message Text to print.
-   */
-  static warn(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "error" logs.
-   * @param message Text to print.
-   */
-  static error(message: string, ...arguments: any[]): void;
-}
diff --git a/api/tablet/@internal/global.d.ts b/api/tablet/@internal/global.d.ts
deleted file mode 100644
index 6b9bf770fc6fb1b12c1acaa8756034b1a8eabad6..0000000000000000000000000000000000000000
--- a/api/tablet/@internal/global.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * 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 repeatedly at the interval.
- * @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.
- */
-export declare function setInterval(handler: TimerHandler, 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.
- * @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.
- */
-export declare function setTimeout(handler: TimerHandler, delay?: number, ...arguments: any[]): number;
-
-/**
- * Cancels the interval set by " setInterval()".
- * @param intervalID Indicates the timer ID returned by "setInterval()".
- */
-export declare function clearInterval(intervalID?: number): void;
-
-/**
- * Cancels the timer set by "setTimeout()".
- * @param timeoutID Indicates the timer ID returned by "setTimeout()".
- */
-export declare function clearTimeout(timeoutID?: number): void;
-
-/**
- * Obtain the objects exposed in app.js
- * @since 6
- */
-export declare function getApp(): object;
-
-/**
- * You can create an Image object by calling new Image().
- */
-export declare class Image {
-  /**
-   * Network address or local resource. The internal URI is supported.
-   */
-  src: string;
-  /**
-   * Image width.
-   */
-  width?: number;
-  /**
-   * Image height.
-   */
-  height?: number;
-  /**
-   * Called when an image is successfully loaded. This function has no parameter.
-   */
-  onload?: () => void;
-  /**
-   * Called when an image fails to be loaded. This function has no parameter.
-   */
-  onerror?: () => void;
-}
-
-/**
- * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
- */
-export declare class ImageData {
-  /**
-   * Actual width of the ImageData object, in pixels.
-   */
-  width: number;
-  /**
-   * Actual height of the ImageData object, in pixels.
-   */
-  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.
-   */
-  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;
-}
diff --git a/api/tablet/@internal/index.d.ts b/api/tablet/@internal/index.d.ts
deleted file mode 100644
index 8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c..0000000000000000000000000000000000000000
--- a/api/tablet/@internal/index.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * 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/tablet/@internal/viewmodel.d.ts b/api/tablet/@internal/viewmodel.d.ts
deleted file mode 100644
index 6ef80bb304567d3e44de49af277de413c05a4985..0000000000000000000000000000000000000000
--- a/api/tablet/@internal/viewmodel.d.ts
+++ /dev/null
@@ -1,2322 +0,0 @@
-/*
- * 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";
-import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
-import { WebGL2RenderingContext } from "../webgl/webgl2";
-
-export interface FocusParamObj {
-  focus: boolean;
-}
-
-export interface RectObj {
-  width: number;
-
-  height: number;
-
-  left: number;
-
-  top: number;
-}
-
-export interface ContextAttrOptions {
-  antialias: boolean;
-}
-
-export interface AnimateStyle {
-  /**
-   * Width value applied to the component after the animation is executed.
-   */
-  width: number;
-  /**
-   * Height value applied to the component after the animation is executed.
-   */
-  height: number;
-  /**
-   * left offset applied to the component after the animation is executed.
-   */
-  left: number;
-  /**
-   * top offset applied to the component after the animation is executed.
-   */
-  top: number;
-  /**
-   * right offset applied to the component after the animation is executed.
-   */
-  right: number;
-  /**
-   * bottom offset applied to the component after the animation is executed.
-   */
-  bottom: number;
-  /**
-   * Background color applied to the component after the animation is executed.
-   * The default value is none.
-   */
-  backgroundColor: string;
-  /**
-   * Opacity applied to the component. The value ranges from 0 to 1.
-   * The default value is 1.
-   */
-  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.
-   */
-  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.
-   */
-  transformOrigin: string;
-  /**
-   * Transformation type applied to an element.
-   */
-  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.
-   */
-  offset?: number;
-}
-
-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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  translateX(x: number): void;
-  /**
-   * Defines 2D transformations for translation of the Y axes
-   * @param y the translate value for y-axis
-   */
-  translateY(y: number): void;
-  /**
-   * Defines 3D transformations for translation of the Z axes
-   * @param z the translate value for z-axis
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scaleX(x: number): void;
-  /**
-   * Defines 2D transformations for scaling of the Y axes
-   * @param y the scale value for y-axis
-   */
-  scaleY(y: number): void;
-  /**
-   * Defines 3D transformations for scaling of the Z axes
-   * @param z the scale value for z-axis
-   */
-  scaleZ(z: number): void;
-  /**
-   * Define the 2D rotation and specify the angle in the parameters.
-   * @param angle the rotate value for z-axis
-   */
-  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.
-   */
-  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
-   */
-  rotateX(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Y axes.
-   * @param y the scale value for y-axis
-   */
-  rotateY(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Z axes.
-   * @param z the scale value for z-axis
-   */
-  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.
-   */
-  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.
-   */
-  skewX(angle: number): void;
-  /**
-   * Defines the 2D skew transition along the Y axes.
-   * @param angle the angle of inclination along the y axis.
-   */
-  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.
-   */
-  perspective(verticalDistance: number): void;
-}
-
-export interface AnimateOptions {
-  /**
-   * Duration of the animation, in milliseconds.
-   * The default value is 0.
-   */
-  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.
-   */
-  easing: string;
-
-  /**
-   * Delay for the animation start. The default value indicates no delay.
-   * The default value is 0.
-   */
-  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.
-   */
-  iterations: number | string;
-
-  /**
-   * The animation playback mode.
-   * The default value is "normal".
-   */
-  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.
-   */
-  fill: "none" | "forwards" | "backwards" | "both";
-}
-
-export interface AnimationResult {
-  /**
-   * Read-only attribute, which indicates whether the animation playback is complete.
-   */
-  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).
-   */
-  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.
-   */
-  playstate: string;
-  /**
-   * Animation start time. This attribute is similar to that of delay in the options parameters.
-   */
-  startTime: number;
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-  /**
-   * The animation is started.
-   */
-  onstart: () => void;
-  /**
-   * The animation is finished.
-   */
-  onfinish: () => void;
-  /**
-   * The animation is canceled.
-   */
-  oncancel: () => void;
-  /**
-   * The animation is repeated.
-   */
-  onrepeat: () => void;
-}
-
-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 }
-   */
-  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 }
-   */
-  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.
-   */
-  animate(
-    keyframes: Array<AnimateStyle>,
-    options: AnimateOptions
-  ): AnimationResult;
-
-  /**
-   * Obtains the size and position of the element.
-   * @returns RectObj the size position of the element.
-   */
-  getBoundingClientRect(): RectObj;
-
-  /**
-   * Obtains attributes of the element.
-   * @returns attributes of the element in json string.
-   */
-  getInspector(): string;
-
-  /**
-   * 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
- */
-export interface AnimationElement extends Element {
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-}
-
-export interface CurrentOffsetResultValue {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <list> component provides a list container.
- */
-export interface ListElement extends Element {
-  /**
-   * Scrolls the list to the position of the item at the specified index.
-   */
-  scrollTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): 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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
-
-  /**
-   * Collapses a group.
-   * @param param
-   */
-  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
-   */
-  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.
-   */
-  currentOffset(): CurrentOffsetResultValue;
-}
-
-/**
- * The <swiper> component provides a swiper container.
- */
-export interface SwiperElement extends Element {
-  /**
-   * Scrolls the child component to the position at the specified index.
-   */
-  swipeTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): void;
-
-  /**
-   * Shows the next child component.
-   */
-  showNext(): void;
-
-  /**
-   * Shows the previous child component.
-   */
-  showPrevious(): void;
-}
-
-export interface CameraTakePhotoOptions {
-  /**
-   * Picture quality.
-   */
-  quality: "high" | "normal" | "low";
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-/**
- * The <camera> component provides preview and photographing functions..
- */
-export interface CameraElement extends Element {
-  /**
-   * Take photos with specified parameters.
-   * @param options the parameters of camera.
-   */
-  takePhoto(options: CameraTakePhotoOptions): void;
-}
-
-/**
- * The <web> component is a container for displaying web page content.
- */
-export interface WebElement extends Element {
-  /**
-   * Reload the web page content
-   */
-  reload(): void;
-}
-
-/**
- * The <dialog> component is a custom pop-up container.
- */
-export interface DialogElement extends Element {
-  /**
-   * Shows a dialog box.
-   */
-  show(): void;
-  /**
-   * Closes a dialog box.
-   */
-  close(): void;
-}
-
-/**
- * The <image-animator> component is used to provide an image frame animator.
- */
-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.
-   */
-  start(): void;
-  /**
-   * Pauses the frame animation playback of an image.
-   */
-  pause(): void;
-  /**
-   * Stops the frame animation playback of an image.
-   */
-  stop(): void;
-  /**
-   * Resumes the frame animation playback of an image.
-   */
-  resume(): void;
-  /**
-   * Obtains the playback state. Available values are as follows:
-   * Playing
-   * Paused
-   * Stopped
-   */
-  getState(): string;
-}
-
-/**
- * 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.
- */
-export interface MarqueeElement extends Element {
-  /**
-   * Starts scrolling.
-   */
-  start(): void;
-
-  /**
-   * Stops scrolling.
-   */
-  stop(): void;
-}
-
-/**
- * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
- */
-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
-   */
-  show(position: { x: number; y: number }): void;
-}
-
-/**
- * The <chart> component displays line charts, gauge charts, and bar charts.
- */
-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.
-   */
-  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.
- */
-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.
-   */
-  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
-   */
-  showError(param: { error: string }): void;
-
-  /**
-   * Deletes the previous character at the cursor position.
-   */
-  delete(): void;
-}
-
-/**
- * The <button> component includes capsule, circle, text, arc, and download buttons.
- */
-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
-   */
-  setProgress(param: { progress: number }): void;
-}
-
-/**
- * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
- */
-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.
-   */
-  focus(param: { focus: boolean }): void;
-}
-
-/**
- * The <picker> component supports common, date, time, and multi-column text selectors.
- */
-export interface PickerElement extends Element {
-  /**
-   * Displays the picker.
-   */
-  show(): void;
-}
-
-/**
- * The <video> component provides a video player.
- */
-export interface VideoElement extends Element {
-  /**
-   * Requests to start playing a video.
-   */
-  start(): void;
-
-  /**
-   * Requests to pause a video.
-   */
-  pause(): void;
-
-  /**
-   * Specifies the video playing position.
-   * @param param
-   */
-  setCurrentTime(param: { currenttime: number }): void;
-
-  /**
-   * Requests to enter the full screen mode.
-   * @param param
-   */
-  requestFullscreen(param: { screenOrientation: "default" }): void;
-
-  /**
-   * Requests to exit the full screen mode.
-   */
-  exitFullscreen(): void;
-
-  /**
-   * Requests to stop playing a video.
-   */
-  stop(): void;
-}
-
-export interface TextMetrics {
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  measureText(text: string): TextMetrics;
-
-  /**
-   * Sets the width of a line.
-   */
-  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.
-   */
-  strokeStyle?: string | CanvasGradient | CanvasPattern;
-
-  /**
-   * Draws a border stroke.
-   */
-  stroke(): void;
-
-  /**
-   * Draws a path stroke.
-   * @param path The object of Path2D.
-   */
-  stroke(path: Path2D): void;
-
-  /**
-   * Creates a drawing path.
-   */
-  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.
-   */
-  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.
-   */
-  lineTo(x: number, y: number): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  miterLimit: number;
-
-  /**
-   * Sets the font style.
-   * Font style. The default value is 10px sans-serif.
-   */
-  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.
-   * end: The text is aligned with the end bound.
-   * NOTE
-   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
-   */
-  textAlign: string;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  rect(x: number, y: number, width: number, height: number): void;
-
-  /**
-   * Fills the area inside a closed path.
-   */
-  fill(): void;
-
-  /**
-   * Sets a path as the clipping path.
-   */
-  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.
-   */
-  rotate(rotate: number): void;
-
-  /**
-   * Scales a canvas based on scaling factors.
-   * @param x Horizontal scale factor.
-   * @param y Vertical scale factor.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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).
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  restore: () => void;
-
-  /**
-   * Saves the current drawing context.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  setLineDash(segments: Array<number>): void;
-
-  /**
-   * Obtains the dash line style.
-   * @returns Interval of alternate line segments and the length of spacing.
-   */
-  getLineDash(): Array<number>;
-
-  /**
-   * Sets the dash line offset.
-   * Dash line offset. The value is a float number starting from 0.0.
-   */
-  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.
-   */
-  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.
-   */
-  shadowBlur: number;
-
-  /**
-   * Sets the shadow color.
-   */
-  shadowColor: string;
-
-  /**
-   * Sets the x-axis shadow offset relative to the original object.
-   * X-axis shadow offset relative to the original object.
-   */
-  shadowOffsetX: number;
-
-  /**
-   * Sets the y-axis shadow offset relative to the original object.
-   * Y-axis shadow offset relative to the original object.
-   */
-  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().
- */
-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.
-   */
-  addColorStop(offset: number, color: string): void;
-}
-
-export interface Path2D {
-  /**
-   * Add another path to current path.
-   * @param path another created Path2D object.
-   */
-  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.
-   */
-  setTransform(
-    scaleX: number,
-    skewX: number,
-    skewY: number,
-    scaleY: number,
-    translateX: number,
-    translateY: number
-  ): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   * @param param
-   */
-  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
-
-  /**
-   * Obtains the context of webgl canvas drawing.
-   * Only parameters related to webgl canvas drawing are supported.
-   * The return value is a webgl drawing object that provides specific webgl drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
-
-  /**
-   * Obtains the context of webgl2 canvas drawing.
-   * Only parameters related to webgl2 canvas drawing are supported.
-   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
-
-  /**
-   * 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.
-   */
-  toDataURL(type?: string, quality?: number): string;
-}
-
-export interface ScrollOptions {
-  /**
-   * Scroll to the target position of the page. Unit: px
-   */
-  position: number;
-
-  /**
-   * Duration of the scrolling animation, in ms.
-   */
-  duration: number;
-
-  /**
-   * The selector for current scroll.
-   */
-  id?: string;
-
-  /**
-   * The timing function for current scroll animation.
-   */
-  timingFunction?: string;
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-export interface ScrollParam {
-  /**
-   * Offset for scrolling in the horizontal direction, in px.
-   */
-  dx?: number;
-
-  /**
-   * Offset for scrolling in the vertical direction, in px.
-   */
-  dy?: number;
-
-  /**
-   * Whether a sliding animation is displayed when scroll position is changed.
-   */
-  smooth?: boolean;
-}
-
-export interface ScrollOffset {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <div> component provides a div container.
- */
-export interface DivElement extends Element {
-  /**
-   * Scrolls the div for a certain distance.
-   */
-  scrollBy(data: ScrollParam): void;
-
-  /**
-   * Returns the offset of the current scrolling. The return value type is Object.
-   */
-  getScrollOffset(): ScrollOffset;
-}
-
-export interface Application {
-  /**
-   * Object that is exposed in the app.js file and obtained by this.$app.$def.
-   */
-  $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'].
-   */
-  $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.
-   */
-  $tc(path: string, count: number): string;
-
-  /**
-   * Replace the resource path based on the DPI of the current device: this.$r('image.tablet').
-   * @param path Resource file path.
-   * @returns Content.
-   */
-  $r(path: string): string;
-
-  /**
-   * Adds an attribute or modifies an existing attribute.
-   * Usage: this.$set('key',value): Add an attribute.
-   * @param key
-   * @param value
-   */
-  $set(key: string, value: any): void;
-
-  /**
-   * Deletes an attribute.
-   * Usage:this.$delete('key'): Delete an attribute.
-   * @param key
-   */
-  $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.
-   */
-  $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.
-   */
-  $root(): ViewModel & object;
-
-  /**
-   * Obtains the parent ViewModel instance.
-   */
-  $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.
-   */
-  $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.
-   */
-  $watch(data: string, callback: string): void;
-
-  /**
-   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
-   */
-  $refs: ElementReferences;
-
-  /**
-   * Custom events.
-   * @param event The name of event.
-   * @param params The params of event.
-   */
-  $emit(event: string, params?: object): void;
-
-  /**
-   * Scroll the page to the destination.
-   * @param options The properties of event.
-   */
-  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.
-   */
-  data?: Data;
-
-  /**
-   * Listens for page initialization.
-   * Called when page initialization is complete. This function is called only once in a lifecycle.
-   */
-  onInit?(): void;
-
-  /**
-   * Listens for page creation.
-   * Called when a page is created. This function is called only once in a lifecycle.
-   */
-  onReady?(): void;
-
-  /**
-   * Listens for page display.
-   * Called when the page is displayed.
-   */
-  onShow?(): void;
-
-  /**
-   * Listens for page hiding.
-   * Called when the page disappears.
-   */
-  onHide?(): void;
-
-  /**
-   * Listens for page destruction.
-   * Called when the page is destroyed.
-   */
-  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.
-   */
-  onBackPress?(): boolean;
-
-  /**
-   * Listens for application creation.
-   * Called when the application is created.
-   */
-  onCreate?(): void;
-
-  /**
-   * Listens for page active.
-   * Called when the page is activing.
-   */
-  onActive?(): void;
-
-  /**
-   * Listens for page inactive.
-   * Called when the page is paused.
-   */
-  onInactive?(): void;
-
-  /**
-   * This callback is triggered when a new request is received when the FA has started.
-   */
-  onNewRequest?(): void;
-
-  /**
-   * Callback when FA initiates a migration, in this callback, the application can decide whether
-   * to migrate according to the current state.
-   */
-  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.
-   */
-  onSaveData?(value: object): void;
-
-  /**
-   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
-   */
-  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.
-   */
-  onCompleteContinuation?(code: number): void;
-
-  /**
-   * This callback is triggered when the corresponding system configuration changes, such as system font size,
-   * language region, etc.
-   */
-  onConfigurationUpdated?(configuration: Configuration): 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/tablet/@system.app.d.ts b/api/tablet/@system.app.d.ts
deleted file mode 100644
index bd6459e3871db8824190cf4d6071d7bd02d5b707..0000000000000000000000000000000000000000
--- a/api/tablet/@system.app.d.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * 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 AppResponse {
-  /**
-   * Application bundleName.
-   * @since 6
-   */
-  appID: string;
-
-  /**
-   * Application name.
-   * @since 3
-   */
-  appName: string;
-
-  /**
-   * Application version name.
-   * @since 3
-   */
-  versionName: string;
-
-  /**
-   * Application version.
-   * @since 3
-   */
-  versionCode: number;
-}
-
-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.
-   * @since 3
-   */
-  duration?: number
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class App {
-  /**
-   * Obtains the declared information in the config.json file of an application.
-   */
-  static getInfo(): AppResponse;
-
-  /**
-   * Destroys the current ability.
-   */
-  static terminate(): 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 obj 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.
-   */
-  static requestFullWindow(options?: RequestFullWindowOptions): void;
-}
diff --git a/api/tablet/@system.configuration.d.ts b/api/tablet/@system.configuration.d.ts
deleted file mode 100644
index f829359b523208f086afac0c799de45347126456..0000000000000000000000000000000000000000
--- a/api/tablet/@system.configuration.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 LocaleResponse {
-  /**
-   * Current language of the application. Example: zh.
-   * @since 3
-   */
-  language: string;
-
-  /**
-   * Country or region. Example: CN.
-   * @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.
-   * @since 3
-   */
-  dir: "ltr" | "rtl";
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Configuration {
-  /**
-   * Obtains the current locale of the application, which is the same as the system locale.
-   */
-  static getLocale(): LocaleResponse;
-}
diff --git a/api/tablet/@system.file.d.ts b/api/tablet/@system.file.d.ts
deleted file mode 100644
index c890c43d9c4ebff25809a00173a31d972b1cc5f2..0000000000000000000000000000000000000000
--- a/api/tablet/@system.file.d.ts
+++ /dev/null
@@ -1,505 +0,0 @@
-/*
- * 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.
-   * @since 3
-   */
-  length: number;
-
-  /**
-   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
-   * @since 3
-   */
-  lastModifiedTime: number;
-
-  /**
-   * File type. Available values are as follows:
-   * dir: directory
-   * file: file
-   * @since 3
-   */
-  type: "dir" | "file";
-
-  /**
-   * File list.
-   * @since 3
-   */
-  subFiles?: Array<FileResponse>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class File {
-  /**
-   * Moves a specified file to a given location.
-   * @param options Options.
-   */
-  static move(options: {
-    /**
-     * URI of the file to move.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the file is to move.
-     * @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.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when moving fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Copies a file and save the copy to a specified location.
-   * @param options Options.
-   */
-  static copy(options: {
-    /**
-     * URI of the file to copy.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the copy is to save.
-     * The directory of application resources and URI of the tmp type are not supported.
-     * @since 3
-     */
-    dstUri: string;
-
-    /**
-     * Called when the source file is copied and saved to the specified location successfully.
-     * This function returns the URI of the file moved to the target location.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when the copy or save operation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the list of files in a specified directory.
-   * @param options Options.
-   */
-  static list(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the list is obtained successfully.
-     * @since 3
-     */
-    success?: (data: { fileList: Array<FileResponse> }) => void;
-
-    /**
-     * Called when the list fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains information about a specified local file.
-   * @param options
-   */
-  static get(options: {
-    /**
-     * File URI.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively obtain the file list under a subdirectory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when file information is obtained successfully.
-     * @since 3
-     */
-    success?: (file: FileResponse) => void;
-
-    /**
-     * Called when file information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a local file.
-   * @param options
-   */
-  static delete(options: {
-    /**
-     * URI of the file to be deleted, which cannot be an application resource path.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when local files are deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes texts into a specified file.
-   * @param options
-   */
-  static writeText(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Character string to write into the local file.
-     * @since 3
-     */
-    text: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Whether to enable the append mode. The default value is false.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when texts are written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when texts fail to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads texts from a specified file.
-   * @param options
-   */
-  static readText(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Called when texts are read successfully.
-     * @since 3
-     */
-    success?: (data: { text: string }) => void;
-
-    /**
-     * Called when texts fail to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes buffer data into a specified file.
-   * @param options Options.
-   */
-  static writeArrayBuffer(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Buffer from which the data is derived.
-     * @since 3
-     */
-    buffer: Uint8Array;
-
-    /**
-     * Offset to the position where the writing starts. The default value is 0.
-     * @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.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when data from a buffer is written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when data from a buffer fails to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads buffer data from a specified file.
-   * @param options Options.
-   */
-  static readArrayBuffer(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Length of the content to read.
-     * If this parameter is not set, the reading proceeds until the end of the file.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when the buffer data is read successfully.
-     * @since 3
-     */
-    success?: (data: { buffer: Uint8Array }) => void;
-
-    /**
-     * Called when the buffer data fails to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Checks whether a specified file or directory exists.
-   * @param options Options.
-   */
-  static access(options: {
-    /**
-     * URI of the directory or file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the check result is obtained successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the check fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Creates a specified directory.
-   * @param options Options.
-   */
-  static mkdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively create upper-level directories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is created successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the creation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a specified directory.
-   * @param options
-   */
-  static rmdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively delete sub files and subdirectories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
diff --git a/api/tablet/@system.mediaquery.d.ts b/api/tablet/@system.mediaquery.d.ts
deleted file mode 100644
index 8d8eb51a8e2b75a3234ad9ff95e1c949f715348d..0000000000000000000000000000000000000000
--- a/api/tablet/@system.mediaquery.d.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * 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 MediaQueryEvent {
-  /**
-   * @since 3
-   */
-  matches: boolean;
-}
-
-export interface MediaQueryList {
-  /**
-  * Serialized media query condition.
-  * This parameter is read-only.
-  * @since 3
-  */
-  media?: string;
-
-  /**
-  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
-  * This parameter is read-only.
-  * @since 3
-  */
-  matches?: boolean;
-
-  /**
-  * Called when the matches value changes.
-  * @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.
-   * @since 3
-   */
-  addListener(callback: (event: MediaQueryEvent) => void): void;
-
-  /**
-   * Removes a listening function from MediaQueryList.
-   * @since 3
-   */
-  removeListener(callback: (event: MediaQueryEvent) => void): void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class MediaQuery {
-  /**
-   * Queries a media item and returns a MediaQueryList object.
-   */
-  static matchMedia(condition: string): MediaQueryList;
-}
diff --git a/api/tablet/@system.prompt.d.ts b/api/tablet/@system.prompt.d.ts
deleted file mode 100644
index 72f4ae0349a9d484621d4d7a05a54a512ffeea2c..0000000000000000000000000000000000000000
--- a/api/tablet/@system.prompt.d.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * 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 ShowToastOptions {
-  /**
-   * Text to display.
-   * @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.
-   * @since 3
-   */
-  duration?: number;
-
-  /**
-   * The distance between toast dialog box and the bottom of screen.
-   * @since 5
-   */
-  bottom?: string | number;
-}
-
-export interface Button {
-  text: string;
-  color: string;
-}
-
-export interface ShowDialogOptions {
-  /**
-   * Title of the text to display.
-   * @since 3
-   */
-  title?: string;
-
-  /**
-   * Text body.
-   * @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.
-   * @since 3
-   */
-  buttons?: [Button, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 3
-   */
-  success?: (data: { index: number }) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 3
-   */
-  cancel?: (data: string, code: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 3
-   */
-  complete?: (data: string) => void;
-}
-
-export interface ShowActionMenuOptions {
-  /**
-   * Title of the text to display.
-   * @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.
-   * @since 6
-   */
-  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (tapIndex: number, errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  fail?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Prompt {
-  /**
-   * Displays the notification text.
-   * @param toast
-   */
-  static showToast(toast: ShowToastOptions): void;
-
-  /**
-   * Displays the dialog box.
-   * @param dialog
-   */
-  static showDialog(dialog: ShowDialogOptions): void;
-
-    /**
-   * Displays the menu.
-   * @param options Options.
-   */
-  static showActionMenu(options: ShowActionMenuOptions): void;
-}
diff --git a/api/tablet/@system.router.d.ts b/api/tablet/@system.router.d.ts
deleted file mode 100644
index c245c5b63345b26c48203d6e95023a2d0c7cf942..0000000000000000000000000000000000000000
--- a/api/tablet/@system.router.d.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * 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 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.
-   * @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.)
-   * @since 3
-   */
-  params?: Object;
-}
-
-export interface BackRouterOptions {
-  /**
-   * Returns to the page of the specified path.
-   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
-   * @devices tv, phone, tablet, wearable
-   * @since 7
-   */
-  uri?: string;
-
-  /**
-   * Data that needs to be passed to the destination page during navigation.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 7
-   */
-  params?: Object;
-}
-
-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.
-   * @since 3
-   */
-  index: number;
-
-  /**
-   * Name of the current page, that is, the file name.
-   * @since 3
-   */
-  name: string;
-
-  /**
-   * Path of the current page.
-   * @since 3
-   */
-  path: string;
-}
-
-export interface EnableAlertBeforeBackPageOptions {
-  /**
-   * dialog context.
-   * @since 6
-   */
-  message: string;
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  cancel?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-export interface DisableAlertBeforeBackPageOptions {
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  cancel?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Router {
-  /**
-   * Navigates to a specified page in the application based on the page URL and parameters.
-   * @param obj
-   */
-  static push(obj: RouterOptions): void;
-
-  /**
-   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
-   * @param obj
-   */
-  static replace(obj: RouterOptions): void;
-
-  /**
-   * Returns to the previous page or a specified page.
-   * @param obj
-   * @since 7
-   */
-  static back(options?: BackRouterOptions): void;
-
-  /**
-   * Obtains information about the current page params.
-   * @returns Page params.
-   * @since 7
-   */
-  static getParams(): Object;
-
-  /**
-   * Clears all historical pages and retains only the current page at the top of the stack.
-   */
-  static clear(): void;
-
-  /**
-   * Obtains the number of pages in the current stack.
-   * @returns Number of pages in the stack. The maximum value is 32.
-   */
-  static getLength(): string;
-
-  /**
-   * Obtains information about the current page state.
-   * @returns Page state.
-   */
-  static getState(): RouterState;
-
-  /**
-   * Pop up dialog to ask whether to back
-   * @param options Options.
-   */
-  static enableAlertBeforeBackPage(options: EnableAlertBeforeBackPageOptions): void;
-
-  /**
-   * cancel enableAlertBeforeBackPage
-   * @param options Options.
-   */
-  static disableAlertBeforeBackPage(options?: DisableAlertBeforeBackPageOptions): void;
-}
diff --git a/api/tv/@internal/console.d.ts b/api/tv/@internal/console.d.ts
deleted file mode 100644
index a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57..0000000000000000000000000000000000000000
--- a/api/tv/@internal/console.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 declare class console {
-  /**
-   * Prints "debug" logs.
-   * @param message Text to print.
-   */
-  static debug(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "log" logs.
-   * @param message Text to print.
-   */
-  static log(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "info" logs.
-   * @param message Text to print.
-   */
-  static info(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "warn" logs.
-   * @param message Text to print.
-   */
-  static warn(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "error" logs.
-   * @param message Text to print.
-   */
-  static error(message: string, ...arguments: any[]): void;
-}
diff --git a/api/tv/@internal/global.d.ts b/api/tv/@internal/global.d.ts
deleted file mode 100644
index 85ca2417a74924517b154f5c8dd25cc9384d6038..0000000000000000000000000000000000000000
--- a/api/tv/@internal/global.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * 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 repeatedly at the interval.
- * @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.
- */
-export declare function setInterval(handler: TimerHandler, 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.
- * @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.
- */
-export declare function setTimeout(handler: TimerHandler, delay?: number, ...arguments: any[]): number;
-
-/**
- * Cancels the interval set by " setInterval()".
- * @param intervalID Indicates the timer ID returned by "setInterval()".
- */
-export declare function clearInterval(intervalID?: number): void;
-
-/**
- * Cancels the timer set by "setTimeout()".
- * @param timeoutID Indicates the timer ID returned by "setTimeout()".
- */
-export declare function clearTimeout(timeoutID?: number): void;
-
-/**
- * Obtain the objects exposed in app.js
- * @since 6
- */
-export declare function getApp(): object;
-
-/**
- * You can create an Image object by calling new Image().
- */
-export declare class Image {
-  /**
-   * Network address or local resource. The internal URI is supported.
-   */
-  src: string;
-  /**
-   * Image width.
-   */
-  width?: number;
-  /**
-   * Image height.
-   */
-  height?: number;
-  /**
-   * Called when an image is successfully loaded. This function has no parameter.
-   */
-  onload?: () => void;
-  /**
-   * Called when an image fails to be loaded. This function has no parameter.
-   */
-  onerror?: () => void;
-}
-
-/**
- * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
- */
-export declare class ImageData {
-  /**
-   * Actual width of the ImageData object, in pixels.
-   */
-  width: number;
-  /**
-   * Actual height of the ImageData object, in pixels.
-   */
-  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.
-   */
-  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/tv/@internal/index.d.ts b/api/tv/@internal/index.d.ts
deleted file mode 100644
index 8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c..0000000000000000000000000000000000000000
--- a/api/tv/@internal/index.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * 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/tv/@internal/viewmodel.d.ts b/api/tv/@internal/viewmodel.d.ts
deleted file mode 100644
index f52f000195c0913cfb2bc386c0b2ce210f008988..0000000000000000000000000000000000000000
--- a/api/tv/@internal/viewmodel.d.ts
+++ /dev/null
@@ -1,2290 +0,0 @@
-/*
- * 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";
-import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
-import { WebGL2RenderingContext } from "../webgl/webgl2";
-
-export interface FocusParamObj {
-  focus: boolean;
-}
-
-export interface RectObj {
-  width: number;
-
-  height: number;
-
-  left: number;
-
-  top: number;
-}
-
-export interface ContextAttrOptions {
-  antialias: boolean;
-}
-
-export interface AnimateStyle {
-  /**
-   * Width value applied to the component after the animation is executed.
-   */
-  width: number;
-  /**
-   * Height value applied to the component after the animation is executed.
-   */
-  height: number;
-  /**
-   * left offset applied to the component after the animation is executed.
-   */
-  left: number;
-  /**
-   * top offset applied to the component after the animation is executed.
-   */
-  top: number;
-  /**
-   * right offset applied to the component after the animation is executed.
-   */
-  right: number;
-  /**
-   * bottom offset applied to the component after the animation is executed.
-   */
-  bottom: number;
-  /**
-   * Background color applied to the component after the animation is executed.
-   * The default value is none.
-   */
-  backgroundColor: string;
-  /**
-   * Opacity applied to the component. The value ranges from 0 to 1.
-   * The default value is 1.
-   */
-  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.
-   */
-  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.
-   */
-  transformOrigin: string;
-  /**
-   * Transformation type applied to an element.
-   */
-  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.
-   */
-  offset?: number;
-}
-
-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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  translateX(x: number): void;
-  /**
-   * Defines 2D transformations for translation of the Y axes
-   * @param y the translate value for y-axis
-   */
-  translateY(y: number): void;
-  /**
-   * Defines 3D transformations for translation of the Z axes
-   * @param z the translate value for z-axis
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scaleX(x: number): void;
-  /**
-   * Defines 2D transformations for scaling of the Y axes
-   * @param y the scale value for y-axis
-   */
-  scaleY(y: number): void;
-  /**
-   * Defines 3D transformations for scaling of the Z axes
-   * @param z the scale value for z-axis
-   */
-  scaleZ(z: number): void;
-  /**
-   * Define the 2D rotation and specify the angle in the parameters.
-   * @param angle the rotate value for z-axis
-   */
-  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.
-   */
-  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
-   */
-  rotateX(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Y axes.
-   * @param y the scale value for y-axis
-   */
-  rotateY(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Z axes.
-   * @param z the scale value for z-axis
-   */
-  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.
-   */
-  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.
-   */
-  skewX(angle: number): void;
-  /**
-   * Defines the 2D skew transition along the Y axes.
-   * @param angle the angle of inclination along the y axis.
-   */
-  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.
-   */
-  perspective(verticalDistance: number): void;
-}
-
-export interface AnimateOptions {
-  /**
-   * Duration of the animation, in milliseconds.
-   * The default value is 0.
-   */
-  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.
-   */
-  easing: string;
-
-  /**
-   * Delay for the animation start. The default value indicates no delay.
-   * The default value is 0.
-   */
-  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.
-   */
-  iterations: number | string;
-
-  /**
-   * The animation playback mode.
-   * The default value is "normal".
-   */
-  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.
-   */
-  fill: "none" | "forwards" | "backwards" | "both";
-}
-
-export interface AnimationResult {
-  /**
-   * Read-only attribute, which indicates whether the animation playback is complete.
-   */
-  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).
-   */
-  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.
-   */
-  playstate: string;
-  /**
-   * Animation start time. This attribute is similar to that of delay in the options parameters.
-   */
-  startTime: number;
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-  /**
-   * The animation is started.
-   */
-  onstart: () => void;
-  /**
-   * The animation is finished.
-   */
-  onfinish: () => void;
-  /**
-   * The animation is canceled.
-   */
-  oncancel: () => void;
-  /**
-   * The animation is repeated.
-   */
-  onrepeat: () => void;
-}
-
-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 }
-   */
-  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 }
-   */
-  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.
-   */
-  animate(
-    keyframes: Array<AnimateStyle>,
-    options: AnimateOptions
-  ): AnimationResult;
-
-  /**
-   * Obtains the size and position of the element.
-   * @returns RectObj the size position of the element.
-   */
-  getBoundingClientRect(): RectObj;
-
-  /**
-   * Obtains attributes of the element.
-   * @returns attributes of the element in json string.
-   */
-  getInspector(): string;
-
-  /**
-   * 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
- */
-export interface AnimationElement extends Element {
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-}
-
-export interface ScrollParam {
-  /**
-   * Offset for scrolling in the horizontal direction, in px.
-   */
-  dx?: number;
-
-  /**
-   * Offset for scrolling in the vertical direction, in px.
-   */
-  dy?: number;
-
-  /**
-   * Whether a sliding animation is displayed when scroll position is changed.
-   */
-  smooth?: boolean;
-}
-
-export interface CurrentOffsetResultValue {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <list> component provides a list container.
- */
-export interface ListElement extends Element {
-  /**
-   * Scrolls the list to the position of the item at the specified index.
-   */
-  scrollTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): void;
-
-  /**
-   * Scrolls the list for a certain distance.
-   * This method applies only to smart TVs.
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
-
-  /**
-   * Collapses a group.
-   * @param param
-   */
-  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
-   */
-  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.
-   */
-  currentOffset(): CurrentOffsetResultValue;
-}
-
-/**
- * The <swiper> component provides a swiper container.
- */
-export interface SwiperElement extends Element {
-  /**
-   * Scrolls the child component to the position at the specified index.
-   */
-  swipeTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): void;
-
-  /**
-   * Shows the next child component.
-   */
-  showNext(): void;
-
-  /**
-   * Shows the previous child component.
-   */
-  showPrevious(): void;
-}
-
-/**
- * The <web> component is a container for displaying web page content.
- */
-export interface WebElement extends Element {
-  /**
-   * Reload the web page content
-   */
-  reload(): void;
-}
-
-/**
- * The <dialog> component is a custom pop-up container.
- */
-export interface DialogElement extends Element {
-  /**
-   * Shows a dialog box.
-   */
-  show(): void;
-  /**
-   * Closes a dialog box.
-   */
-  close(): void;
-}
-
-/**
- * The <image-animator> component is used to provide an image frame animator.
- */
-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.
-   */
-  start(): void;
-  /**
-   * Pauses the frame animation playback of an image.
-   */
-  pause(): void;
-  /**
-   * Stops the frame animation playback of an image.
-   */
-  stop(): void;
-  /**
-   * Resumes the frame animation playback of an image.
-   */
-  resume(): void;
-  /**
-   * Obtains the playback state. Available values are as follows:
-   * Playing
-   * Paused
-   * Stopped
-   */
-  getState(): string;
-}
-
-/**
- * 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.
- */
-export interface MarqueeElement extends Element {
-  /**
-   * Starts scrolling.
-   */
-  start(): void;
-
-  /**
-   * Stops scrolling.
-   */
-  stop(): void;
-}
-
-/**
- * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
- */
-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
-   */
-  show(position: { x: number; y: number }): void;
-}
-
-/**
- * The <chart> component displays line charts, gauge charts, and bar charts.
- */
-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.
-   */
-  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.
- */
-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.
-   */
-  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
-   */
-  showError(param: { error: string }): void;
-
-  /**
-   * Deletes the previous character at the cursor position.
-   */
-  delete(): void;
-}
-
-/**
- * The <button> component includes capsule, circle, text, arc, and download buttons.
- */
-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
-   */
-  setProgress(param: { progress: number }): void;
-}
-
-/**
- * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
- */
-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.
-   */
-  focus(param: { focus: boolean }): void;
-}
-
-/**
- * The <picker> component supports common, date, time, and multi-column text selectors.
- */
-export interface PickerElement extends Element {
-  /**
-   * Displays the picker.
-   */
-  show(): void;
-}
-
-/**
- * The <video> component provides a video player.
- */
-export interface VideoElement extends Element {
-  /**
-   * Requests to start playing a video.
-   */
-  start(): void;
-
-  /**
-   * Requests to pause a video.
-   */
-  pause(): void;
-
-  /**
-   * Specifies the video playing position.
-   * @param param
-   */
-  setCurrentTime(param: { currenttime: number }): void;
-
-  /**
-   * Requests to enter the full screen mode.
-   * @param param
-   */
-  requestFullscreen(param: { screenOrientation: "default" }): void;
-
-  /**
-   * Requests to exit the full screen mode.
-   */
-  exitFullscreen(): void;
-
-  /**
-   * Requests to stop playing a video.
-   */
-  stop(): void;
-}
-
-export interface TextMetrics {
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  measureText(text: string): TextMetrics;
-
-  /**
-   * Sets the width of a line.
-   */
-  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.
-   */
-  strokeStyle?: string | CanvasGradient | CanvasPattern;
-
-  /**
-   * Draws a border stroke.
-   */
-  stroke(): void;
-
-  /**
-   * Draws a path stroke.
-   * @param path The object of Path2D.
-   */
-  stroke(path: Path2D): void;
-
-  /**
-   * Creates a drawing path.
-   */
-  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.
-   */
-  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.
-   */
-  lineTo(x: number, y: number): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  miterLimit: number;
-
-  /**
-   * Sets the font style.
-   * Font style. The default value is 10px sans-serif.
-   */
-  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.
-   * end: The text is aligned with the end bound.
-   * NOTE
-   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
-   */
-  textAlign: string;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  rect(x: number, y: number, width: number, height: number): void;
-
-  /**
-   * Fills the area inside a closed path.
-   */
-  fill(): void;
-
-  /**
-   * Sets a path as the clipping path.
-   */
-  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.
-   */
-  rotate(rotate: number): void;
-
-  /**
-   * Scales a canvas based on scaling factors.
-   * @param x Horizontal scale factor.
-   * @param y Vertical scale factor.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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).
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  restore: () => void;
-
-  /**
-   * Saves the current drawing context.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  setLineDash(segments: Array<number>): void;
-
-  /**
-   * Obtains the dash line style.
-   * @returns Interval of alternate line segments and the length of spacing.
-   */
-  getLineDash(): Array<number>;
-
-  /**
-   * Sets the dash line offset.
-   * Dash line offset. The value is a float number starting from 0.0.
-   */
-  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.
-   */
-  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.
-   */
-  shadowBlur: number;
-
-  /**
-   * Sets the shadow color.
-   */
-  shadowColor: string;
-
-  /**
-   * Sets the x-axis shadow offset relative to the original object.
-   * X-axis shadow offset relative to the original object.
-   */
-  shadowOffsetX: number;
-
-  /**
-   * Sets the y-axis shadow offset relative to the original object.
-   * Y-axis shadow offset relative to the original object.
-   */
-  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().
- */
-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.
-   */
-  addColorStop(offset: number, color: string): void;
-}
-
-export interface Path2D {
-  /**
-   * Add another path to current path.
-   * @param path another created Path2D object.
-   */
-  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.
-   */
-  setTransform(
-    scaleX: number,
-    skewX: number,
-    skewY: number,
-    scaleY: number,
-    translateX: number,
-    translateY: number
-  ): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   * @param param
-   */
-  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
-
-  /**
-   * Obtains the context of webgl canvas drawing.
-   * Only parameters related to webgl canvas drawing are supported.
-   * The return value is a webgl drawing object that provides specific webgl drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
-
-  /**
-   * Obtains the context of webgl2 canvas drawing.
-   * Only parameters related to webgl2 canvas drawing are supported.
-   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
-
-  /**
-   * 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.
-   */
-  toDataURL(type?: string, quality?: number): string;
-}
-
-export interface ScrollOptions {
-  /**
-   * Scroll to the target position of the page. Unit: px
-   */
-  position: number;
-
-  /**
-   * Duration of the scrolling animation, in ms.
-   */
-  duration: number;
-
-  /**
-   * The selector for current scroll.
-   */
-  id?: string;
-
-  /**
-   * The timing function for current scroll animation.
-   */
-  timingFunction?: string;
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-export interface ScrollOffset {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <div> component provides a div container.
- */
-export interface DivElement extends Element {
-  /**
-   * Scrolls the div for a certain distance.
-   */
-  scrollBy(data: ScrollParam): void;
-
-  /**
-   * Returns the offset of the current scrolling. The return value type is Object.
-   */
-  getScrollOffset(): ScrollOffset;
-}
-
-export interface Application {
-  /**
-   * Object that is exposed in the app.js file and obtained by this.$app.$def.
-   */
-  $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'].
-   */
-  $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.
-   */
-  $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.
-   */
-  $r(path: string): string;
-
-  /**
-   * Adds an attribute or modifies an existing attribute.
-   * Usage: this.$set('key',value): Add an attribute.
-   * @param key
-   * @param value
-   */
-  $set(key: string, value: any): void;
-
-  /**
-   * Deletes an attribute.
-   * Usage:this.$delete('key'): Delete an attribute.
-   * @param key
-   */
-  $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.
-   */
-  $element(
-    id?: string
-  ): AnimationElement &
-    CanvasElement &
-    object &
-    WebElement &
-    ListElement &
-    SwiperElement &
-    DialogElement &
-    ImageAnimatorElement &
-    MarqueeElement &
-    MenuElement &
-    ChartElement &
-    InputElement &
-    ButtonElement &
-    TextAreaElement &
-    PickerElement &
-    VideoElement &
-    DivElement;
-
-  /**
-   * Obtains the root ViewModel instance.
-   */
-  $root(): ViewModel & object;
-
-  /**
-   * Obtains the parent ViewModel instance.
-   */
-  $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.
-   */
-  $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.
-   */
-  $watch(data: string, callback: string): void;
-
-  /**
-   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
-   */
-  $refs: ElementReferences;
-
-  /**
-   * Custom events.
-   * @param event The name of event.
-   * @param params The params of event.
-   */
-  $emit(event: string, params?: object): void;
-
-  /**
-   * Scroll the page to the destination.
-   * @param options The properties of event.
-   */
-  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 &
-    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.
-   */
-  data?: Data;
-
-  /**
-   * Listens for page initialization.
-   * Called when page initialization is complete. This function is called only once in a lifecycle.
-   */
-  onInit?(): void;
-
-  /**
-   * Listens for page creation.
-   * Called when a page is created. This function is called only once in a lifecycle.
-   */
-  onReady?(): void;
-
-  /**
-   * Listens for page display.
-   * Called when the page is displayed.
-   */
-  onShow?(): void;
-
-  /**
-   * Listens for page hiding.
-   * Called when the page disappears.
-   */
-  onHide?(): void;
-
-  /**
-   * Listens for page destruction.
-   * Called when the page is destroyed.
-   */
-  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.
-   */
-  onBackPress?(): boolean;
-
-  /**
-   * Listens for application creation.
-   * Called when the application is created.
-   */
-  onCreate?(): void;
-
-  /**
-   * Listens for page active.
-   * Called when the page is activing.
-   */
-  onActive?(): void;
-
-  /**
-   * Listens for page inactive.
-   * Called when the page is paused.
-   */
-  onInactive?(): void;
-
-  /**
-   * This callback is triggered when a new request is received when the FA has started.
-   */
-  onNewRequest?(): void;
-
-  /**
-   * Callback when FA initiates a migration, in this callback, the application can decide whether
-   * to migrate according to the current state.
-   */
-  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.
-   */
-  onSaveData?(value: object): void;
-
-  /**
-   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
-   */
-  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.
-   */
-  onCompleteContinuation?(code: number): void;
-
-  /**
-   * This callback is triggered when the corresponding system configuration changes, such as system font size,
-   * language region, etc.
-   */
-  onConfigurationUpdated?(configuration: Configuration): 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/tv/@system.app.d.ts b/api/tv/@system.app.d.ts
deleted file mode 100644
index 4ffbe2d5c5a068ca549492b94d77ecc60bc00be9..0000000000000000000000000000000000000000
--- a/api/tv/@system.app.d.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * 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 AppResponse {
-  /**
-   * Application bundleName.
-   * @since 6
-   */
-  appID: string;
-
-  /**
-   * Application name.
-   * @since 3
-   */
-  appName: string;
-
-  /**
-   * Application version name.
-   * @since 3
-   */
-  versionName: string;
-
-  /**
-   * Application version.
-   * @since 3
-   */
-  versionCode: number;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class App {
-  /**
-   * Obtains the declared information in the config.json file of an application.
-   */
-  static getInfo(): AppResponse;
-
-  /**
-   * Destroys the current ability.
-   */
-  static terminate(): void;
-}
diff --git a/api/tv/@system.configuration.d.ts b/api/tv/@system.configuration.d.ts
deleted file mode 100644
index f829359b523208f086afac0c799de45347126456..0000000000000000000000000000000000000000
--- a/api/tv/@system.configuration.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 LocaleResponse {
-  /**
-   * Current language of the application. Example: zh.
-   * @since 3
-   */
-  language: string;
-
-  /**
-   * Country or region. Example: CN.
-   * @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.
-   * @since 3
-   */
-  dir: "ltr" | "rtl";
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Configuration {
-  /**
-   * Obtains the current locale of the application, which is the same as the system locale.
-   */
-  static getLocale(): LocaleResponse;
-}
diff --git a/api/tv/@system.file.d.ts b/api/tv/@system.file.d.ts
deleted file mode 100644
index e36081c2de19d140326d9facfda8f90bfe7df994..0000000000000000000000000000000000000000
--- a/api/tv/@system.file.d.ts
+++ /dev/null
@@ -1,507 +0,0 @@
-/*
- * 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.
-   * @since 3
-   */
-  length: number;
-
-  /**
-   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
-   * @since 3
-   */
-  lastModifiedTime: number;
-
-  /**
-   * File type. Available values are as follows:
-   * dir: directory
-   * file: file
-   * @since 3
-   */
-  type: "dir" | "file";
-}
-
-export interface IFile extends FileResponse {
-  /**
-   * File list.
-   * @since 3
-   */
-  subFiles?: Array<IFile>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class File {
-  /**
-   * Moves a specified file to a given location.
-   * @param options Options.
-   */
-  static move(options: {
-    /**
-     * URI of the file to move.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the file is to move.
-     * @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.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when moving fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Copies a file and save the copy to a specified location.
-   * @param options Options.
-   */
-  static copy(options: {
-    /**
-     * URI of the file to copy.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the copy is to save.
-     * The directory of application resources and URI of the tmp type are not supported.
-     * @since 3
-     */
-    dstUri: string;
-
-    /**
-     * Called when the source file is copied and saved to the specified location successfully.
-     * This function returns the URI of the file moved to the target location.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when the copy or save operation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the list of files in a specified directory.
-   * @param options Options.
-   */
-  static list(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the list is obtained successfully.
-     * @since 3
-     */
-    success?: (data: { fileList: Array<FileResponse> }) => void;
-
-    /**
-     * Called when the list fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains information about a specified local file.
-   * @param options
-   */
-  static get(options: {
-    /**
-     * File URI.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively obtain the file list under a subdirectory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when file information is obtained successfully.
-     * @since 3
-     */
-    success?: (file: IFile) => void;
-
-    /**
-     * Called when file information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a local file.
-   * @param options
-   */
-  static delete(options: {
-    /**
-     * URI of the file to be deleted, which cannot be an application resource path.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when local files are deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes texts into a specified file.
-   * @param options
-   */
-  static writeText(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Character string to write into the local file.
-     * @since 3
-     */
-    text: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Whether to enable the append mode. The default value is false.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when texts are written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when texts fail to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads texts from a specified file.
-   * @param options
-   */
-  static readText(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Called when texts are read successfully.
-     * @since 3
-     */
-    success?: (data: { text: string }) => void;
-
-    /**
-     * Called when texts fail to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes buffer data into a specified file.
-   * @param options Options.
-   */
-  static writeArrayBuffer(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Buffer from which the data is derived.
-     * @since 3
-     */
-    buffer: Uint8Array;
-
-    /**
-     * Offset to the position where the writing starts. The default value is 0.
-     * @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.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when data from a buffer is written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when data from a buffer fails to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads buffer data from a specified file.
-   * @param options Options.
-   */
-  static readArrayBuffer(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Length of the content to read.
-     * If this parameter is not set, the reading proceeds until the end of the file.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when the buffer data is read successfully.
-     * @since 3
-     */
-    success?: (data: { buffer: Uint8Array }) => void;
-
-    /**
-     * Called when the buffer data fails to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Checks whether a specified file or directory exists.
-   * @param options Options.
-   */
-  static access(options: {
-    /**
-     * URI of the directory or file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the check result is obtained successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the check fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Create a specified directory.
-   * @param options
-   */
-  static mkdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively create upper-level directories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is created successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the creation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a specified directory.
-   * @param options
-   */
-  static rmdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively delete sub files and subdirectories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
diff --git a/api/tv/@system.mediaquery.d.ts b/api/tv/@system.mediaquery.d.ts
deleted file mode 100644
index 8d8eb51a8e2b75a3234ad9ff95e1c949f715348d..0000000000000000000000000000000000000000
--- a/api/tv/@system.mediaquery.d.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * 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 MediaQueryEvent {
-  /**
-   * @since 3
-   */
-  matches: boolean;
-}
-
-export interface MediaQueryList {
-  /**
-  * Serialized media query condition.
-  * This parameter is read-only.
-  * @since 3
-  */
-  media?: string;
-
-  /**
-  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
-  * This parameter is read-only.
-  * @since 3
-  */
-  matches?: boolean;
-
-  /**
-  * Called when the matches value changes.
-  * @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.
-   * @since 3
-   */
-  addListener(callback: (event: MediaQueryEvent) => void): void;
-
-  /**
-   * Removes a listening function from MediaQueryList.
-   * @since 3
-   */
-  removeListener(callback: (event: MediaQueryEvent) => void): void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class MediaQuery {
-  /**
-   * Queries a media item and returns a MediaQueryList object.
-   */
-  static matchMedia(condition: string): MediaQueryList;
-}
diff --git a/api/tv/@system.prompt.d.ts b/api/tv/@system.prompt.d.ts
deleted file mode 100644
index 5bcde677680a78f8d205ea9f595cac9950d234d4..0000000000000000000000000000000000000000
--- a/api/tv/@system.prompt.d.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * 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 ShowToastOptions {
-  /**
-   * Text to display.
-   * @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.
-   * @since 3
-   */
-  duration?: number;
-
-  /**
-   * The distance between toast dialog box and the bottom of screen.
-   * @since 5
-   */
-  bottom?: string | number;
-}
-
-export interface Button {
-  text: string;
-  color: string;
-}
-
-export interface ShowDialogOptions {
-  /**
-   * Title of the text to display.
-   * @since 3
-   */
-  title?: string;
-
-  /**
-   * Text body.
-   * @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.
-   * @since 3
-   */
-  buttons?: [Button, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 3
-   */
-  success?: (data: { index: number }) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 3
-   */
-  cancel?: (data: string, code: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 3
-   */
-  complete?: (data: string) => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Prompt {
-  /**
-   * Displays the notification text.
-   * @param toast
-   */
-  static showToast(toast: ShowToastOptions): void;
-
-  /**
-   * Displays the dialog box.
-   * @param dialog
-   */
-  static showDialog(dialog: ShowDialogOptions): void;
-}
diff --git a/api/tv/@system.router.d.ts b/api/tv/@system.router.d.ts
deleted file mode 100644
index 3c990167a87439749f827dd0db3ebf3a594f0a5f..0000000000000000000000000000000000000000
--- a/api/tv/@system.router.d.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * 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 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.
-   * @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.)
-   * @since 3
-   */
-  params?: Object;
-}
-
-export interface BackRouterOptions {
-  /**
-   * Returns to the page of the specified path.
-   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
-   * @devices tv, phone, tablet, wearable
-   * @since 7
-   */
-  uri?: string;
-
-  /**
-   * Data that needs to be passed to the destination page during navigation.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 7
-   */
-  params?: Object;
-}
-
-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.
-   * @since 3
-   */
-  index: number;
-
-  /**
-   * Name of the current page, that is, the file name.
-   * @since 3
-   */
-  name: string;
-
-  /**
-   * Path of the current page.
-   * @since 3
-   */
-  path: string;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Router {
-  /**
-   * Navigates to a specified page in the application based on the page URL and parameters.
-   * @param obj
-   */
-  static push(obj: RouterOptions): void;
-
-  /**
-   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
-   * @param obj
-   */
-  static replace(obj: RouterOptions): void;
-
-  /**
-   * Returns to the previous page or a specified page.
-   * @param obj
-   * @since 7
-   */
-  static back(options?: BackRouterOptions): void;
-
-  /**
-   * Obtains information about the current page params.
-   * @returns Page params.
-   * @since 7
-   */
-  static getParams(): Object;
-
-  /**
-   * Clears all historical pages and retains only the current page at the top of the stack.
-   */
-  static clear(): void;
-
-  /**
-   * Obtains the number of pages in the current stack.
-   * @returns Number of pages in the stack. The maximum value is 32.
-   */
-  static getLength(): string;
-
-  /**
-   * Obtains information about the current page state.
-   * @returns Page state.
-   */
-  static getState(): RouterState;
-}
diff --git a/api/wearable/@internal/console.d.ts b/api/wearable/@internal/console.d.ts
deleted file mode 100644
index a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57..0000000000000000000000000000000000000000
--- a/api/wearable/@internal/console.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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 declare class console {
-  /**
-   * Prints "debug" logs.
-   * @param message Text to print.
-   */
-  static debug(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "log" logs.
-   * @param message Text to print.
-   */
-  static log(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "info" logs.
-   * @param message Text to print.
-   */
-  static info(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "warn" logs.
-   * @param message Text to print.
-   */
-  static warn(message: string, ...arguments: any[]): void;
-
-  /**
-   * Prints "error" logs.
-   * @param message Text to print.
-   */
-  static error(message: string, ...arguments: any[]): void;
-}
diff --git a/api/wearable/@internal/global.d.ts b/api/wearable/@internal/global.d.ts
deleted file mode 100644
index 85ca2417a74924517b154f5c8dd25cc9384d6038..0000000000000000000000000000000000000000
--- a/api/wearable/@internal/global.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * 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 repeatedly at the interval.
- * @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.
- */
-export declare function setInterval(handler: TimerHandler, 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.
- * @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.
- */
-export declare function setTimeout(handler: TimerHandler, delay?: number, ...arguments: any[]): number;
-
-/**
- * Cancels the interval set by " setInterval()".
- * @param intervalID Indicates the timer ID returned by "setInterval()".
- */
-export declare function clearInterval(intervalID?: number): void;
-
-/**
- * Cancels the timer set by "setTimeout()".
- * @param timeoutID Indicates the timer ID returned by "setTimeout()".
- */
-export declare function clearTimeout(timeoutID?: number): void;
-
-/**
- * Obtain the objects exposed in app.js
- * @since 6
- */
-export declare function getApp(): object;
-
-/**
- * You can create an Image object by calling new Image().
- */
-export declare class Image {
-  /**
-   * Network address or local resource. The internal URI is supported.
-   */
-  src: string;
-  /**
-   * Image width.
-   */
-  width?: number;
-  /**
-   * Image height.
-   */
-  height?: number;
-  /**
-   * Called when an image is successfully loaded. This function has no parameter.
-   */
-  onload?: () => void;
-  /**
-   * Called when an image fails to be loaded. This function has no parameter.
-   */
-  onerror?: () => void;
-}
-
-/**
- * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
- */
-export declare class ImageData {
-  /**
-   * Actual width of the ImageData object, in pixels.
-   */
-  width: number;
-  /**
-   * Actual height of the ImageData object, in pixels.
-   */
-  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.
-   */
-  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/wearable/@internal/index.d.ts b/api/wearable/@internal/index.d.ts
deleted file mode 100644
index 8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c..0000000000000000000000000000000000000000
--- a/api/wearable/@internal/index.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * 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/wearable/@internal/viewmodel.d.ts b/api/wearable/@internal/viewmodel.d.ts
deleted file mode 100644
index 4ceaed183a7770e4dadf2e262fbd66dfb4ae2041..0000000000000000000000000000000000000000
--- a/api/wearable/@internal/viewmodel.d.ts
+++ /dev/null
@@ -1,2189 +0,0 @@
-/*
- * 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";
-import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
-import { WebGL2RenderingContext } from "../webgl/webgl2";
-
-export interface FocusParamObj {
-  focus: boolean;
-}
-
-export interface RectObj {
-  width: number;
-
-  height: number;
-
-  left: number;
-
-  top: number;
-}
-
-export interface ContextAttrOptions {
-  antialias: boolean;
-}
-
-export interface AnimateStyle {
-  /**
-   * Width value applied to the component after the animation is executed.
-   */
-  width: number;
-  /**
-   * Height value applied to the component after the animation is executed.
-   */
-  height: number;
-  /**
-   * left offset applied to the component after the animation is executed.
-   */
-  left: number;
-  /**
-   * top offset applied to the component after the animation is executed.
-   */
-  top: number;
-  /**
-   * right offset applied to the component after the animation is executed.
-   */
-  right: number;
-  /**
-   * bottom offset applied to the component after the animation is executed.
-   */
-  bottom: number;
-  /**
-   * Background color applied to the component after the animation is executed.
-   * The default value is none.
-   */
-  backgroundColor: string;
-  /**
-   * Opacity applied to the component. The value ranges from 0 to 1.
-   * The default value is 1.
-   */
-  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.
-   */
-  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.
-   */
-  transformOrigin: string;
-  /**
-   * Transformation type applied to an element.
-   */
-  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.
-   */
-  offset?: number;
-}
-
-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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  translateX(x: number): void;
-  /**
-   * Defines 2D transformations for translation of the Y axes
-   * @param y the translate value for y-axis
-   */
-  translateY(y: number): void;
-  /**
-   * Defines 3D transformations for translation of the Z axes
-   * @param z the translate value for z-axis
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scaleX(x: number): void;
-  /**
-   * Defines 2D transformations for scaling of the Y axes
-   * @param y the scale value for y-axis
-   */
-  scaleY(y: number): void;
-  /**
-   * Defines 3D transformations for scaling of the Z axes
-   * @param z the scale value for z-axis
-   */
-  scaleZ(z: number): void;
-  /**
-   * Define the 2D rotation and specify the angle in the parameters.
-   * @param angle the rotate value for z-axis
-   */
-  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.
-   */
-  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
-   */
-  rotateX(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Y axes.
-   * @param y the scale value for y-axis
-   */
-  rotateY(angle: number): void;
-  /**
-   * Defines 3D transformations for rotating of the Z axes.
-   * @param z the scale value for z-axis
-   */
-  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.
-   */
-  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.
-   */
-  skewX(angle: number): void;
-  /**
-   * Defines the 2D skew transition along the Y axes.
-   * @param angle the angle of inclination along the y axis.
-   */
-  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.
-   */
-  perspective(verticalDistance: number): void;
-}
-
-export interface AnimateOptions {
-  /**
-   * Duration of the animation, in milliseconds.
-   * The default value is 0.
-   */
-  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.
-   */
-  easing: string;
-
-  /**
-   * Delay for the animation start. The default value indicates no delay.
-   * The default value is 0.
-   */
-  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.
-   */
-  iterations: number | string;
-
-  /**
-   * The animation playback mode.
-   * The default value is "normal".
-   */
-  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.
-   */
-  fill: "none" | "forwards" | "backwards" | "both";
-}
-
-export interface AnimationResult {
-  /**
-   * Read-only attribute, which indicates whether the animation playback is complete.
-   */
-  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).
-   */
-  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.
-   */
-  playstate: string;
-  /**
-   * Animation start time. This attribute is similar to that of delay in the options parameters.
-   */
-  startTime: number;
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-  /**
-   * The animation is started.
-   */
-  onstart: () => void;
-  /**
-   * The animation is finished.
-   */
-  onfinish: () => void;
-  /**
-   * The animation is canceled.
-   */
-  oncancel: () => void;
-  /**
-   * The animation is repeated.
-   */
-  onrepeat: () => void;
-}
-
-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 }
-   */
-  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 }
-   */
-  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.
-   */
-  animate(
-    keyframes: Array<AnimateStyle>,
-    options: AnimateOptions
-  ): AnimationResult;
-
-  /**
-   * Obtains the size and position of the element.
-   * @returns RectObj the size position of the element.
-   */
-  getBoundingClientRect(): RectObj;
-
-  /**
-   * Obtains attributes of the element.
-   * @returns attributes of the element in json string.
-   */
-  getInspector(): string;
-
-  /**
-   * 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
- */
-export interface AnimationElement extends Element {
-  /**
-   * Starts the animation.
-   */
-  play(): void;
-  /**
-   * Ends the animation.
-   */
-  finish(): void;
-  /**
-   * Pauses the animation.
-   */
-  pause(): void;
-  /**
-   * Cancels the animation.
-   */
-  cancel(): void;
-  /**
-   * Plays the animation in reverse direction.
-   */
-  reverse(): void;
-}
-
-export interface CurrentOffsetResultValue {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <list> component provides a list container.
- */
-export interface ListElement extends Element {
-  /**
-   * Scrolls the list to the position of the item at the specified index.
-   */
-  scrollTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): 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
-   */
-  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
-   */
-  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
-   */
-  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
-   */
-  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
-
-  /**
-   * Collapses a group.
-   * @param param
-   */
-  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
-   */
-  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.
-   */
-  currentOffset(): CurrentOffsetResultValue;
-}
-
-/**
- * The <swiper> component provides a swiper container.
- */
-export interface SwiperElement extends Element {
-  /**
-   * Scrolls the child component to the position at the specified index.
-   */
-  swipeTo(position: {
-    /**
-     * specified position.
-     */
-    index: number;
-  }): void;
-
-  /**
-   * Shows the next child component.
-   */
-  showNext(): void;
-
-  /**
-   * Shows the previous child component.
-   */
-  showPrevious(): void;
-}
-
-/**
- * The <dialog> component is a custom pop-up container.
- */
-export interface DialogElement extends Element {
-  /**
-   * Shows a dialog box.
-   */
-  show(): void;
-  /**
-   * Closes a dialog box.
-   */
-  close(): void;
-}
-
-/**
- * The <image-animator> component is used to provide an image frame animator.
- */
-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.
-   */
-  start(): void;
-  /**
-   * Pauses the frame animation playback of an image.
-   */
-  pause(): void;
-  /**
-   * Stops the frame animation playback of an image.
-   */
-  stop(): void;
-  /**
-   * Resumes the frame animation playback of an image.
-   */
-  resume(): void;
-  /**
-   * Obtains the playback state. Available values are as follows:
-   * Playing
-   * Paused
-   * Stopped
-   */
-  getState(): string;
-}
-
-/**
- * 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.
- */
-export interface MarqueeElement extends Element {
-  /**
-   * Starts scrolling.
-   */
-  start(): void;
-
-  /**
-   * Stops scrolling.
-   */
-  stop(): void;
-}
-
-/**
- * The <chart> component displays line charts, gauge charts, and bar charts.
- */
-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.
-   */
-  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.
- */
-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.
-   */
-  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
-   */
-  showError(param: { error: string }): void;
-
-  /**
-   * Deletes the previous character at the cursor position.
-   */
-  delete(): void;
-}
-
-/**
- * The <button> component includes capsule, circle, text, arc, and download buttons.
- */
-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
-   */
-  setProgress(param: { progress: number }): void;
-}
-
-export interface TextMetrics {
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  measureText(text: string): TextMetrics;
-
-  /**
-   * Sets the width of a line.
-   */
-  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.
-   */
-  strokeStyle?: string | CanvasGradient | CanvasPattern;
-
-  /**
-   * Draws a border stroke.
-   */
-  stroke(): void;
-
-  /**
-   * Draws a path stroke.
-   * @param path The object of Path2D.
-   */
-  stroke(path: Path2D): void;
-
-  /**
-   * Creates a drawing path.
-   */
-  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.
-   */
-  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.
-   */
-  lineTo(x: number, y: number): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  miterLimit: number;
-
-  /**
-   * Sets the font style.
-   * Font style. The default value is 10px sans-serif.
-   */
-  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.
-   * end: The text is aligned with the end bound.
-   * NOTE
-   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
-   */
-  textAlign: string;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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;
-
-  /**
-   * 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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  rect(x: number, y: number, width: number, height: number): void;
-
-  /**
-   * Fills the area inside a closed path.
-   */
-  fill(): void;
-
-  /**
-   * Sets a path as the clipping path.
-   */
-  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.
-   */
-  rotate(rotate: number): void;
-
-  /**
-   * Scales a canvas based on scaling factors.
-   * @param x Horizontal scale factor.
-   * @param y Vertical scale factor.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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).
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  restore: () => void;
-
-  /**
-   * Saves the current drawing context.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  setLineDash(segments: Array<number>): void;
-
-  /**
-   * Obtains the dash line style.
-   * @returns Interval of alternate line segments and the length of spacing.
-   */
-  getLineDash(): Array<number>;
-
-  /**
-   * Sets the dash line offset.
-   * Dash line offset. The value is a float number starting from 0.0.
-   */
-  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.
-   */
-  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.
-   */
-  shadowBlur: number;
-
-  /**
-   * Sets the shadow color.
-   */
-  shadowColor: string;
-
-  /**
-   * Sets the x-axis shadow offset relative to the original object.
-   * X-axis shadow offset relative to the original object.
-   */
-  shadowOffsetX: number;
-
-  /**
-   * Sets the y-axis shadow offset relative to the original object.
-   * Y-axis shadow offset relative to the original object.
-   */
-  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().
- */
-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.
-   */
-  addColorStop(offset: number, color: string): void;
-}
-
-export interface Path2D {
-  /**
-   * Add another path to current path.
-   * @param path another created Path2D object.
-   */
-  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.
-   */
-  setTransform(
-    scaleX: number,
-    skewX: number,
-    skewY: number,
-    scaleY: number,
-    translateX: number,
-    translateY: number
-  ): void;
-
-  /**
-   * Draws a closed path.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   */
-  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.
-   * @param param
-   */
-  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
-
-  /**
-   * Obtains the context of webgl canvas drawing.
-   * Only parameters related to webgl canvas drawing are supported.
-   * The return value is a webgl drawing object that provides specific webgl drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
-
-  /**
-   * Obtains the context of webgl2 canvas drawing.
-   * Only parameters related to webgl2 canvas drawing are supported.
-   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
-   * @param type identifier defining the drawing context associated to the canvas.
-   * @param options use this context attributes to creating rendering context.
-   * @param param
-   */
-  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
-
-  /**
-   * 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.
-   */
-  toDataURL(type?: string, quality?: number): string;
-}
-
-export interface ScrollOptions {
-  /**
-   * Scroll to the target position of the page. Unit: px
-   */
-  position: number;
-
-  /**
-   * Duration of the scrolling animation, in ms.
-   */
-  duration: number;
-
-  /**
-   * The selector for current scroll.
-   */
-  id?: string;
-
-  /**
-   * The timing function for current scroll animation.
-   */
-  timingFunction?: string;
-
-  /**
-   * Callback function for successful interface invocation.
-   * @param result the request execution result.
-   */
-  success?: (result: Object) => void;
-
-  /**
-   * Callback function for interface invocation failure.
-   * @param result the request execution result.
-   */
-  fail?: (result: Object) => void;
-
-  /**
-   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
-   * @param result the request execution result.
-   */
-  complete?: (result: Object) => void;
-}
-
-export interface ScrollParam {
-  /**
-   * Offset for scrolling in the horizontal direction, in px.
-   */
-  dx?: number;
-
-  /**
-   * Offset for scrolling in the vertical direction, in px.
-   */
-  dy?: number;
-
-  /**
-   * Whether a sliding animation is displayed when scroll position is changed.
-   */
-  smooth?: boolean;
-}
-
-export interface ScrollOffset {
-  /**
-   * Scrolling offset in the x-axis, in px.
-   */
-  x: number;
-
-  /**
-   * Scrolling offset in the y-axis, in px.
-   */
-  y: number;
-}
-
-/**
- * The <div> component provides a div container.
- */
-export interface DivElement extends Element {
-  /**
-   * Scrolls the div for a certain distance.
-   */
-  scrollBy(data: ScrollParam): void;
-
-  /**
-   * Returns the offset of the current scrolling. The return value type is Object.
-   */
-  getScrollOffset(): ScrollOffset;
-}
-
-export interface Application {
-  /**
-   * Object that is exposed in the app.js file and obtained by this.$app.$def.
-   */
-  $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'].
-   */
-  $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.
-   */
-  $tc(path: string, count: number): string;
-
-  /**
-   * Replace the resource path based on the DPI of the current device: this.$r('image.wearables').
-   * @param path Resource file path.
-   * @returns Content.
-   */
-  $r(path: string): string;
-
-  /**
-   * Adds an attribute or modifies an existing attribute.
-   * Usage: this.$set('key',value): Add an attribute.
-   * @param key
-   * @param value
-   */
-  $set(key: string, value: any): void;
-
-  /**
-   * Deletes an attribute.
-   * Usage:this.$delete('key'): Delete an attribute.
-   * @param key
-   */
-  $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.
-   */
-  $element(
-    id?: string
-  ): AnimationElement &
-    CanvasElement &
-    object &
-    ListElement &
-    SwiperElement &
-    DialogElement &
-    ImageAnimatorElement &
-    MarqueeElement &
-    ChartElement &
-    InputElement &
-    ButtonElement &
-    DivElement;
-
-  /**
-   * Obtains the root ViewModel instance.
-   */
-  $root(): ViewModel & object;
-
-  /**
-   * Obtains the parent ViewModel instance.
-   */
-  $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.
-   */
-  $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.
-   */
-  $watch(data: string, callback: string): void;
-
-  /**
-   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
-   */
-  $refs: ElementReferences;
-
-  /**
-   * Custom events.
-   * @param event The name of event.
-   * @param params The params of event.
-   */
-  $emit(event: string, params?: object): void;
-
-  /**
-   * Scroll the page to the destination.
-   * @param options The properties of event.
-   */
-  scrollTo(options: ScrollOptions): void
-}
-
-export interface ElementReferences {
-  [k: string]: AnimationElement &
-    CanvasElement &
-    object &
-    ListElement &
-    SwiperElement &
-    DialogElement &
-    ImageAnimatorElement &
-    MarqueeElement &
-    ChartElement &
-    InputElement &
-    ButtonElement &
-    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.
-   */
-  data?: Data;
-
-  /**
-   * Listens for page initialization.
-   * Called when page initialization is complete. This function is called only once in a lifecycle.
-   */
-  onInit?(): void;
-
-  /**
-   * Listens for page creation.
-   * Called when a page is created. This function is called only once in a lifecycle.
-   */
-  onReady?(): void;
-
-  /**
-   * Listens for page display.
-   * Called when the page is displayed.
-   */
-  onShow?(): void;
-
-  /**
-   * Listens for page hiding.
-   * Called when the page disappears.
-   */
-  onHide?(): void;
-
-  /**
-   * Listens for page destruction.
-   * Called when the page is destroyed.
-   */
-  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.
-   */
-  onBackPress?(): boolean;
-
-  /**
-   * Listens for application creation.
-   * Called when the application is created.
-   */
-  onCreate?(): void;
-
-  /**
-   * Listens for page active.
-   * Called when the page is activing.
-   */
-  onActive?(): void;
-
-  /**
-   * Listens for page inactive.
-   * Called when the page is paused.
-   */
-  onInactive?(): void;
-
-  /**
-   * This callback is triggered when a new request is received when the FA has started.
-   */
-  onNewRequest?(): void;
-
-  /**
-   * Callback when FA initiates a migration, in this callback, the application can decide whether
-   * to migrate according to the current state.
-   */
-  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.
-   */
-  onSaveData?(value: object): void;
-
-  /**
-   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
-   */
-  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.
-   */
-  onCompleteContinuation?(code: number): void;
-
-  /**
-   * This callback is triggered when the corresponding system configuration changes, such as system font size,
-   * language region, etc.
-   */
-  onConfigurationUpdated?(configuration: Configuration): 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/wearable/@system.app.d.ts b/api/wearable/@system.app.d.ts
deleted file mode 100644
index 7eced9856c12c7fe8be1219135a43c3b09b72df0..0000000000000000000000000000000000000000
--- a/api/wearable/@system.app.d.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * 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 AppResponse {
-  /**
-   * Application bundleName.
-   * @since 6
-   */
-  appID: string;
-
-  /**
-   * Application name.
-   * @since 3
-   */
-  appName: string;
-
-  /**
-   * Application version name.
-   * @since 3
-   */
-  versionName: string;
-
-  /**
-   * Application version.
-   * @since 3
-   */
-  versionCode: number;
-}
-
-export interface ScreenOnVisibleOptions {
-  /**
-   * Whether to keep the application visible. The default value is false.
-   * @since 3
-   */
-  visible?: boolean;
-
-  /**
-   * Called when the application always keeps visible.
-   * @since 3
-   */
-  success?: () => void;
-
-  /**
-   * Called when the application fails to keep visible.
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-
-  /**
-   * Called when the execution is completed.
-   * @since 3
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class App {
-  /**
-   * Obtains the declared information in the config.json file of an application.
-   */
-  static getInfo(): AppResponse;
-
-  /**
-   * Destroys the current ability.
-   */
-  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.
-   */
-  static screenOnVisible(options?: ScreenOnVisibleOptions): void;
-
-  /**
-   * Set image cache capacity of decoded image count.
-   * If not set, the application will not cache any decoded image.
-   * @param value  capacity of decoded image count
-   */
-  static setImageCacheCount(value: number): void;
-
-  /**
-   * Set image cache capacity of raw image data size in Bytes before decode.
-   * If not set, the application will not cache any raw image data.
-   * @param value  capacity of raw image data size in Bytes.
-   */
-  static setImageRawDataCacheSize(value: number): void;
-
-  /**
-   * Set image file cache size in Bytes on disk before decode.
-   * If not set, the application will not cache 100MB image files on disk.
-   * @param value  capacity of image file size in Bytes.
-   */
-  static setImageFileCacheSize(value: number): void;
-}
diff --git a/api/wearable/@system.configuration.d.ts b/api/wearable/@system.configuration.d.ts
deleted file mode 100644
index ac20fdc8d92fbff977cd35e781687ce406c6e0cc..0000000000000000000000000000000000000000
--- a/api/wearable/@system.configuration.d.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * 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 LocaleResponse {
-  /**
-   * Current language of the application. Example: zh.
-   * @since 3
-   */
-  language: string;
-
-  /**
-   * Country or region. Example: CN.
-   * @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.
-   * @since 3
-   */
-  dir: "ltr" | "rtl";
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Configuration {
-  /**
-   * Obtains the current locale of the application, which is the same as the system locale.
-   * @since 3
-   */
-  static getLocale(): LocaleResponse;
-}
diff --git a/api/wearable/@system.file.d.ts b/api/wearable/@system.file.d.ts
deleted file mode 100644
index e36081c2de19d140326d9facfda8f90bfe7df994..0000000000000000000000000000000000000000
--- a/api/wearable/@system.file.d.ts
+++ /dev/null
@@ -1,507 +0,0 @@
-/*
- * 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.
-   * @since 3
-   */
-  length: number;
-
-  /**
-   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
-   * @since 3
-   */
-  lastModifiedTime: number;
-
-  /**
-   * File type. Available values are as follows:
-   * dir: directory
-   * file: file
-   * @since 3
-   */
-  type: "dir" | "file";
-}
-
-export interface IFile extends FileResponse {
-  /**
-   * File list.
-   * @since 3
-   */
-  subFiles?: Array<IFile>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class File {
-  /**
-   * Moves a specified file to a given location.
-   * @param options Options.
-   */
-  static move(options: {
-    /**
-     * URI of the file to move.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the file is to move.
-     * @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.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when moving fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Copies a file and save the copy to a specified location.
-   * @param options Options.
-   */
-  static copy(options: {
-    /**
-     * URI of the file to copy.
-     * @since 3
-     */
-    srcUri: string;
-
-    /**
-     * URI of the location to which the copy is to save.
-     * The directory of application resources and URI of the tmp type are not supported.
-     * @since 3
-     */
-    dstUri: string;
-
-    /**
-     * Called when the source file is copied and saved to the specified location successfully.
-     * This function returns the URI of the file moved to the target location.
-     * @since 3
-     */
-    success?: (uri: string) => void;
-
-    /**
-     * Called when the copy or save operation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the list of files in a specified directory.
-   * @param options Options.
-   */
-  static list(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the list is obtained successfully.
-     * @since 3
-     */
-    success?: (data: { fileList: Array<FileResponse> }) => void;
-
-    /**
-     * Called when the list fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains information about a specified local file.
-   * @param options
-   */
-  static get(options: {
-    /**
-     * File URI.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively obtain the file list under a subdirectory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when file information is obtained successfully.
-     * @since 3
-     */
-    success?: (file: IFile) => void;
-
-    /**
-     * Called when file information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a local file.
-   * @param options
-   */
-  static delete(options: {
-    /**
-     * URI of the file to be deleted, which cannot be an application resource path.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when local files are deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes texts into a specified file.
-   * @param options
-   */
-  static writeText(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Character string to write into the local file.
-     * @since 3
-     */
-    text: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Whether to enable the append mode. The default value is false.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when texts are written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when texts fail to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads texts from a specified file.
-   * @param options
-   */
-  static readText(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Encoding format. The default format is UTF-8.
-     * @since 3
-     */
-    encoding?: string;
-
-    /**
-     * Called when texts are read successfully.
-     * @since 3
-     */
-    success?: (data: { text: string }) => void;
-
-    /**
-     * Called when texts fail to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Writes buffer data into a specified file.
-   * @param options Options.
-   */
-  static writeArrayBuffer(options: {
-    /**
-     * URI of a local file. If it does not exist, a file will be created.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Buffer from which the data is derived.
-     * @since 3
-     */
-    buffer: Uint8Array;
-
-    /**
-     * Offset to the position where the writing starts. The default value is 0.
-     * @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.
-     * @since 3
-     */
-    append?: boolean;
-
-    /**
-     * Called when data from a buffer is written into a file successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when data from a buffer fails to be written into a file.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Reads buffer data from a specified file.
-   * @param options Options.
-   */
-  static readArrayBuffer(options: {
-    /**
-     * URI of a local file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Position where the reading starts.
-     * The default value is the start position of the file.
-     * @since 3
-     */
-    position?: number;
-
-    /**
-     * Length of the content to read.
-     * If this parameter is not set, the reading proceeds until the end of the file.
-     * @since 3
-     */
-    length?: number;
-
-    /**
-     * Called when the buffer data is read successfully.
-     * @since 3
-     */
-    success?: (data: { buffer: Uint8Array }) => void;
-
-    /**
-     * Called when the buffer data fails to be read.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Checks whether a specified file or directory exists.
-   * @param options Options.
-   */
-  static access(options: {
-    /**
-     * URI of the directory or file.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Called when the check result is obtained successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the check fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Create a specified directory.
-   * @param options
-   */
-  static mkdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively create upper-level directories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is created successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the creation fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Deletes a specified directory.
-   * @param options
-   */
-  static rmdir(options: {
-    /**
-     * URI of the directory.
-     * @since 3
-     */
-    uri: string;
-
-    /**
-     * Whether to recursively delete sub files and subdirectories of the specified directory.
-     * The default value is false.
-     * @since 3
-     */
-    recursive?: boolean;
-
-    /**
-     * Called when the directory is deleted successfully.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the deletion fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
diff --git a/api/wearable/@system.mediaquery.d.ts b/api/wearable/@system.mediaquery.d.ts
deleted file mode 100644
index 8d8eb51a8e2b75a3234ad9ff95e1c949f715348d..0000000000000000000000000000000000000000
--- a/api/wearable/@system.mediaquery.d.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * 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 MediaQueryEvent {
-  /**
-   * @since 3
-   */
-  matches: boolean;
-}
-
-export interface MediaQueryList {
-  /**
-  * Serialized media query condition.
-  * This parameter is read-only.
-  * @since 3
-  */
-  media?: string;
-
-  /**
-  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
-  * This parameter is read-only.
-  * @since 3
-  */
-  matches?: boolean;
-
-  /**
-  * Called when the matches value changes.
-  * @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.
-   * @since 3
-   */
-  addListener(callback: (event: MediaQueryEvent) => void): void;
-
-  /**
-   * Removes a listening function from MediaQueryList.
-   * @since 3
-   */
-  removeListener(callback: (event: MediaQueryEvent) => void): void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class MediaQuery {
-  /**
-   * Queries a media item and returns a MediaQueryList object.
-   */
-  static matchMedia(condition: string): MediaQueryList;
-}
diff --git a/api/wearable/@system.prompt.d.ts b/api/wearable/@system.prompt.d.ts
deleted file mode 100644
index 5bcde677680a78f8d205ea9f595cac9950d234d4..0000000000000000000000000000000000000000
--- a/api/wearable/@system.prompt.d.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * 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 ShowToastOptions {
-  /**
-   * Text to display.
-   * @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.
-   * @since 3
-   */
-  duration?: number;
-
-  /**
-   * The distance between toast dialog box and the bottom of screen.
-   * @since 5
-   */
-  bottom?: string | number;
-}
-
-export interface Button {
-  text: string;
-  color: string;
-}
-
-export interface ShowDialogOptions {
-  /**
-   * Title of the text to display.
-   * @since 3
-   */
-  title?: string;
-
-  /**
-   * Text body.
-   * @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.
-   * @since 3
-   */
-  buttons?: [Button, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 3
-   */
-  success?: (data: { index: number }) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 3
-   */
-  cancel?: (data: string, code: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 3
-   */
-  complete?: (data: string) => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Prompt {
-  /**
-   * Displays the notification text.
-   * @param toast
-   */
-  static showToast(toast: ShowToastOptions): void;
-
-  /**
-   * Displays the dialog box.
-   * @param dialog
-   */
-  static showDialog(dialog: ShowDialogOptions): void;
-}
diff --git a/api/wearable/@system.router.d.ts b/api/wearable/@system.router.d.ts
deleted file mode 100644
index 3c990167a87439749f827dd0db3ebf3a594f0a5f..0000000000000000000000000000000000000000
--- a/api/wearable/@system.router.d.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * 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 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.
-   * @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.)
-   * @since 3
-   */
-  params?: Object;
-}
-
-export interface BackRouterOptions {
-  /**
-   * Returns to the page of the specified path.
-   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
-   * @devices tv, phone, tablet, wearable
-   * @since 7
-   */
-  uri?: string;
-
-  /**
-   * Data that needs to be passed to the destination page during navigation.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 7
-   */
-  params?: Object;
-}
-
-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.
-   * @since 3
-   */
-  index: number;
-
-  /**
-   * Name of the current page, that is, the file name.
-   * @since 3
-   */
-  name: string;
-
-  /**
-   * Path of the current page.
-   * @since 3
-   */
-  path: string;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Router {
-  /**
-   * Navigates to a specified page in the application based on the page URL and parameters.
-   * @param obj
-   */
-  static push(obj: RouterOptions): void;
-
-  /**
-   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
-   * @param obj
-   */
-  static replace(obj: RouterOptions): void;
-
-  /**
-   * Returns to the previous page or a specified page.
-   * @param obj
-   * @since 7
-   */
-  static back(options?: BackRouterOptions): void;
-
-  /**
-   * Obtains information about the current page params.
-   * @returns Page params.
-   * @since 7
-   */
-  static getParams(): Object;
-
-  /**
-   * Clears all historical pages and retains only the current page at the top of the stack.
-   */
-  static clear(): void;
-
-  /**
-   * Obtains the number of pages in the current stack.
-   * @returns Number of pages in the stack. The maximum value is 32.
-   */
-  static getLength(): string;
-
-  /**
-   * Obtains information about the current page state.
-   * @returns Page state.
-   */
-  static getState(): RouterState;
-}
diff --git a/remove_internal.py b/remove_internal.py
index defbb2efc141e7b1268316fa09b94793a79c6625..3fcfb446e67f4920c47bbface39bf9de70ebc853 100755
--- a/remove_internal.py
+++ b/remove_internal.py
@@ -8,8 +8,7 @@ import optparse
 import shutil
 
 # d.ts directories to be deleted
-remove_list = ["@internal", "common", "form", "liteWearable", "phone",
-    "router", "smartVision", "tablet", "tv", "wearable", "syscapCheck"]
+remove_list = ["@internal", "common", "form", "liteWearable", "config", "syscapCheck"]
 
 
 # traversal all fill in project folder
@@ -39,4 +38,4 @@ def main(argv):
 
 
 if __name__ == "__main__":
-    exit(main(sys.argv))
\ No newline at end of file
+    exit(main(sys.argv))